@ereo/plugin-images 0.1.6

package/dist/index.js

@@ -0,0 +1,4870 @@
+// @bun
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
+var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
+
+// ../../node_modules/.bun/react@18.3.1/node_modules/react/cjs/react.development.js
+var require_react_development = __commonJS((exports, module) => {
+  if (true) {
+    (function() {
+      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart === "function") {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);
+      }
+      var ReactVersion = "18.3.1";
+      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+      var FAUX_ITERATOR_SYMBOL = "@@iterator";
+      function getIteratorFn(maybeIterable) {
+        if (maybeIterable === null || typeof maybeIterable !== "object") {
+          return null;
+        }
+        var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+        if (typeof maybeIterator === "function") {
+          return maybeIterator;
+        }
+        return null;
+      }
+      var ReactCurrentDispatcher = {
+        current: null
+      };
+      var ReactCurrentBatchConfig = {
+        transition: null
+      };
+      var ReactCurrentActQueue = {
+        current: null,
+        isBatchingLegacy: false,
+        didScheduleLegacyUpdate: false
+      };
+      var ReactCurrentOwner = {
+        current: null
+      };
+      var ReactDebugCurrentFrame = {};
+      var currentExtraStackFrame = null;
+      function setExtraStackFrame(stack) {
+        {
+          currentExtraStackFrame = stack;
+        }
+      }
+      {
+        ReactDebugCurrentFrame.setExtraStackFrame = function(stack) {
+          {
+            currentExtraStackFrame = stack;
+          }
+        };
+        ReactDebugCurrentFrame.getCurrentStack = null;
+        ReactDebugCurrentFrame.getStackAddendum = function() {
+          var stack = "";
+          if (currentExtraStackFrame) {
+            stack += currentExtraStackFrame;
+          }
+          var impl = ReactDebugCurrentFrame.getCurrentStack;
+          if (impl) {
+            stack += impl() || "";
+          }
+          return stack;
+        };
+      }
+      var enableScopeAPI = false;
+      var enableCacheElement = false;
+      var enableTransitionTracing = false;
+      var enableLegacyHidden = false;
+      var enableDebugTracing = false;
+      var ReactSharedInternals = {
+        ReactCurrentDispatcher,
+        ReactCurrentBatchConfig,
+        ReactCurrentOwner
+      };
+      {
+        ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame;
+        ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
+      }
+      function warn(format) {
+        {
+          {
+            for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1;_key < _len; _key++) {
+              args[_key - 1] = arguments[_key];
+            }
+            printWarning("warn", format, args);
+          }
+        }
+      }
+      function error(format) {
+        {
+          {
+            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1;_key2 < _len2; _key2++) {
+              args[_key2 - 1] = arguments[_key2];
+            }
+            printWarning("error", format, args);
+          }
+        }
+      }
+      function printWarning(level, format, args) {
+        {
+          var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame2.getStackAddendum();
+          if (stack !== "") {
+            format += "%s";
+            args = args.concat([stack]);
+          }
+          var argsWithFormat = args.map(function(item) {
+            return String(item);
+          });
+          argsWithFormat.unshift("Warning: " + format);
+          Function.prototype.apply.call(console[level], console, argsWithFormat);
+        }
+      }
+      var didWarnStateUpdateForUnmountedComponent = {};
+      function warnNoop(publicInstance, callerName) {
+        {
+          var _constructor = publicInstance.constructor;
+          var componentName = _constructor && (_constructor.displayName || _constructor.name) || "ReactClass";
+          var warningKey = componentName + "." + callerName;
+          if (didWarnStateUpdateForUnmountedComponent[warningKey]) {
+            return;
+          }
+          error("Can't call %s on a component that is not yet mounted. " + "This is a no-op, but it might indicate a bug in your application. " + "Instead, assign to `this.state` directly or define a `state = {};` " + "class property with the desired state in the %s component.", callerName, componentName);
+          didWarnStateUpdateForUnmountedComponent[warningKey] = true;
+        }
+      }
+      var ReactNoopUpdateQueue = {
+        isMounted: function(publicInstance) {
+          return false;
+        },
+        enqueueForceUpdate: function(publicInstance, callback, callerName) {
+          warnNoop(publicInstance, "forceUpdate");
+        },
+        enqueueReplaceState: function(publicInstance, completeState, callback, callerName) {
+          warnNoop(publicInstance, "replaceState");
+        },
+        enqueueSetState: function(publicInstance, partialState, callback, callerName) {
+          warnNoop(publicInstance, "setState");
+        }
+      };
+      var assign = Object.assign;
+      var emptyObject = {};
+      {
+        Object.freeze(emptyObject);
+      }
+      function Component(props, context, updater) {
+        this.props = props;
+        this.context = context;
+        this.refs = emptyObject;
+        this.updater = updater || ReactNoopUpdateQueue;
+      }
+      Component.prototype.isReactComponent = {};
+      Component.prototype.setState = function(partialState, callback) {
+        if (typeof partialState !== "object" && typeof partialState !== "function" && partialState != null) {
+          throw new Error("setState(...): takes an object of state variables to update or a " + "function which returns an object of state variables.");
+        }
+        this.updater.enqueueSetState(this, partialState, callback, "setState");
+      };
+      Component.prototype.forceUpdate = function(callback) {
+        this.updater.enqueueForceUpdate(this, callback, "forceUpdate");
+      };
+      {
+        var deprecatedAPIs = {
+          isMounted: ["isMounted", "Instead, make sure to clean up subscriptions and pending requests in " + "componentWillUnmount to prevent memory leaks."],
+          replaceState: ["replaceState", "Refactor your code to use setState instead (see " + "https://github.com/facebook/react/issues/3236)."]
+        };
+        var defineDeprecationWarning = function(methodName, info) {
+          Object.defineProperty(Component.prototype, methodName, {
+            get: function() {
+              warn("%s(...) is deprecated in plain JavaScript React classes. %s", info[0], info[1]);
+              return;
+            }
+          });
+        };
+        for (var fnName in deprecatedAPIs) {
+          if (deprecatedAPIs.hasOwnProperty(fnName)) {
+            defineDeprecationWarning(fnName, deprecatedAPIs[fnName]);
+          }
+        }
+      }
+      function ComponentDummy() {}
+      ComponentDummy.prototype = Component.prototype;
+      function PureComponent(props, context, updater) {
+        this.props = props;
+        this.context = context;
+        this.refs = emptyObject;
+        this.updater = updater || ReactNoopUpdateQueue;
+      }
+      var pureComponentPrototype = PureComponent.prototype = new ComponentDummy;
+      pureComponentPrototype.constructor = PureComponent;
+      assign(pureComponentPrototype, Component.prototype);
+      pureComponentPrototype.isPureReactComponent = true;
+      function createRef() {
+        var refObject = {
+          current: null
+        };
+        {
+          Object.seal(refObject);
+        }
+        return refObject;
+      }
+      var isArrayImpl = Array.isArray;
+      function isArray(a) {
+        return isArrayImpl(a);
+      }
+      function typeName(value) {
+        {
+          var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
+          var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+          return type;
+        }
+      }
+      function willCoercionThrow(value) {
+        {
+          try {
+            testStringCoercion(value);
+            return false;
+          } catch (e) {
+            return true;
+          }
+        }
+      }
+      function testStringCoercion(value) {
+        return "" + value;
+      }
+      function checkKeyStringCoercion(value) {
+        {
+          if (willCoercionThrow(value)) {
+            error("The provided key is an unsupported type %s." + " This value must be coerced to a string before before using it here.", typeName(value));
+            return testStringCoercion(value);
+          }
+        }
+      }
+      function getWrappedName(outerType, innerType, wrapperName) {
+        var displayName = outerType.displayName;
+        if (displayName) {
+          return displayName;
+        }
+        var functionName = innerType.displayName || innerType.name || "";
+        return functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName;
+      }
+      function getContextName(type) {
+        return type.displayName || "Context";
+      }
+      function getComponentNameFromType(type) {
+        if (type == null) {
+          return null;
+        }
+        {
+          if (typeof type.tag === "number") {
+            error("Received an unexpected object in getComponentNameFromType(). " + "This is likely a bug in React. Please file an issue.");
+          }
+        }
+        if (typeof type === "function") {
+          return type.displayName || type.name || null;
+        }
+        if (typeof type === "string") {
+          return type;
+        }
+        switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return "Fragment";
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_PROFILER_TYPE:
+            return "Profiler";
+          case REACT_STRICT_MODE_TYPE:
+            return "StrictMode";
+          case REACT_SUSPENSE_TYPE:
+            return "Suspense";
+          case REACT_SUSPENSE_LIST_TYPE:
+            return "SuspenseList";
+        }
+        if (typeof type === "object") {
+          switch (type.$$typeof) {
+            case REACT_CONTEXT_TYPE:
+              var context = type;
+              return getContextName(context) + ".Consumer";
+            case REACT_PROVIDER_TYPE:
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            case REACT_FORWARD_REF_TYPE:
+              return getWrappedName(type, type.render, "ForwardRef");
+            case REACT_MEMO_TYPE:
+              var outerName = type.displayName || null;
+              if (outerName !== null) {
+                return outerName;
+              }
+              return getComponentNameFromType(type.type) || "Memo";
+            case REACT_LAZY_TYPE: {
+              var lazyComponent = type;
+              var payload = lazyComponent._payload;
+              var init = lazyComponent._init;
+              try {
+                return getComponentNameFromType(init(payload));
+              } catch (x) {
+                return null;
+              }
+            }
+          }
+        }
+        return null;
+      }
+      var hasOwnProperty = Object.prototype.hasOwnProperty;
+      var RESERVED_PROPS = {
+        key: true,
+        ref: true,
+        __self: true,
+        __source: true
+      };
+      var specialPropKeyWarningShown, specialPropRefWarningShown, didWarnAboutStringRefs;
+      {
+        didWarnAboutStringRefs = {};
+      }
+      function hasValidRef(config) {
+        {
+          if (hasOwnProperty.call(config, "ref")) {
+            var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
+            if (getter && getter.isReactWarning) {
+              return false;
+            }
+          }
+        }
+        return config.ref !== undefined;
+      }
+      function hasValidKey(config) {
+        {
+          if (hasOwnProperty.call(config, "key")) {
+            var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+            if (getter && getter.isReactWarning) {
+              return false;
+            }
+          }
+        }
+        return config.key !== undefined;
+      }
+      function defineKeyPropWarningGetter(props, displayName) {
+        var warnAboutAccessingKey = function() {
+          {
+            if (!specialPropKeyWarningShown) {
+              specialPropKeyWarningShown = true;
+              error("%s: `key` is not a prop. Trying to access it will result " + "in `undefined` being returned. If you need to access the same " + "value within the child component, you should pass it as a different " + "prop. (https://reactjs.org/link/special-props)", displayName);
+            }
+          }
+        };
+        warnAboutAccessingKey.isReactWarning = true;
+        Object.defineProperty(props, "key", {
+          get: warnAboutAccessingKey,
+          configurable: true
+        });
+      }
+      function defineRefPropWarningGetter(props, displayName) {
+        var warnAboutAccessingRef = function() {
+          {
+            if (!specialPropRefWarningShown) {
+              specialPropRefWarningShown = true;
+              error("%s: `ref` is not a prop. Trying to access it will result " + "in `undefined` being returned. If you need to access the same " + "value within the child component, you should pass it as a different " + "prop. (https://reactjs.org/link/special-props)", displayName);
+            }
+          }
+        };
+        warnAboutAccessingRef.isReactWarning = true;
+        Object.defineProperty(props, "ref", {
+          get: warnAboutAccessingRef,
+          configurable: true
+        });
+      }
+      function warnIfStringRefCannotBeAutoConverted(config) {
+        {
+          if (typeof config.ref === "string" && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
+            var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+            if (!didWarnAboutStringRefs[componentName]) {
+              error('Component "%s" contains the string ref "%s". ' + "Support for string refs will be removed in a future major release. " + "This case cannot be automatically converted to an arrow function. " + "We ask you to manually fix this case by using useRef() or createRef() instead. " + "Learn more about using refs safely here: " + "https://reactjs.org/link/strict-mode-string-ref", componentName, config.ref);
+              didWarnAboutStringRefs[componentName] = true;
+            }
+          }
+        }
+      }
+      var ReactElement = function(type, key, ref, self, source, owner, props) {
+        var element = {
+          $$typeof: REACT_ELEMENT_TYPE,
+          type,
+          key,
+          ref,
+          props,
+          _owner: owner
+        };
+        {
+          element._store = {};
+          Object.defineProperty(element._store, "validated", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: false
+          });
+          Object.defineProperty(element, "_self", {
+            configurable: false,
+            enumerable: false,
+            writable: false,
+            value: self
+          });
+          Object.defineProperty(element, "_source", {
+            configurable: false,
+            enumerable: false,
+            writable: false,
+            value: source
+          });
+          if (Object.freeze) {
+            Object.freeze(element.props);
+            Object.freeze(element);
+          }
+        }
+        return element;
+      };
+      function createElement(type, config, children) {
+        var propName;
+        var props = {};
+        var key = null;
+        var ref = null;
+        var self = null;
+        var source = null;
+        if (config != null) {
+          if (hasValidRef(config)) {
+            ref = config.ref;
+            {
+              warnIfStringRefCannotBeAutoConverted(config);
+            }
+          }
+          if (hasValidKey(config)) {
+            {
+              checkKeyStringCoercion(config.key);
+            }
+            key = "" + config.key;
+          }
+          self = config.__self === undefined ? null : config.__self;
+          source = config.__source === undefined ? null : config.__source;
+          for (propName in config) {
+            if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+              props[propName] = config[propName];
+            }
+          }
+        }
+        var childrenLength = arguments.length - 2;
+        if (childrenLength === 1) {
+          props.children = children;
+        } else if (childrenLength > 1) {
+          var childArray = Array(childrenLength);
+          for (var i = 0;i < childrenLength; i++) {
+            childArray[i] = arguments[i + 2];
+          }
+          {
+            if (Object.freeze) {
+              Object.freeze(childArray);
+            }
+          }
+          props.children = childArray;
+        }
+        if (type && type.defaultProps) {
+          var defaultProps = type.defaultProps;
+          for (propName in defaultProps) {
+            if (props[propName] === undefined) {
+              props[propName] = defaultProps[propName];
+            }
+          }
+        }
+        {
+          if (key || ref) {
+            var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type;
+            if (key) {
+              defineKeyPropWarningGetter(props, displayName);
+            }
+            if (ref) {
+              defineRefPropWarningGetter(props, displayName);
+            }
+          }
+        }
+        return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+      }
+      function cloneAndReplaceKey(oldElement, newKey) {
+        var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
+        return newElement;
+      }
+      function cloneElement(element, config, children) {
+        if (element === null || element === undefined) {
+          throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
+        }
+        var propName;
+        var props = assign({}, element.props);
+        var key = element.key;
+        var ref = element.ref;
+        var self = element._self;
+        var source = element._source;
+        var owner = element._owner;
+        if (config != null) {
+          if (hasValidRef(config)) {
+            ref = config.ref;
+            owner = ReactCurrentOwner.current;
+          }
+          if (hasValidKey(config)) {
+            {
+              checkKeyStringCoercion(config.key);
+            }
+            key = "" + config.key;
+          }
+          var defaultProps;
+          if (element.type && element.type.defaultProps) {
+            defaultProps = element.type.defaultProps;
+          }
+          for (propName in config) {
+            if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+              if (config[propName] === undefined && defaultProps !== undefined) {
+                props[propName] = defaultProps[propName];
+              } else {
+                props[propName] = config[propName];
+              }
+            }
+          }
+        }
+        var childrenLength = arguments.length - 2;
+        if (childrenLength === 1) {
+          props.children = children;
+        } else if (childrenLength > 1) {
+          var childArray = Array(childrenLength);
+          for (var i = 0;i < childrenLength; i++) {
+            childArray[i] = arguments[i + 2];
+          }
+          props.children = childArray;
+        }
+        return ReactElement(element.type, key, ref, self, source, owner, props);
+      }
+      function isValidElement(object) {
+        return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+      }
+      var SEPARATOR = ".";
+      var SUBSEPARATOR = ":";
+      function escape(key) {
+        var escapeRegex = /[=:]/g;
+        var escaperLookup = {
+          "=": "=0",
+          ":": "=2"
+        };
+        var escapedString = key.replace(escapeRegex, function(match) {
+          return escaperLookup[match];
+        });
+        return "$" + escapedString;
+      }
+      var didWarnAboutMaps = false;
+      var userProvidedKeyEscapeRegex = /\/+/g;
+      function escapeUserProvidedKey(text) {
+        return text.replace(userProvidedKeyEscapeRegex, "$&/");
+      }
+      function getElementKey(element, index) {
+        if (typeof element === "object" && element !== null && element.key != null) {
+          {
+            checkKeyStringCoercion(element.key);
+          }
+          return escape("" + element.key);
+        }
+        return index.toString(36);
+      }
+      function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+        var type = typeof children;
+        if (type === "undefined" || type === "boolean") {
+          children = null;
+        }
+        var invokeCallback = false;
+        if (children === null) {
+          invokeCallback = true;
+        } else {
+          switch (type) {
+            case "string":
+            case "number":
+              invokeCallback = true;
+              break;
+            case "object":
+              switch (children.$$typeof) {
+                case REACT_ELEMENT_TYPE:
+                case REACT_PORTAL_TYPE:
+                  invokeCallback = true;
+              }
+          }
+        }
+        if (invokeCallback) {
+          var _child = children;
+          var mappedChild = callback(_child);
+          var childKey = nameSoFar === "" ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
+          if (isArray(mappedChild)) {
+            var escapedChildKey = "";
+            if (childKey != null) {
+              escapedChildKey = escapeUserProvidedKey(childKey) + "/";
+            }
+            mapIntoArray(mappedChild, array, escapedChildKey, "", function(c) {
+              return c;
+            });
+          } else if (mappedChild != null) {
+            if (isValidElement(mappedChild)) {
+              {
+                if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
+                  checkKeyStringCoercion(mappedChild.key);
+                }
+              }
+              mappedChild = cloneAndReplaceKey(mappedChild, escapedPrefix + (mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey("" + mappedChild.key) + "/" : "") + childKey);
+            }
+            array.push(mappedChild);
+          }
+          return 1;
+        }
+        var child;
+        var nextName;
+        var subtreeCount = 0;
+        var nextNamePrefix = nameSoFar === "" ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+        if (isArray(children)) {
+          for (var i = 0;i < children.length; i++) {
+            child = children[i];
+            nextName = nextNamePrefix + getElementKey(child, i);
+            subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+          }
+        } else {
+          var iteratorFn = getIteratorFn(children);
+          if (typeof iteratorFn === "function") {
+            var iterableChildren = children;
+            {
+              if (iteratorFn === iterableChildren.entries) {
+                if (!didWarnAboutMaps) {
+                  warn("Using Maps as children is not supported. " + "Use an array of keyed ReactElements instead.");
+                }
+                didWarnAboutMaps = true;
+              }
+            }
+            var iterator = iteratorFn.call(iterableChildren);
+            var step;
+            var ii = 0;
+            while (!(step = iterator.next()).done) {
+              child = step.value;
+              nextName = nextNamePrefix + getElementKey(child, ii++);
+              subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+            }
+          } else if (type === "object") {
+            var childrenString = String(children);
+            throw new Error("Objects are not valid as a React child (found: " + (childrenString === "[object Object]" ? "object with keys {" + Object.keys(children).join(", ") + "}" : childrenString) + "). " + "If you meant to render a collection of children, use an array " + "instead.");
+          }
+        }
+        return subtreeCount;
+      }
+      function mapChildren(children, func, context) {
+        if (children == null) {
+          return children;
+        }
+        var result = [];
+        var count = 0;
+        mapIntoArray(children, result, "", "", function(child) {
+          return func.call(context, child, count++);
+        });
+        return result;
+      }
+      function countChildren(children) {
+        var n = 0;
+        mapChildren(children, function() {
+          n++;
+        });
+        return n;
+      }
+      function forEachChildren(children, forEachFunc, forEachContext) {
+        mapChildren(children, function() {
+          forEachFunc.apply(this, arguments);
+        }, forEachContext);
+      }
+      function toArray(children) {
+        return mapChildren(children, function(child) {
+          return child;
+        }) || [];
+      }
+      function onlyChild(children) {
+        if (!isValidElement(children)) {
+          throw new Error("React.Children.only expected to receive a single React element child.");
+        }
+        return children;
+      }
+      function createContext(defaultValue) {
+        var context = {
+          $$typeof: REACT_CONTEXT_TYPE,
+          _currentValue: defaultValue,
+          _currentValue2: defaultValue,
+          _threadCount: 0,
+          Provider: null,
+          Consumer: null,
+          _defaultValue: null,
+          _globalName: null
+        };
+        context.Provider = {
+          $$typeof: REACT_PROVIDER_TYPE,
+          _context: context
+        };
+        var hasWarnedAboutUsingNestedContextConsumers = false;
+        var hasWarnedAboutUsingConsumerProvider = false;
+        var hasWarnedAboutDisplayNameOnConsumer = false;
+        {
+          var Consumer = {
+            $$typeof: REACT_CONTEXT_TYPE,
+            _context: context
+          };
+          Object.defineProperties(Consumer, {
+            Provider: {
+              get: function() {
+                if (!hasWarnedAboutUsingConsumerProvider) {
+                  hasWarnedAboutUsingConsumerProvider = true;
+                  error("Rendering <Context.Consumer.Provider> is not supported and will be removed in " + "a future major release. Did you mean to render <Context.Provider> instead?");
+                }
+                return context.Provider;
+              },
+              set: function(_Provider) {
+                context.Provider = _Provider;
+              }
+            },
+            _currentValue: {
+              get: function() {
+                return context._currentValue;
+              },
+              set: function(_currentValue) {
+                context._currentValue = _currentValue;
+              }
+            },
+            _currentValue2: {
+              get: function() {
+                return context._currentValue2;
+              },
+              set: function(_currentValue2) {
+                context._currentValue2 = _currentValue2;
+              }
+            },
+            _threadCount: {
+              get: function() {
+                return context._threadCount;
+              },
+              set: function(_threadCount) {
+                context._threadCount = _threadCount;
+              }
+            },
+            Consumer: {
+              get: function() {
+                if (!hasWarnedAboutUsingNestedContextConsumers) {
+                  hasWarnedAboutUsingNestedContextConsumers = true;
+                  error("Rendering <Context.Consumer.Consumer> is not supported and will be removed in " + "a future major release. Did you mean to render <Context.Consumer> instead?");
+                }
+                return context.Consumer;
+              }
+            },
+            displayName: {
+              get: function() {
+                return context.displayName;
+              },
+              set: function(displayName) {
+                if (!hasWarnedAboutDisplayNameOnConsumer) {
+                  warn("Setting `displayName` on Context.Consumer has no effect. " + "You should set it directly on the context with Context.displayName = '%s'.", displayName);
+                  hasWarnedAboutDisplayNameOnConsumer = true;
+                }
+              }
+            }
+          });
+          context.Consumer = Consumer;
+        }
+        {
+          context._currentRenderer = null;
+          context._currentRenderer2 = null;
+        }
+        return context;
+      }
+      var Uninitialized = -1;
+      var Pending = 0;
+      var Resolved = 1;
+      var Rejected = 2;
+      function lazyInitializer(payload) {
+        if (payload._status === Uninitialized) {
+          var ctor = payload._result;
+          var thenable = ctor();
+          thenable.then(function(moduleObject2) {
+            if (payload._status === Pending || payload._status === Uninitialized) {
+              var resolved = payload;
+              resolved._status = Resolved;
+              resolved._result = moduleObject2;
+            }
+          }, function(error2) {
+            if (payload._status === Pending || payload._status === Uninitialized) {
+              var rejected = payload;
+              rejected._status = Rejected;
+              rejected._result = error2;
+            }
+          });
+          if (payload._status === Uninitialized) {
+            var pending = payload;
+            pending._status = Pending;
+            pending._result = thenable;
+          }
+        }
+        if (payload._status === Resolved) {
+          var moduleObject = payload._result;
+          {
+            if (moduleObject === undefined) {
+              error("lazy: Expected the result of a dynamic imp" + "ort() call. " + `Instead received: %s
+
+Your code should look like: 
+  ` + "const MyComponent = lazy(() => imp" + `ort('./MyComponent'))
+
+` + "Did you accidentally put curly braces around the import?", moduleObject);
+            }
+          }
+          {
+            if (!("default" in moduleObject)) {
+              error("lazy: Expected the result of a dynamic imp" + "ort() call. " + `Instead received: %s
+
+Your code should look like: 
+  ` + "const MyComponent = lazy(() => imp" + "ort('./MyComponent'))", moduleObject);
+            }
+          }
+          return moduleObject.default;
+        } else {
+          throw payload._result;
+        }
+      }
+      function lazy(ctor) {
+        var payload = {
+          _status: Uninitialized,
+          _result: ctor
+        };
+        var lazyType = {
+          $$typeof: REACT_LAZY_TYPE,
+          _payload: payload,
+          _init: lazyInitializer
+        };
+        {
+          var defaultProps;
+          var propTypes;
+          Object.defineProperties(lazyType, {
+            defaultProps: {
+              configurable: true,
+              get: function() {
+                return defaultProps;
+              },
+              set: function(newDefaultProps) {
+                error("React.lazy(...): It is not supported to assign `defaultProps` to " + "a lazy component import. Either specify them where the component " + "is defined, or create a wrapping component around it.");
+                defaultProps = newDefaultProps;
+                Object.defineProperty(lazyType, "defaultProps", {
+                  enumerable: true
+                });
+              }
+            },
+            propTypes: {
+              configurable: true,
+              get: function() {
+                return propTypes;
+              },
+              set: function(newPropTypes) {
+                error("React.lazy(...): It is not supported to assign `propTypes` to " + "a lazy component import. Either specify them where the component " + "is defined, or create a wrapping component around it.");
+                propTypes = newPropTypes;
+                Object.defineProperty(lazyType, "propTypes", {
+                  enumerable: true
+                });
+              }
+            }
+          });
+        }
+        return lazyType;
+      }
+      function forwardRef(render) {
+        {
+          if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+            error("forwardRef requires a render function but received a `memo` " + "component. Instead of forwardRef(memo(...)), use " + "memo(forwardRef(...)).");
+          } else if (typeof render !== "function") {
+            error("forwardRef requires a render function but was given %s.", render === null ? "null" : typeof render);
+          } else {
+            if (render.length !== 0 && render.length !== 2) {
+              error("forwardRef render functions accept exactly two parameters: props and ref. %s", render.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined.");
+            }
+          }
+          if (render != null) {
+            if (render.defaultProps != null || render.propTypes != null) {
+              error("forwardRef render functions do not support propTypes or defaultProps. " + "Did you accidentally pass a React component?");
+            }
+          }
+        }
+        var elementType = {
+          $$typeof: REACT_FORWARD_REF_TYPE,
+          render
+        };
+        {
+          var ownName;
+          Object.defineProperty(elementType, "displayName", {
+            enumerable: false,
+            configurable: true,
+            get: function() {
+              return ownName;
+            },
+            set: function(name) {
+              ownName = name;
+              if (!render.name && !render.displayName) {
+                render.displayName = name;
+              }
+            }
+          });
+        }
+        return elementType;
+      }
+      var REACT_MODULE_REFERENCE;
+      {
+        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+      }
+      function isValidElementType(type) {
+        if (typeof type === "string" || typeof type === "function") {
+          return true;
+        }
+        if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
+          return true;
+        }
+        if (typeof type === "object" && type !== null) {
+          if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
+            return true;
+          }
+        }
+        return false;
+      }
+      function memo(type, compare) {
+        {
+          if (!isValidElementType(type)) {
+            error("memo: The first argument must be a component. Instead " + "received: %s", type === null ? "null" : typeof type);
+          }
+        }
+        var elementType = {
+          $$typeof: REACT_MEMO_TYPE,
+          type,
+          compare: compare === undefined ? null : compare
+        };
+        {
+          var ownName;
+          Object.defineProperty(elementType, "displayName", {
+            enumerable: false,
+            configurable: true,
+            get: function() {
+              return ownName;
+            },
+            set: function(name) {
+              ownName = name;
+              if (!type.name && !type.displayName) {
+                type.displayName = name;
+              }
+            }
+          });
+        }
+        return elementType;
+      }
+      function resolveDispatcher() {
+        var dispatcher = ReactCurrentDispatcher.current;
+        {
+          if (dispatcher === null) {
+            error("Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for" + ` one of the following reasons:
+` + `1. You might have mismatching versions of React and the renderer (such as React DOM)
+` + `2. You might be breaking the Rules of Hooks
+` + `3. You might have more than one copy of React in the same app
+` + "See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");
+          }
+        }
+        return dispatcher;
+      }
+      function useContext(Context) {
+        var dispatcher = resolveDispatcher();
+        {
+          if (Context._context !== undefined) {
+            var realContext = Context._context;
+            if (realContext.Consumer === Context) {
+              error("Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be " + "removed in a future major release. Did you mean to call useContext(Context) instead?");
+            } else if (realContext.Provider === Context) {
+              error("Calling useContext(Context.Provider) is not supported. " + "Did you mean to call useContext(Context) instead?");
+            }
+          }
+        }
+        return dispatcher.useContext(Context);
+      }
+      function useState(initialState) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useState(initialState);
+      }
+      function useReducer(reducer, initialArg, init) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useReducer(reducer, initialArg, init);
+      }
+      function useRef(initialValue) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useRef(initialValue);
+      }
+      function useEffect(create, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useEffect(create, deps);
+      }
+      function useInsertionEffect(create, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useInsertionEffect(create, deps);
+      }
+      function useLayoutEffect(create, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useLayoutEffect(create, deps);
+      }
+      function useCallback(callback, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useCallback(callback, deps);
+      }
+      function useMemo(create, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useMemo(create, deps);
+      }
+      function useImperativeHandle(ref, create, deps) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useImperativeHandle(ref, create, deps);
+      }
+      function useDebugValue(value, formatterFn) {
+        {
+          var dispatcher = resolveDispatcher();
+          return dispatcher.useDebugValue(value, formatterFn);
+        }
+      }
+      function useTransition() {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useTransition();
+      }
+      function useDeferredValue(value) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useDeferredValue(value);
+      }
+      function useId() {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useId();
+      }
+      function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+        var dispatcher = resolveDispatcher();
+        return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+      }
+      var disabledDepth = 0;
+      var prevLog;
+      var prevInfo;
+      var prevWarn;
+      var prevError;
+      var prevGroup;
+      var prevGroupCollapsed;
+      var prevGroupEnd;
+      function disabledLog() {}
+      disabledLog.__reactDisabledLog = true;
+      function disableLogs() {
+        {
+          if (disabledDepth === 0) {
+            prevLog = console.log;
+            prevInfo = console.info;
+            prevWarn = console.warn;
+            prevError = console.error;
+            prevGroup = console.group;
+            prevGroupCollapsed = console.groupCollapsed;
+            prevGroupEnd = console.groupEnd;
+            var props = {
+              configurable: true,
+              enumerable: true,
+              value: disabledLog,
+              writable: true
+            };
+            Object.defineProperties(console, {
+              info: props,
+              log: props,
+              warn: props,
+              error: props,
+              group: props,
+              groupCollapsed: props,
+              groupEnd: props
+            });
+          }
+          disabledDepth++;
+        }
+      }
+      function reenableLogs() {
+        {
+          disabledDepth--;
+          if (disabledDepth === 0) {
+            var props = {
+              configurable: true,
+              enumerable: true,
+              writable: true
+            };
+            Object.defineProperties(console, {
+              log: assign({}, props, {
+                value: prevLog
+              }),
+              info: assign({}, props, {
+                value: prevInfo
+              }),
+              warn: assign({}, props, {
+                value: prevWarn
+              }),
+              error: assign({}, props, {
+                value: prevError
+              }),
+              group: assign({}, props, {
+                value: prevGroup
+              }),
+              groupCollapsed: assign({}, props, {
+                value: prevGroupCollapsed
+              }),
+              groupEnd: assign({}, props, {
+                value: prevGroupEnd
+              })
+            });
+          }
+          if (disabledDepth < 0) {
+            error("disabledDepth fell below zero. " + "This is a bug in React. Please file an issue.");
+          }
+        }
+      }
+      var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+      var prefix;
+      function describeBuiltInComponentFrame(name, source, ownerFn) {
+        {
+          if (prefix === undefined) {
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = match && match[1] || "";
+            }
+          }
+          return `
+` + prefix + name;
+        }
+      }
+      var reentry = false;
+      var componentFrameCache;
+      {
+        var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+        componentFrameCache = new PossiblyWeakMap;
+      }
+      function describeNativeComponentFrame(fn, construct) {
+        if (!fn || reentry) {
+          return "";
+        }
+        {
+          var frame = componentFrameCache.get(fn);
+          if (frame !== undefined) {
+            return frame;
+          }
+        }
+        var control;
+        reentry = true;
+        var previousPrepareStackTrace = Error.prepareStackTrace;
+        Error.prepareStackTrace = undefined;
+        var previousDispatcher;
+        {
+          previousDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current = null;
+          disableLogs();
+        }
+        try {
+          if (construct) {
+            var Fake = function() {
+              throw Error();
+            };
+            Object.defineProperty(Fake.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            });
+            if (typeof Reflect === "object" && Reflect.construct) {
+              try {
+                Reflect.construct(Fake, []);
+              } catch (x) {
+                control = x;
+              }
+              Reflect.construct(fn, [], Fake);
+            } else {
+              try {
+                Fake.call();
+              } catch (x) {
+                control = x;
+              }
+              fn.call(Fake.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (x) {
+              control = x;
+            }
+            fn();
+          }
+        } catch (sample) {
+          if (sample && control && typeof sample.stack === "string") {
+            var sampleLines = sample.stack.split(`
+`);
+            var controlLines = control.stack.split(`
+`);
+            var s = sampleLines.length - 1;
+            var c = controlLines.length - 1;
+            while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+              c--;
+            }
+            for (;s >= 1 && c >= 0; s--, c--) {
+              if (sampleLines[s] !== controlLines[c]) {
+                if (s !== 1 || c !== 1) {
+                  do {
+                    s--;
+                    c--;
+                    if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                      var _frame = `
+` + sampleLines[s].replace(" at new ", " at ");
+                      if (fn.displayName && _frame.includes("<anonymous>")) {
+                        _frame = _frame.replace("<anonymous>", fn.displayName);
+                      }
+                      {
+                        if (typeof fn === "function") {
+                          componentFrameCache.set(fn, _frame);
+                        }
+                      }
+                      return _frame;
+                    }
+                  } while (s >= 1 && c >= 0);
+                }
+                break;
+              }
+            }
+          }
+        } finally {
+          reentry = false;
+          {
+            ReactCurrentDispatcher$1.current = previousDispatcher;
+            reenableLogs();
+          }
+          Error.prepareStackTrace = previousPrepareStackTrace;
+        }
+        var name = fn ? fn.displayName || fn.name : "";
+        var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
+        {
+          if (typeof fn === "function") {
+            componentFrameCache.set(fn, syntheticFrame);
+          }
+        }
+        return syntheticFrame;
+      }
+      function describeFunctionComponentFrame(fn, source, ownerFn) {
+        {
+          return describeNativeComponentFrame(fn, false);
+        }
+      }
+      function shouldConstruct(Component2) {
+        var prototype = Component2.prototype;
+        return !!(prototype && prototype.isReactComponent);
+      }
+      function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+        if (type == null) {
+          return "";
+        }
+        if (typeof type === "function") {
+          {
+            return describeNativeComponentFrame(type, shouldConstruct(type));
+          }
+        }
+        if (typeof type === "string") {
+          return describeBuiltInComponentFrame(type);
+        }
+        switch (type) {
+          case REACT_SUSPENSE_TYPE:
+            return describeBuiltInComponentFrame("Suspense");
+          case REACT_SUSPENSE_LIST_TYPE:
+            return describeBuiltInComponentFrame("SuspenseList");
+        }
+        if (typeof type === "object") {
+          switch (type.$$typeof) {
+            case REACT_FORWARD_REF_TYPE:
+              return describeFunctionComponentFrame(type.render);
+            case REACT_MEMO_TYPE:
+              return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+            case REACT_LAZY_TYPE: {
+              var lazyComponent = type;
+              var payload = lazyComponent._payload;
+              var init = lazyComponent._init;
+              try {
+                return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+              } catch (x) {}
+            }
+          }
+        }
+        return "";
+      }
+      var loggedTypeFailures = {};
+      var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+      function setCurrentlyValidatingElement(element) {
+        {
+          if (element) {
+            var owner = element._owner;
+            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+            ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+          } else {
+            ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+          }
+        }
+      }
+      function checkPropTypes(typeSpecs, values, location, componentName, element) {
+        {
+          var has = Function.call.bind(hasOwnProperty);
+          for (var typeSpecName in typeSpecs) {
+            if (has(typeSpecs, typeSpecName)) {
+              var error$1 = undefined;
+              try {
+                if (typeof typeSpecs[typeSpecName] !== "function") {
+                  var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; " + "it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`." + "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  err.name = "Invariant Violation";
+                  throw err;
+                }
+                error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (ex) {
+                error$1 = ex;
+              }
+              if (error$1 && !(error$1 instanceof Error)) {
+                setCurrentlyValidatingElement(element);
+                error("%s: type specification of %s" + " `%s` is invalid; the type checker " + "function must return `null` or an `Error` but returned a %s. " + "You may have forgotten to pass an argument to the type checker " + "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " + "shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
+                setCurrentlyValidatingElement(null);
+              }
+              if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
+                loggedTypeFailures[error$1.message] = true;
+                setCurrentlyValidatingElement(element);
+                error("Failed %s type: %s", location, error$1.message);
+                setCurrentlyValidatingElement(null);
+              }
+            }
+          }
+        }
+      }
+      function setCurrentlyValidatingElement$1(element) {
+        {
+          if (element) {
+            var owner = element._owner;
+            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+            setExtraStackFrame(stack);
+          } else {
+            setExtraStackFrame(null);
+          }
+        }
+      }
+      var propTypesMisspellWarningShown;
+      {
+        propTypesMisspellWarningShown = false;
+      }
+      function getDeclarationErrorAddendum() {
+        if (ReactCurrentOwner.current) {
+          var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+          if (name) {
+            return `
+
+Check the render method of \`` + name + "`.";
+          }
+        }
+        return "";
+      }
+      function getSourceInfoErrorAddendum(source) {
+        if (source !== undefined) {
+          var fileName = source.fileName.replace(/^.*[\\\/]/, "");
+          var lineNumber = source.lineNumber;
+          return `
+
+Check your code at ` + fileName + ":" + lineNumber + ".";
+        }
+        return "";
+      }
+      function getSourceInfoErrorAddendumForProps(elementProps) {
+        if (elementProps !== null && elementProps !== undefined) {
+          return getSourceInfoErrorAddendum(elementProps.__source);
+        }
+        return "";
+      }
+      var ownerHasKeyUseWarning = {};
+      function getCurrentComponentErrorInfo(parentType) {
+        var info = getDeclarationErrorAddendum();
+        if (!info) {
+          var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name;
+          if (parentName) {
+            info = `
+
+Check the top-level render call using <` + parentName + ">.";
+          }
+        }
+        return info;
+      }
+      function validateExplicitKey(element, parentType) {
+        if (!element._store || element._store.validated || element.key != null) {
+          return;
+        }
+        element._store.validated = true;
+        var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+        if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+          return;
+        }
+        ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+        var childOwner = "";
+        if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+          childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+        }
+        {
+          setCurrentlyValidatingElement$1(element);
+          error('Each child in a list should have a unique "key" prop.' + "%s%s See https://reactjs.org/link/warning-keys for more information.", currentComponentErrorInfo, childOwner);
+          setCurrentlyValidatingElement$1(null);
+        }
+      }
+      function validateChildKeys(node, parentType) {
+        if (typeof node !== "object") {
+          return;
+        }
+        if (isArray(node)) {
+          for (var i = 0;i < node.length; i++) {
+            var child = node[i];
+            if (isValidElement(child)) {
+              validateExplicitKey(child, parentType);
+            }
+          }
+        } else if (isValidElement(node)) {
+          if (node._store) {
+            node._store.validated = true;
+          }
+        } else if (node) {
+          var iteratorFn = getIteratorFn(node);
+          if (typeof iteratorFn === "function") {
+            if (iteratorFn !== node.entries) {
+              var iterator = iteratorFn.call(node);
+              var step;
+              while (!(step = iterator.next()).done) {
+                if (isValidElement(step.value)) {
+                  validateExplicitKey(step.value, parentType);
+                }
+              }
+            }
+          }
+        }
+      }
+      function validatePropTypes(element) {
+        {
+          var type = element.type;
+          if (type === null || type === undefined || typeof type === "string") {
+            return;
+          }
+          var propTypes;
+          if (typeof type === "function") {
+            propTypes = type.propTypes;
+          } else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_MEMO_TYPE)) {
+            propTypes = type.propTypes;
+          } else {
+            return;
+          }
+          if (propTypes) {
+            var name = getComponentNameFromType(type);
+            checkPropTypes(propTypes, element.props, "prop", name, element);
+          } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
+            propTypesMisspellWarningShown = true;
+            var _name = getComponentNameFromType(type);
+            error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
+          }
+          if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) {
+            error("getDefaultProps is only used on classic React.createClass " + "definitions. Use a static property named `defaultProps` instead.");
+          }
+        }
+      }
+      function validateFragmentProps(fragment) {
+        {
+          var keys = Object.keys(fragment.props);
+          for (var i = 0;i < keys.length; i++) {
+            var key = keys[i];
+            if (key !== "children" && key !== "key") {
+              setCurrentlyValidatingElement$1(fragment);
+              error("Invalid prop `%s` supplied to `React.Fragment`. " + "React.Fragment can only have `key` and `children` props.", key);
+              setCurrentlyValidatingElement$1(null);
+              break;
+            }
+          }
+          if (fragment.ref !== null) {
+            setCurrentlyValidatingElement$1(fragment);
+            error("Invalid attribute `ref` supplied to `React.Fragment`.");
+            setCurrentlyValidatingElement$1(null);
+          }
+        }
+      }
+      function createElementWithValidation(type, props, children) {
+        var validType = isValidElementType(type);
+        if (!validType) {
+          var info = "";
+          if (type === undefined || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
+            info += " You likely forgot to export your component from the file " + "it's defined in, or you might have mixed up default and named imports.";
+          }
+          var sourceInfo = getSourceInfoErrorAddendumForProps(props);
+          if (sourceInfo) {
+            info += sourceInfo;
+          } else {
+            info += getDeclarationErrorAddendum();
+          }
+          var typeString;
+          if (type === null) {
+            typeString = "null";
+          } else if (isArray(type)) {
+            typeString = "array";
+          } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+            typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
+            info = " Did you accidentally export a JSX literal instead of a component?";
+          } else {
+            typeString = typeof type;
+          }
+          {
+            error("React.createElement: type is invalid -- expected a string (for " + "built-in components) or a class/function (for composite " + "components) but got: %s.%s", typeString, info);
+          }
+        }
+        var element = createElement.apply(this, arguments);
+        if (element == null) {
+          return element;
+        }
+        if (validType) {
+          for (var i = 2;i < arguments.length; i++) {
+            validateChildKeys(arguments[i], type);
+          }
+        }
+        if (type === REACT_FRAGMENT_TYPE) {
+          validateFragmentProps(element);
+        } else {
+          validatePropTypes(element);
+        }
+        return element;
+      }
+      var didWarnAboutDeprecatedCreateFactory = false;
+      function createFactoryWithValidation(type) {
+        var validatedFactory = createElementWithValidation.bind(null, type);
+        validatedFactory.type = type;
+        {
+          if (!didWarnAboutDeprecatedCreateFactory) {
+            didWarnAboutDeprecatedCreateFactory = true;
+            warn("React.createFactory() is deprecated and will be removed in " + "a future major release. Consider using JSX " + "or use React.createElement() directly instead.");
+          }
+          Object.defineProperty(validatedFactory, "type", {
+            enumerable: false,
+            get: function() {
+              warn("Factory.type is deprecated. Access the class directly " + "before passing it to createFactory.");
+              Object.defineProperty(this, "type", {
+                value: type
+              });
+              return type;
+            }
+          });
+        }
+        return validatedFactory;
+      }
+      function cloneElementWithValidation(element, props, children) {
+        var newElement = cloneElement.apply(this, arguments);
+        for (var i = 2;i < arguments.length; i++) {
+          validateChildKeys(arguments[i], newElement.type);
+        }
+        validatePropTypes(newElement);
+        return newElement;
+      }
+      function startTransition(scope, options) {
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = {};
+        var currentTransition = ReactCurrentBatchConfig.transition;
+        {
+          ReactCurrentBatchConfig.transition._updatedFibers = new Set;
+        }
+        try {
+          scope();
+        } finally {
+          ReactCurrentBatchConfig.transition = prevTransition;
+          {
+            if (prevTransition === null && currentTransition._updatedFibers) {
+              var updatedFibersCount = currentTransition._updatedFibers.size;
+              if (updatedFibersCount > 10) {
+                warn("Detected a large number of updates inside startTransition. " + "If this is due to a subscription please re-write it to use React provided hooks. " + "Otherwise concurrent mode guarantees are off the table.");
+              }
+              currentTransition._updatedFibers.clear();
+            }
+          }
+        }
+      }
+      var didWarnAboutMessageChannel = false;
+      var enqueueTaskImpl = null;
+      function enqueueTask(task) {
+        if (enqueueTaskImpl === null) {
+          try {
+            var requireString = ("require" + Math.random()).slice(0, 7);
+            var nodeRequire = module && module[requireString];
+            enqueueTaskImpl = nodeRequire.call(module, "timers").setImmediate;
+          } catch (_err) {
+            enqueueTaskImpl = function(callback) {
+              {
+                if (didWarnAboutMessageChannel === false) {
+                  didWarnAboutMessageChannel = true;
+                  if (typeof MessageChannel === "undefined") {
+                    error("This browser does not have a MessageChannel implementation, " + "so enqueuing tasks via await act(async () => ...) will fail. " + "Please file an issue at https://github.com/facebook/react/issues " + "if you encounter this warning.");
+                  }
+                }
+              }
+              var channel = new MessageChannel;
+              channel.port1.onmessage = callback;
+              channel.port2.postMessage(undefined);
+            };
+          }
+        }
+        return enqueueTaskImpl(task);
+      }
+      var actScopeDepth = 0;
+      var didWarnNoAwaitAct = false;
+      function act(callback) {
+        {
+          var prevActScopeDepth = actScopeDepth;
+          actScopeDepth++;
+          if (ReactCurrentActQueue.current === null) {
+            ReactCurrentActQueue.current = [];
+          }
+          var prevIsBatchingLegacy = ReactCurrentActQueue.isBatchingLegacy;
+          var result;
+          try {
+            ReactCurrentActQueue.isBatchingLegacy = true;
+            result = callback();
+            if (!prevIsBatchingLegacy && ReactCurrentActQueue.didScheduleLegacyUpdate) {
+              var queue = ReactCurrentActQueue.current;
+              if (queue !== null) {
+                ReactCurrentActQueue.didScheduleLegacyUpdate = false;
+                flushActQueue(queue);
+              }
+            }
+          } catch (error2) {
+            popActScope(prevActScopeDepth);
+            throw error2;
+          } finally {
+            ReactCurrentActQueue.isBatchingLegacy = prevIsBatchingLegacy;
+          }
+          if (result !== null && typeof result === "object" && typeof result.then === "function") {
+            var thenableResult = result;
+            var wasAwaited = false;
+            var thenable = {
+              then: function(resolve, reject) {
+                wasAwaited = true;
+                thenableResult.then(function(returnValue2) {
+                  popActScope(prevActScopeDepth);
+                  if (actScopeDepth === 0) {
+                    recursivelyFlushAsyncActWork(returnValue2, resolve, reject);
+                  } else {
+                    resolve(returnValue2);
+                  }
+                }, function(error2) {
+                  popActScope(prevActScopeDepth);
+                  reject(error2);
+                });
+              }
+            };
+            {
+              if (!didWarnNoAwaitAct && typeof Promise !== "undefined") {
+                Promise.resolve().then(function() {}).then(function() {
+                  if (!wasAwaited) {
+                    didWarnNoAwaitAct = true;
+                    error("You called act(async () => ...) without await. " + "This could lead to unexpected testing behaviour, " + "interleaving multiple act calls and mixing their " + "scopes. " + "You should - await act(async () => ...);");
+                  }
+                });
+              }
+            }
+            return thenable;
+          } else {
+            var returnValue = result;
+            popActScope(prevActScopeDepth);
+            if (actScopeDepth === 0) {
+              var _queue = ReactCurrentActQueue.current;
+              if (_queue !== null) {
+                flushActQueue(_queue);
+                ReactCurrentActQueue.current = null;
+              }
+              var _thenable = {
+                then: function(resolve, reject) {
+                  if (ReactCurrentActQueue.current === null) {
+                    ReactCurrentActQueue.current = [];
+                    recursivelyFlushAsyncActWork(returnValue, resolve, reject);
+                  } else {
+                    resolve(returnValue);
+                  }
+                }
+              };
+              return _thenable;
+            } else {
+              var _thenable2 = {
+                then: function(resolve, reject) {
+                  resolve(returnValue);
+                }
+              };
+              return _thenable2;
+            }
+          }
+        }
+      }
+      function popActScope(prevActScopeDepth) {
+        {
+          if (prevActScopeDepth !== actScopeDepth - 1) {
+            error("You seem to have overlapping act() calls, this is not supported. " + "Be sure to await previous act() calls before making a new one. ");
+          }
+          actScopeDepth = prevActScopeDepth;
+        }
+      }
+      function recursivelyFlushAsyncActWork(returnValue, resolve, reject) {
+        {
+          var queue = ReactCurrentActQueue.current;
+          if (queue !== null) {
+            try {
+              flushActQueue(queue);
+              enqueueTask(function() {
+                if (queue.length === 0) {
+                  ReactCurrentActQueue.current = null;
+                  resolve(returnValue);
+                } else {
+                  recursivelyFlushAsyncActWork(returnValue, resolve, reject);
+                }
+              });
+            } catch (error2) {
+              reject(error2);
+            }
+          } else {
+            resolve(returnValue);
+          }
+        }
+      }
+      var isFlushing = false;
+      function flushActQueue(queue) {
+        {
+          if (!isFlushing) {
+            isFlushing = true;
+            var i = 0;
+            try {
+              for (;i < queue.length; i++) {
+                var callback = queue[i];
+                do {
+                  callback = callback(true);
+                } while (callback !== null);
+              }
+              queue.length = 0;
+            } catch (error2) {
+              queue = queue.slice(i + 1);
+              throw error2;
+            } finally {
+              isFlushing = false;
+            }
+          }
+        }
+      }
+      var createElement$1 = createElementWithValidation;
+      var cloneElement$1 = cloneElementWithValidation;
+      var createFactory = createFactoryWithValidation;
+      var Children = {
+        map: mapChildren,
+        forEach: forEachChildren,
+        count: countChildren,
+        toArray,
+        only: onlyChild
+      };
+      exports.Children = Children;
+      exports.Component = Component;
+      exports.Fragment = REACT_FRAGMENT_TYPE;
+      exports.Profiler = REACT_PROFILER_TYPE;
+      exports.PureComponent = PureComponent;
+      exports.StrictMode = REACT_STRICT_MODE_TYPE;
+      exports.Suspense = REACT_SUSPENSE_TYPE;
+      exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+      exports.act = act;
+      exports.cloneElement = cloneElement$1;
+      exports.createContext = createContext;
+      exports.createElement = createElement$1;
+      exports.createFactory = createFactory;
+      exports.createRef = createRef;
+      exports.forwardRef = forwardRef;
+      exports.isValidElement = isValidElement;
+      exports.lazy = lazy;
+      exports.memo = memo;
+      exports.startTransition = startTransition;
+      exports.unstable_act = act;
+      exports.useCallback = useCallback;
+      exports.useContext = useContext;
+      exports.useDebugValue = useDebugValue;
+      exports.useDeferredValue = useDeferredValue;
+      exports.useEffect = useEffect;
+      exports.useId = useId;
+      exports.useImperativeHandle = useImperativeHandle;
+      exports.useInsertionEffect = useInsertionEffect;
+      exports.useLayoutEffect = useLayoutEffect;
+      exports.useMemo = useMemo;
+      exports.useReducer = useReducer;
+      exports.useRef = useRef;
+      exports.useState = useState;
+      exports.useSyncExternalStore = useSyncExternalStore;
+      exports.useTransition = useTransition;
+      exports.version = ReactVersion;
+      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop === "function") {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error);
+      }
+    })();
+  }
+});
+
+// ../../node_modules/.bun/react@18.3.1/node_modules/react/index.js
+var require_react = __commonJS((exports, module) => {
+  var react_development = __toESM(require_react_development());
+  if (false) {} else {
+    module.exports = react_development;
+  }
+});
+
+// ../../node_modules/.bun/react@18.3.1/node_modules/react/cjs/react-jsx-dev-runtime.development.js
+var require_react_jsx_dev_runtime_development = __commonJS((exports) => {
+  var React = __toESM(require_react());
+  if (true) {
+    (function() {
+      var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+      var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+      var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+      var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+      var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+      var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+      var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+      var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+      var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+      var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+      var REACT_MEMO_TYPE = Symbol.for("react.memo");
+      var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+      var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+      var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+      var FAUX_ITERATOR_SYMBOL = "@@iterator";
+      function getIteratorFn(maybeIterable) {
+        if (maybeIterable === null || typeof maybeIterable !== "object") {
+          return null;
+        }
+        var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+        if (typeof maybeIterator === "function") {
+          return maybeIterator;
+        }
+        return null;
+      }
+      var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+      function error(format) {
+        {
+          {
+            for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1;_key2 < _len2; _key2++) {
+              args[_key2 - 1] = arguments[_key2];
+            }
+            printWarning("error", format, args);
+          }
+        }
+      }
+      function printWarning(level, format, args) {
+        {
+          var ReactDebugCurrentFrame2 = ReactSharedInternals.ReactDebugCurrentFrame;
+          var stack = ReactDebugCurrentFrame2.getStackAddendum();
+          if (stack !== "") {
+            format += "%s";
+            args = args.concat([stack]);
+          }
+          var argsWithFormat = args.map(function(item) {
+            return String(item);
+          });
+          argsWithFormat.unshift("Warning: " + format);
+          Function.prototype.apply.call(console[level], console, argsWithFormat);
+        }
+      }
+      var enableScopeAPI = false;
+      var enableCacheElement = false;
+      var enableTransitionTracing = false;
+      var enableLegacyHidden = false;
+      var enableDebugTracing = false;
+      var REACT_MODULE_REFERENCE;
+      {
+        REACT_MODULE_REFERENCE = Symbol.for("react.module.reference");
+      }
+      function isValidElementType(type) {
+        if (typeof type === "string" || typeof type === "function") {
+          return true;
+        }
+        if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden || type === REACT_OFFSCREEN_TYPE || enableScopeAPI || enableCacheElement || enableTransitionTracing) {
+          return true;
+        }
+        if (typeof type === "object" && type !== null) {
+          if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_MODULE_REFERENCE || type.getModuleId !== undefined) {
+            return true;
+          }
+        }
+        return false;
+      }
+      function getWrappedName(outerType, innerType, wrapperName) {
+        var displayName = outerType.displayName;
+        if (displayName) {
+          return displayName;
+        }
+        var functionName = innerType.displayName || innerType.name || "";
+        return functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName;
+      }
+      function getContextName(type) {
+        return type.displayName || "Context";
+      }
+      function getComponentNameFromType(type) {
+        if (type == null) {
+          return null;
+        }
+        {
+          if (typeof type.tag === "number") {
+            error("Received an unexpected object in getComponentNameFromType(). " + "This is likely a bug in React. Please file an issue.");
+          }
+        }
+        if (typeof type === "function") {
+          return type.displayName || type.name || null;
+        }
+        if (typeof type === "string") {
+          return type;
+        }
+        switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return "Fragment";
+          case REACT_PORTAL_TYPE:
+            return "Portal";
+          case REACT_PROFILER_TYPE:
+            return "Profiler";
+          case REACT_STRICT_MODE_TYPE:
+            return "StrictMode";
+          case REACT_SUSPENSE_TYPE:
+            return "Suspense";
+          case REACT_SUSPENSE_LIST_TYPE:
+            return "SuspenseList";
+        }
+        if (typeof type === "object") {
+          switch (type.$$typeof) {
+            case REACT_CONTEXT_TYPE:
+              var context = type;
+              return getContextName(context) + ".Consumer";
+            case REACT_PROVIDER_TYPE:
+              var provider = type;
+              return getContextName(provider._context) + ".Provider";
+            case REACT_FORWARD_REF_TYPE:
+              return getWrappedName(type, type.render, "ForwardRef");
+            case REACT_MEMO_TYPE:
+              var outerName = type.displayName || null;
+              if (outerName !== null) {
+                return outerName;
+              }
+              return getComponentNameFromType(type.type) || "Memo";
+            case REACT_LAZY_TYPE: {
+              var lazyComponent = type;
+              var payload = lazyComponent._payload;
+              var init = lazyComponent._init;
+              try {
+                return getComponentNameFromType(init(payload));
+              } catch (x) {
+                return null;
+              }
+            }
+          }
+        }
+        return null;
+      }
+      var assign = Object.assign;
+      var disabledDepth = 0;
+      var prevLog;
+      var prevInfo;
+      var prevWarn;
+      var prevError;
+      var prevGroup;
+      var prevGroupCollapsed;
+      var prevGroupEnd;
+      function disabledLog() {}
+      disabledLog.__reactDisabledLog = true;
+      function disableLogs() {
+        {
+          if (disabledDepth === 0) {
+            prevLog = console.log;
+            prevInfo = console.info;
+            prevWarn = console.warn;
+            prevError = console.error;
+            prevGroup = console.group;
+            prevGroupCollapsed = console.groupCollapsed;
+            prevGroupEnd = console.groupEnd;
+            var props = {
+              configurable: true,
+              enumerable: true,
+              value: disabledLog,
+              writable: true
+            };
+            Object.defineProperties(console, {
+              info: props,
+              log: props,
+              warn: props,
+              error: props,
+              group: props,
+              groupCollapsed: props,
+              groupEnd: props
+            });
+          }
+          disabledDepth++;
+        }
+      }
+      function reenableLogs() {
+        {
+          disabledDepth--;
+          if (disabledDepth === 0) {
+            var props = {
+              configurable: true,
+              enumerable: true,
+              writable: true
+            };
+            Object.defineProperties(console, {
+              log: assign({}, props, {
+                value: prevLog
+              }),
+              info: assign({}, props, {
+                value: prevInfo
+              }),
+              warn: assign({}, props, {
+                value: prevWarn
+              }),
+              error: assign({}, props, {
+                value: prevError
+              }),
+              group: assign({}, props, {
+                value: prevGroup
+              }),
+              groupCollapsed: assign({}, props, {
+                value: prevGroupCollapsed
+              }),
+              groupEnd: assign({}, props, {
+                value: prevGroupEnd
+              })
+            });
+          }
+          if (disabledDepth < 0) {
+            error("disabledDepth fell below zero. " + "This is a bug in React. Please file an issue.");
+          }
+        }
+      }
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+      var prefix;
+      function describeBuiltInComponentFrame(name, source, ownerFn) {
+        {
+          if (prefix === undefined) {
+            try {
+              throw Error();
+            } catch (x) {
+              var match = x.stack.trim().match(/\n( *(at )?)/);
+              prefix = match && match[1] || "";
+            }
+          }
+          return `
+` + prefix + name;
+        }
+      }
+      var reentry = false;
+      var componentFrameCache;
+      {
+        var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+        componentFrameCache = new PossiblyWeakMap;
+      }
+      function describeNativeComponentFrame(fn, construct) {
+        if (!fn || reentry) {
+          return "";
+        }
+        {
+          var frame = componentFrameCache.get(fn);
+          if (frame !== undefined) {
+            return frame;
+          }
+        }
+        var control;
+        reentry = true;
+        var previousPrepareStackTrace = Error.prepareStackTrace;
+        Error.prepareStackTrace = undefined;
+        var previousDispatcher;
+        {
+          previousDispatcher = ReactCurrentDispatcher.current;
+          ReactCurrentDispatcher.current = null;
+          disableLogs();
+        }
+        try {
+          if (construct) {
+            var Fake = function() {
+              throw Error();
+            };
+            Object.defineProperty(Fake.prototype, "props", {
+              set: function() {
+                throw Error();
+              }
+            });
+            if (typeof Reflect === "object" && Reflect.construct) {
+              try {
+                Reflect.construct(Fake, []);
+              } catch (x) {
+                control = x;
+              }
+              Reflect.construct(fn, [], Fake);
+            } else {
+              try {
+                Fake.call();
+              } catch (x) {
+                control = x;
+              }
+              fn.call(Fake.prototype);
+            }
+          } else {
+            try {
+              throw Error();
+            } catch (x) {
+              control = x;
+            }
+            fn();
+          }
+        } catch (sample) {
+          if (sample && control && typeof sample.stack === "string") {
+            var sampleLines = sample.stack.split(`
+`);
+            var controlLines = control.stack.split(`
+`);
+            var s = sampleLines.length - 1;
+            var c = controlLines.length - 1;
+            while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+              c--;
+            }
+            for (;s >= 1 && c >= 0; s--, c--) {
+              if (sampleLines[s] !== controlLines[c]) {
+                if (s !== 1 || c !== 1) {
+                  do {
+                    s--;
+                    c--;
+                    if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                      var _frame = `
+` + sampleLines[s].replace(" at new ", " at ");
+                      if (fn.displayName && _frame.includes("<anonymous>")) {
+                        _frame = _frame.replace("<anonymous>", fn.displayName);
+                      }
+                      {
+                        if (typeof fn === "function") {
+                          componentFrameCache.set(fn, _frame);
+                        }
+                      }
+                      return _frame;
+                    }
+                  } while (s >= 1 && c >= 0);
+                }
+                break;
+              }
+            }
+          }
+        } finally {
+          reentry = false;
+          {
+            ReactCurrentDispatcher.current = previousDispatcher;
+            reenableLogs();
+          }
+          Error.prepareStackTrace = previousPrepareStackTrace;
+        }
+        var name = fn ? fn.displayName || fn.name : "";
+        var syntheticFrame = name ? describeBuiltInComponentFrame(name) : "";
+        {
+          if (typeof fn === "function") {
+            componentFrameCache.set(fn, syntheticFrame);
+          }
+        }
+        return syntheticFrame;
+      }
+      function describeFunctionComponentFrame(fn, source, ownerFn) {
+        {
+          return describeNativeComponentFrame(fn, false);
+        }
+      }
+      function shouldConstruct(Component) {
+        var prototype = Component.prototype;
+        return !!(prototype && prototype.isReactComponent);
+      }
+      function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+        if (type == null) {
+          return "";
+        }
+        if (typeof type === "function") {
+          {
+            return describeNativeComponentFrame(type, shouldConstruct(type));
+          }
+        }
+        if (typeof type === "string") {
+          return describeBuiltInComponentFrame(type);
+        }
+        switch (type) {
+          case REACT_SUSPENSE_TYPE:
+            return describeBuiltInComponentFrame("Suspense");
+          case REACT_SUSPENSE_LIST_TYPE:
+            return describeBuiltInComponentFrame("SuspenseList");
+        }
+        if (typeof type === "object") {
+          switch (type.$$typeof) {
+            case REACT_FORWARD_REF_TYPE:
+              return describeFunctionComponentFrame(type.render);
+            case REACT_MEMO_TYPE:
+              return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+            case REACT_LAZY_TYPE: {
+              var lazyComponent = type;
+              var payload = lazyComponent._payload;
+              var init = lazyComponent._init;
+              try {
+                return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+              } catch (x) {}
+            }
+          }
+        }
+        return "";
+      }
+      var hasOwnProperty = Object.prototype.hasOwnProperty;
+      var loggedTypeFailures = {};
+      var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      function setCurrentlyValidatingElement(element) {
+        {
+          if (element) {
+            var owner = element._owner;
+            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+            ReactDebugCurrentFrame.setExtraStackFrame(stack);
+          } else {
+            ReactDebugCurrentFrame.setExtraStackFrame(null);
+          }
+        }
+      }
+      function checkPropTypes(typeSpecs, values, location, componentName, element) {
+        {
+          var has = Function.call.bind(hasOwnProperty);
+          for (var typeSpecName in typeSpecs) {
+            if (has(typeSpecs, typeSpecName)) {
+              var error$1 = undefined;
+              try {
+                if (typeof typeSpecs[typeSpecName] !== "function") {
+                  var err = Error((componentName || "React class") + ": " + location + " type `" + typeSpecName + "` is invalid; " + "it must be a function, usually from the `prop-types` package, but received `" + typeof typeSpecs[typeSpecName] + "`." + "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  err.name = "Invariant Violation";
+                  throw err;
+                }
+                error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (ex) {
+                error$1 = ex;
+              }
+              if (error$1 && !(error$1 instanceof Error)) {
+                setCurrentlyValidatingElement(element);
+                error("%s: type specification of %s" + " `%s` is invalid; the type checker " + "function must return `null` or an `Error` but returned a %s. " + "You may have forgotten to pass an argument to the type checker " + "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " + "shape all require an argument).", componentName || "React class", location, typeSpecName, typeof error$1);
+                setCurrentlyValidatingElement(null);
+              }
+              if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
+                loggedTypeFailures[error$1.message] = true;
+                setCurrentlyValidatingElement(element);
+                error("Failed %s type: %s", location, error$1.message);
+                setCurrentlyValidatingElement(null);
+              }
+            }
+          }
+        }
+      }
+      var isArrayImpl = Array.isArray;
+      function isArray(a) {
+        return isArrayImpl(a);
+      }
+      function typeName(value) {
+        {
+          var hasToStringTag = typeof Symbol === "function" && Symbol.toStringTag;
+          var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || "Object";
+          return type;
+        }
+      }
+      function willCoercionThrow(value) {
+        {
+          try {
+            testStringCoercion(value);
+            return false;
+          } catch (e) {
+            return true;
+          }
+        }
+      }
+      function testStringCoercion(value) {
+        return "" + value;
+      }
+      function checkKeyStringCoercion(value) {
+        {
+          if (willCoercionThrow(value)) {
+            error("The provided key is an unsupported type %s." + " This value must be coerced to a string before before using it here.", typeName(value));
+            return testStringCoercion(value);
+          }
+        }
+      }
+      var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+      var RESERVED_PROPS = {
+        key: true,
+        ref: true,
+        __self: true,
+        __source: true
+      };
+      var specialPropKeyWarningShown;
+      var specialPropRefWarningShown;
+      var didWarnAboutStringRefs;
+      {
+        didWarnAboutStringRefs = {};
+      }
+      function hasValidRef(config) {
+        {
+          if (hasOwnProperty.call(config, "ref")) {
+            var getter = Object.getOwnPropertyDescriptor(config, "ref").get;
+            if (getter && getter.isReactWarning) {
+              return false;
+            }
+          }
+        }
+        return config.ref !== undefined;
+      }
+      function hasValidKey(config) {
+        {
+          if (hasOwnProperty.call(config, "key")) {
+            var getter = Object.getOwnPropertyDescriptor(config, "key").get;
+            if (getter && getter.isReactWarning) {
+              return false;
+            }
+          }
+        }
+        return config.key !== undefined;
+      }
+      function warnIfStringRefCannotBeAutoConverted(config, self) {
+        {
+          if (typeof config.ref === "string" && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+            var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+            if (!didWarnAboutStringRefs[componentName]) {
+              error('Component "%s" contains the string ref "%s". ' + "Support for string refs will be removed in a future major release. " + "This case cannot be automatically converted to an arrow function. " + "We ask you to manually fix this case by using useRef() or createRef() instead. " + "Learn more about using refs safely here: " + "https://reactjs.org/link/strict-mode-string-ref", getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
+              didWarnAboutStringRefs[componentName] = true;
+            }
+          }
+        }
+      }
+      function defineKeyPropWarningGetter(props, displayName) {
+        {
+          var warnAboutAccessingKey = function() {
+            if (!specialPropKeyWarningShown) {
+              specialPropKeyWarningShown = true;
+              error("%s: `key` is not a prop. Trying to access it will result " + "in `undefined` being returned. If you need to access the same " + "value within the child component, you should pass it as a different " + "prop. (https://reactjs.org/link/special-props)", displayName);
+            }
+          };
+          warnAboutAccessingKey.isReactWarning = true;
+          Object.defineProperty(props, "key", {
+            get: warnAboutAccessingKey,
+            configurable: true
+          });
+        }
+      }
+      function defineRefPropWarningGetter(props, displayName) {
+        {
+          var warnAboutAccessingRef = function() {
+            if (!specialPropRefWarningShown) {
+              specialPropRefWarningShown = true;
+              error("%s: `ref` is not a prop. Trying to access it will result " + "in `undefined` being returned. If you need to access the same " + "value within the child component, you should pass it as a different " + "prop. (https://reactjs.org/link/special-props)", displayName);
+            }
+          };
+          warnAboutAccessingRef.isReactWarning = true;
+          Object.defineProperty(props, "ref", {
+            get: warnAboutAccessingRef,
+            configurable: true
+          });
+        }
+      }
+      var ReactElement = function(type, key, ref, self, source, owner, props) {
+        var element = {
+          $$typeof: REACT_ELEMENT_TYPE,
+          type,
+          key,
+          ref,
+          props,
+          _owner: owner
+        };
+        {
+          element._store = {};
+          Object.defineProperty(element._store, "validated", {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: false
+          });
+          Object.defineProperty(element, "_self", {
+            configurable: false,
+            enumerable: false,
+            writable: false,
+            value: self
+          });
+          Object.defineProperty(element, "_source", {
+            configurable: false,
+            enumerable: false,
+            writable: false,
+            value: source
+          });
+          if (Object.freeze) {
+            Object.freeze(element.props);
+            Object.freeze(element);
+          }
+        }
+        return element;
+      };
+      function jsxDEV(type, config, maybeKey, source, self) {
+        {
+          var propName;
+          var props = {};
+          var key = null;
+          var ref = null;
+          if (maybeKey !== undefined) {
+            {
+              checkKeyStringCoercion(maybeKey);
+            }
+            key = "" + maybeKey;
+          }
+          if (hasValidKey(config)) {
+            {
+              checkKeyStringCoercion(config.key);
+            }
+            key = "" + config.key;
+          }
+          if (hasValidRef(config)) {
+            ref = config.ref;
+            warnIfStringRefCannotBeAutoConverted(config, self);
+          }
+          for (propName in config) {
+            if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+              props[propName] = config[propName];
+            }
+          }
+          if (type && type.defaultProps) {
+            var defaultProps = type.defaultProps;
+            for (propName in defaultProps) {
+              if (props[propName] === undefined) {
+                props[propName] = defaultProps[propName];
+              }
+            }
+          }
+          if (key || ref) {
+            var displayName = typeof type === "function" ? type.displayName || type.name || "Unknown" : type;
+            if (key) {
+              defineKeyPropWarningGetter(props, displayName);
+            }
+            if (ref) {
+              defineRefPropWarningGetter(props, displayName);
+            }
+          }
+          return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+        }
+      }
+      var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
+      var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+      function setCurrentlyValidatingElement$1(element) {
+        {
+          if (element) {
+            var owner = element._owner;
+            var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
+            ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+          } else {
+            ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+          }
+        }
+      }
+      var propTypesMisspellWarningShown;
+      {
+        propTypesMisspellWarningShown = false;
+      }
+      function isValidElement(object) {
+        {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+      }
+      function getDeclarationErrorAddendum() {
+        {
+          if (ReactCurrentOwner$1.current) {
+            var name = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+            if (name) {
+              return `
+
+Check the render method of \`` + name + "`.";
+            }
+          }
+          return "";
+        }
+      }
+      function getSourceInfoErrorAddendum(source) {
+        {
+          if (source !== undefined) {
+            var fileName = source.fileName.replace(/^.*[\\\/]/, "");
+            var lineNumber = source.lineNumber;
+            return `
+
+Check your code at ` + fileName + ":" + lineNumber + ".";
+          }
+          return "";
+        }
+      }
+      var ownerHasKeyUseWarning = {};
+      function getCurrentComponentErrorInfo(parentType) {
+        {
+          var info = getDeclarationErrorAddendum();
+          if (!info) {
+            var parentName = typeof parentType === "string" ? parentType : parentType.displayName || parentType.name;
+            if (parentName) {
+              info = `
+
+Check the top-level render call using <` + parentName + ">.";
+            }
+          }
+          return info;
+        }
+      }
+      function validateExplicitKey(element, parentType) {
+        {
+          if (!element._store || element._store.validated || element.key != null) {
+            return;
+          }
+          element._store.validated = true;
+          var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+          if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+            return;
+          }
+          ownerHasKeyUseWarning[currentComponentErrorInfo] = true;
+          var childOwner = "";
+          if (element && element._owner && element._owner !== ReactCurrentOwner$1.current) {
+            childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+          }
+          setCurrentlyValidatingElement$1(element);
+          error('Each child in a list should have a unique "key" prop.' + "%s%s See https://reactjs.org/link/warning-keys for more information.", currentComponentErrorInfo, childOwner);
+          setCurrentlyValidatingElement$1(null);
+        }
+      }
+      function validateChildKeys(node, parentType) {
+        {
+          if (typeof node !== "object") {
+            return;
+          }
+          if (isArray(node)) {
+            for (var i = 0;i < node.length; i++) {
+              var child = node[i];
+              if (isValidElement(child)) {
+                validateExplicitKey(child, parentType);
+              }
+            }
+          } else if (isValidElement(node)) {
+            if (node._store) {
+              node._store.validated = true;
+            }
+          } else if (node) {
+            var iteratorFn = getIteratorFn(node);
+            if (typeof iteratorFn === "function") {
+              if (iteratorFn !== node.entries) {
+                var iterator = iteratorFn.call(node);
+                var step;
+                while (!(step = iterator.next()).done) {
+                  if (isValidElement(step.value)) {
+                    validateExplicitKey(step.value, parentType);
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+      function validatePropTypes(element) {
+        {
+          var type = element.type;
+          if (type === null || type === undefined || typeof type === "string") {
+            return;
+          }
+          var propTypes;
+          if (typeof type === "function") {
+            propTypes = type.propTypes;
+          } else if (typeof type === "object" && (type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_MEMO_TYPE)) {
+            propTypes = type.propTypes;
+          } else {
+            return;
+          }
+          if (propTypes) {
+            var name = getComponentNameFromType(type);
+            checkPropTypes(propTypes, element.props, "prop", name, element);
+          } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
+            propTypesMisspellWarningShown = true;
+            var _name = getComponentNameFromType(type);
+            error("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _name || "Unknown");
+          }
+          if (typeof type.getDefaultProps === "function" && !type.getDefaultProps.isReactClassApproved) {
+            error("getDefaultProps is only used on classic React.createClass " + "definitions. Use a static property named `defaultProps` instead.");
+          }
+        }
+      }
+      function validateFragmentProps(fragment) {
+        {
+          var keys = Object.keys(fragment.props);
+          for (var i = 0;i < keys.length; i++) {
+            var key = keys[i];
+            if (key !== "children" && key !== "key") {
+              setCurrentlyValidatingElement$1(fragment);
+              error("Invalid prop `%s` supplied to `React.Fragment`. " + "React.Fragment can only have `key` and `children` props.", key);
+              setCurrentlyValidatingElement$1(null);
+              break;
+            }
+          }
+          if (fragment.ref !== null) {
+            setCurrentlyValidatingElement$1(fragment);
+            error("Invalid attribute `ref` supplied to `React.Fragment`.");
+            setCurrentlyValidatingElement$1(null);
+          }
+        }
+      }
+      var didWarnAboutKeySpread = {};
+      function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
+        {
+          var validType = isValidElementType(type);
+          if (!validType) {
+            var info = "";
+            if (type === undefined || typeof type === "object" && type !== null && Object.keys(type).length === 0) {
+              info += " You likely forgot to export your component from the file " + "it's defined in, or you might have mixed up default and named imports.";
+            }
+            var sourceInfo = getSourceInfoErrorAddendum(source);
+            if (sourceInfo) {
+              info += sourceInfo;
+            } else {
+              info += getDeclarationErrorAddendum();
+            }
+            var typeString;
+            if (type === null) {
+              typeString = "null";
+            } else if (isArray(type)) {
+              typeString = "array";
+            } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+              typeString = "<" + (getComponentNameFromType(type.type) || "Unknown") + " />";
+              info = " Did you accidentally export a JSX literal instead of a component?";
+            } else {
+              typeString = typeof type;
+            }
+            error("React.jsx: type is invalid -- expected a string (for " + "built-in components) or a class/function (for composite " + "components) but got: %s.%s", typeString, info);
+          }
+          var element = jsxDEV(type, props, key, source, self);
+          if (element == null) {
+            return element;
+          }
+          if (validType) {
+            var children = props.children;
+            if (children !== undefined) {
+              if (isStaticChildren) {
+                if (isArray(children)) {
+                  for (var i = 0;i < children.length; i++) {
+                    validateChildKeys(children[i], type);
+                  }
+                  if (Object.freeze) {
+                    Object.freeze(children);
+                  }
+                } else {
+                  error("React.jsx: Static children should always be an array. " + "You are likely explicitly calling React.jsxs or React.jsxDEV. " + "Use the Babel transform instead.");
+                }
+              } else {
+                validateChildKeys(children, type);
+              }
+            }
+          }
+          {
+            if (hasOwnProperty.call(props, "key")) {
+              var componentName = getComponentNameFromType(type);
+              var keys = Object.keys(props).filter(function(k) {
+                return k !== "key";
+              });
+              var beforeExample = keys.length > 0 ? "{key: someKey, " + keys.join(": ..., ") + ": ...}" : "{key: someKey}";
+              if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+                var afterExample = keys.length > 0 ? "{" + keys.join(": ..., ") + ": ...}" : "{}";
+                error(`A props object containing a "key" prop is being spread into JSX:
+` + `  let props = %s;
+` + `  <%s {...props} />
+` + `React keys must be passed directly to JSX without using spread:
+` + `  let props = %s;
+` + "  <%s key={someKey} {...props} />", beforeExample, componentName, afterExample, componentName);
+                didWarnAboutKeySpread[componentName + beforeExample] = true;
+              }
+            }
+          }
+          if (type === REACT_FRAGMENT_TYPE) {
+            validateFragmentProps(element);
+          } else {
+            validatePropTypes(element);
+          }
+          return element;
+        }
+      }
+      var jsxDEV$1 = jsxWithValidation;
+      exports.Fragment = REACT_FRAGMENT_TYPE;
+      exports.jsxDEV = jsxDEV$1;
+    })();
+  }
+});
+
+// ../../node_modules/.bun/react@18.3.1/node_modules/react/jsx-dev-runtime.js
+var require_jsx_dev_runtime = __commonJS((exports, module) => {
+  var react_jsx_dev_runtime_development = __toESM(require_react_jsx_dev_runtime_development());
+  if (false) {} else {
+    module.exports = react_jsx_dev_runtime_development;
+  }
+});
+
+// src/components/Image.tsx
+var import_react = __toESM(require_react(), 1);
+var jsx_dev_runtime = __toESM(require_jsx_dev_runtime(), 1);
+"use client";
+var defaultLoader = ({ src, width, quality }) => {
+  const params = new URLSearchParams({
+    src,
+    w: width.toString()
+  });
+  if (quality) {
+    params.set("q", quality.toString());
+  }
+  return `/_ereo/image?${params.toString()}`;
+};
+var DEFAULT_DEVICE_SIZES = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
+function generateSrcset(src, loader, width, quality, sizes) {
+  let widths;
+  if (width) {
+    const maxWidth = width * 2;
+    widths = DEFAULT_DEVICE_SIZES.filter((w) => w <= maxWidth);
+    if (!widths.includes(width)) {
+      widths.push(width);
+      widths.sort((a, b) => a - b);
+    }
+  } else {
+    widths = DEFAULT_DEVICE_SIZES;
+  }
+  return widths.map((w) => `${loader({ src, width: w, quality })} ${w}w`).join(", ");
+}
+function getBlurStyle(blurDataURL, dominantColor, placeholder) {
+  if (placeholder === "blur" && blurDataURL) {
+    return {
+      backgroundImage: `url("${blurDataURL}")`,
+      backgroundSize: "cover",
+      backgroundPosition: "center",
+      filter: "blur(20px)",
+      transform: "scale(1.1)"
+    };
+  }
+  if (placeholder === "color" && dominantColor) {
+    return {
+      backgroundColor: dominantColor
+    };
+  }
+  if (placeholder === "shimmer") {
+    return {
+      background: `linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)`,
+      backgroundSize: "200% 100%",
+      animation: "ereo-shimmer 1.5s infinite"
+    };
+  }
+  return {};
+}
+var Image = import_react.forwardRef(function Image2({
+  src,
+  alt,
+  width: propWidth,
+  height: propHeight,
+  fill = false,
+  objectFit = "cover",
+  objectPosition = "center",
+  aspectRatio,
+  sizes,
+  placeholder = "empty",
+  blurDataURL: propBlurDataURL,
+  quality = 80,
+  priority = false,
+  loading: propLoading,
+  decoding = "async",
+  loader = defaultLoader,
+  unoptimized = false,
+  onLoad,
+  onError,
+  className,
+  style,
+  ...rest
+}, ref) {
+  const [isLoaded, setIsLoaded] = import_react.useState(false);
+  const [hasError, setHasError] = import_react.useState(false);
+  const imgRef = import_react.useRef(null);
+  const isStaticImport = typeof src === "object";
+  const imgSrc = isStaticImport ? src.src : src;
+  const imgWidth = propWidth ?? (isStaticImport ? src.width : undefined);
+  const imgHeight = propHeight ?? (isStaticImport ? src.height : undefined);
+  const blurDataURL = propBlurDataURL ?? (isStaticImport ? src.blurDataURL : undefined);
+  const dominantColor = isStaticImport ? src.dominantColor : undefined;
+  const loading = propLoading ?? (priority ? "eager" : "lazy");
+  const optimizedSrc = import_react.useMemo(() => {
+    if (unoptimized) {
+      return imgSrc;
+    }
+    const targetWidth = imgWidth || 1200;
+    return loader({ src: imgSrc, width: targetWidth, quality });
+  }, [imgSrc, imgWidth, quality, loader, unoptimized]);
+  const srcSet = import_react.useMemo(() => {
+    if (unoptimized) {
+      return;
+    }
+    return generateSrcset(imgSrc, loader, imgWidth, quality, sizes);
+  }, [imgSrc, loader, imgWidth, quality, sizes, unoptimized]);
+  const handleLoad = (event) => {
+    setIsLoaded(true);
+    onLoad?.(event);
+  };
+  const handleError = (event) => {
+    setHasError(true);
+    onError?.(event);
+  };
+  import_react.useEffect(() => {
+    if (priority && typeof window !== "undefined") {
+      const link = document.createElement("link");
+      link.rel = "preload";
+      link.as = "image";
+      link.href = optimizedSrc;
+      if (srcSet) {
+        link.setAttribute("imagesrcset", srcSet);
+      }
+      if (sizes) {
+        link.setAttribute("imagesizes", sizes);
+      }
+      document.head.appendChild(link);
+      return () => {
+        document.head.removeChild(link);
+      };
+    }
+  }, [priority, optimizedSrc, srcSet, sizes]);
+  const combinedRef = (node) => {
+    imgRef.current = node;
+    if (typeof ref === "function") {
+      ref(node);
+    } else if (ref) {
+      ref.current = node;
+    }
+  };
+  const containerStyle = fill ? {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%",
+    height: "100%"
+  } : {};
+  const imageStyle = {
+    ...style,
+    ...fill ? {
+      objectFit,
+      objectPosition,
+      width: "100%",
+      height: "100%"
+    } : {},
+    ...aspectRatio && !fill ? {
+      aspectRatio,
+      width: imgWidth || "100%",
+      height: "auto"
+    } : {}
+  };
+  const placeholderStyle = getBlurStyle(blurDataURL, dominantColor, placeholder);
+  const showPlaceholder = placeholder !== "empty" && !isLoaded && !hasError;
+  if (showPlaceholder || fill) {
+    return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+      style: {
+        display: fill ? "block" : "inline-block",
+        position: fill ? "absolute" : "relative",
+        overflow: "hidden",
+        ...containerStyle,
+        ...aspectRatio && !fill ? { aspectRatio, width: imgWidth || "100%" } : {}
+      },
+      children: [
+        showPlaceholder && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("span", {
+          style: {
+            position: "absolute",
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            ...placeholderStyle,
+            transition: "opacity 0.3s ease-out",
+            opacity: isLoaded ? 0 : 1,
+            pointerEvents: "none"
+          },
+          "aria-hidden": "true"
+        }, undefined, false, undefined, this),
+        /* @__PURE__ */ jsx_dev_runtime.jsxDEV("img", {
+          ref: combinedRef,
+          src: optimizedSrc,
+          srcSet,
+          sizes,
+          alt,
+          width: fill ? undefined : imgWidth,
+          height: fill ? undefined : imgHeight,
+          loading,
+          decoding,
+          onLoad: handleLoad,
+          onError: handleError,
+          className,
+          style: {
+            ...imageStyle,
+            transition: placeholder !== "empty" ? "opacity 0.3s ease-out" : undefined,
+            opacity: showPlaceholder && !isLoaded ? 0 : 1
+          },
+          ...rest
+        }, undefined, false, undefined, this),
+        placeholder === "shimmer" && /* @__PURE__ */ jsx_dev_runtime.jsxDEV("style", {
+          children: `
+            @keyframes ereo-shimmer {
+              0% { background-position: -200% 0; }
+              100% { background-position: 200% 0; }
+            }
+          `
+        }, undefined, false, undefined, this)
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return /* @__PURE__ */ jsx_dev_runtime.jsxDEV("img", {
+    ref: combinedRef,
+    src: optimizedSrc,
+    srcSet,
+    sizes,
+    alt,
+    width: imgWidth,
+    height: imgHeight,
+    loading,
+    decoding,
+    onLoad: handleLoad,
+    onError: handleError,
+    className,
+    style: imageStyle,
+    ...rest
+  }, undefined, false, undefined, this);
+});
+Image.displayName = "Image";
+var Image_default = Image;
+// src/components/Picture.tsx
+var import_react2 = __toESM(require_react(), 1);
+var jsx_dev_runtime2 = __toESM(require_jsx_dev_runtime(), 1);
+"use client";
+var defaultLoader2 = ({ src, width, quality }) => {
+  const params = new URLSearchParams({
+    src,
+    w: width.toString()
+  });
+  if (quality) {
+    params.set("q", quality.toString());
+  }
+  return `/_ereo/image?${params.toString()}`;
+};
+var DEFAULT_DEVICE_SIZES2 = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
+function generateSrcset2(src, loader, width, quality) {
+  let widths;
+  if (width) {
+    const maxWidth = width * 2;
+    widths = DEFAULT_DEVICE_SIZES2.filter((w) => w <= maxWidth);
+    if (!widths.includes(width)) {
+      widths.push(width);
+      widths.sort((a, b) => a - b);
+    }
+  } else {
+    widths = DEFAULT_DEVICE_SIZES2;
+  }
+  return widths.map((w) => `${loader({ src, width: w, quality })} ${w}w`).join(", ");
+}
+function getSrc(source) {
+  return typeof source === "object" ? source.src : source;
+}
+function getDimensions(source, propWidth, propHeight) {
+  if (typeof source === "object") {
+    return {
+      width: propWidth ?? source.width,
+      height: propHeight ?? source.height
+    };
+  }
+  return { width: propWidth, height: propHeight };
+}
+function getBlurDataURL(source) {
+  return typeof source === "object" ? source.blurDataURL : undefined;
+}
+var Picture = import_react2.forwardRef(function Picture2({
+  sources,
+  fallback,
+  alt,
+  width: propWidth,
+  height: propHeight,
+  fill = false,
+  objectFit = "cover",
+  objectPosition = "center",
+  aspectRatio,
+  sizes,
+  placeholder = "empty",
+  blurDataURL: propBlurDataURL,
+  quality = 80,
+  priority = false,
+  loading: propLoading,
+  decoding = "async",
+  loader = defaultLoader2,
+  unoptimized = false,
+  onLoad,
+  onError,
+  className,
+  style,
+  ...rest
+}, ref) {
+  const [isLoaded, setIsLoaded] = import_react2.useState(false);
+  const [hasError, setHasError] = import_react2.useState(false);
+  const fallbackSource = fallback ?? sources[sources.length - 1]?.src;
+  const fallbackSrc = fallbackSource ? getSrc(fallbackSource) : "";
+  const { width: fallbackWidth, height: fallbackHeight } = getDimensions(fallbackSource || "", propWidth, propHeight);
+  const blurDataURL = propBlurDataURL ?? (fallbackSource ? getBlurDataURL(fallbackSource) : undefined);
+  const loading = propLoading ?? (priority ? "eager" : "lazy");
+  const sourceElements = import_react2.useMemo(() => {
+    return sources.map((source, index) => {
+      const srcString = getSrc(source.src);
+      const { width: sourceWidth } = getDimensions(source.src, source.width, source.height);
+      const srcSet = unoptimized ? srcString : generateSrcset2(srcString, loader, sourceWidth, quality);
+      return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("source", {
+        srcSet,
+        media: source.media,
+        type: source.type,
+        sizes: source.sizes ?? sizes
+      }, index, false, undefined, this);
+    });
+  }, [sources, loader, quality, sizes, unoptimized]);
+  const fallbackSrcSet = import_react2.useMemo(() => {
+    if (unoptimized || !fallbackSrc) {
+      return;
+    }
+    return generateSrcset2(fallbackSrc, loader, fallbackWidth, quality);
+  }, [fallbackSrc, loader, fallbackWidth, quality, unoptimized]);
+  const optimizedFallbackSrc = import_react2.useMemo(() => {
+    if (unoptimized || !fallbackSrc) {
+      return fallbackSrc;
+    }
+    const targetWidth = fallbackWidth || 1200;
+    return loader({ src: fallbackSrc, width: targetWidth, quality });
+  }, [fallbackSrc, fallbackWidth, quality, loader, unoptimized]);
+  const handleLoad = (event) => {
+    setIsLoaded(true);
+    onLoad?.(event);
+  };
+  const handleError = (event) => {
+    setHasError(true);
+    onError?.(event);
+  };
+  const containerStyle = fill ? {
+    position: "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: "100%",
+    height: "100%"
+  } : {};
+  const imageStyle = {
+    ...style,
+    ...fill ? {
+      objectFit,
+      objectPosition,
+      width: "100%",
+      height: "100%"
+    } : {},
+    ...aspectRatio && !fill ? {
+      aspectRatio,
+      width: fallbackWidth || "100%",
+      height: "auto"
+    } : {}
+  };
+  const getPlaceholderStyle = () => {
+    if (placeholder === "blur" && blurDataURL) {
+      return {
+        backgroundImage: `url("${blurDataURL}")`,
+        backgroundSize: "cover",
+        backgroundPosition: "center",
+        filter: "blur(20px)",
+        transform: "scale(1.1)"
+      };
+    }
+    if (placeholder === "shimmer") {
+      return {
+        background: `linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%)`,
+        backgroundSize: "200% 100%",
+        animation: "ereo-shimmer 1.5s infinite"
+      };
+    }
+    return {};
+  };
+  const showPlaceholder = placeholder !== "empty" && !isLoaded && !hasError;
+  return /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+    style: {
+      display: fill ? "block" : "inline-block",
+      position: fill ? "absolute" : "relative",
+      overflow: "hidden",
+      ...containerStyle,
+      ...aspectRatio && !fill ? { aspectRatio, width: fallbackWidth || "100%" } : {}
+    },
+    children: [
+      showPlaceholder && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("span", {
+        style: {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          ...getPlaceholderStyle(),
+          transition: "opacity 0.3s ease-out",
+          opacity: isLoaded ? 0 : 1,
+          pointerEvents: "none"
+        },
+        "aria-hidden": "true"
+      }, undefined, false, undefined, this),
+      /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("picture", {
+        children: [
+          sourceElements,
+          /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("img", {
+            ref,
+            src: optimizedFallbackSrc,
+            srcSet: fallbackSrcSet,
+            sizes,
+            alt,
+            width: fill ? undefined : fallbackWidth,
+            height: fill ? undefined : fallbackHeight,
+            loading,
+            decoding,
+            onLoad: handleLoad,
+            onError: handleError,
+            className,
+            style: {
+              ...imageStyle,
+              transition: placeholder !== "empty" ? "opacity 0.3s ease-out" : undefined,
+              opacity: showPlaceholder && !isLoaded ? 0 : 1
+            },
+            ...rest
+          }, undefined, false, undefined, this)
+        ]
+      }, undefined, true, undefined, this),
+      placeholder === "shimmer" && /* @__PURE__ */ jsx_dev_runtime2.jsxDEV("style", {
+        children: `
+          @keyframes ereo-shimmer {
+            0% { background-position: -200% 0; }
+            100% { background-position: 200% 0; }
+          }
+        `
+      }, undefined, false, undefined, this)
+    ]
+  }, undefined, true, undefined, this);
+});
+Picture.displayName = "Picture";
+var Picture_default = Picture;
+// src/plugin.ts
+import { join as join6, relative as relative3, extname as extname4 } from "path";
+import { readFile as readFile6 } from "fs/promises";
+
+// src/config/defaults.ts
+var DEFAULT_DEVICE_SIZES3 = [640, 750, 828, 1080, 1200, 1920, 2048, 3840];
+var DEFAULT_IMAGE_SIZES = [16, 32, 48, 64, 96, 128, 256, 384];
+var ALL_SIZES = [...DEFAULT_IMAGE_SIZES, ...DEFAULT_DEVICE_SIZES3].sort((a, b) => a - b);
+var DEFAULT_QUALITY = 80;
+var MAX_DIMENSION = 3840;
+var DEFAULT_CACHE_TTL = 31536000;
+var BLUR_WIDTH = 8;
+var IMAGE_PATH_PREFIX = "/_ereo/image";
+var CACHE_DIR = ".ereo/images";
+var SUPPORTED_INPUT_FORMATS = ["jpeg", "jpg", "png", "webp", "avif", "gif", "svg"];
+var SUPPORTED_OUTPUT_FORMATS = ["webp", "avif", "jpeg", "png"];
+var FORMAT_MIME_TYPES = {
+  webp: "image/webp",
+  avif: "image/avif",
+  jpeg: "image/jpeg",
+  jpg: "image/jpeg",
+  png: "image/png",
+  gif: "image/gif",
+  svg: "image/svg+xml"
+};
+var FORMAT_EXTENSIONS = {
+  webp: ".webp",
+  avif: ".avif",
+  jpeg: ".jpg",
+  jpg: ".jpg",
+  png: ".png"
+};
+var DEFAULT_CONFIG = {
+  remotePatterns: [],
+  formats: {
+    webp: true,
+    avif: false,
+    jpeg: true,
+    png: true
+  },
+  quality: DEFAULT_QUALITY,
+  sizes: {
+    deviceSizes: DEFAULT_DEVICE_SIZES3,
+    imageSizes: DEFAULT_IMAGE_SIZES
+  },
+  minimumCacheTTL: DEFAULT_CACHE_TTL,
+  domains: [],
+  cacheDir: CACHE_DIR,
+  generateBlurPlaceholder: true,
+  extractDominantColor: true,
+  maxDimension: MAX_DIMENSION,
+  path: IMAGE_PATH_PREFIX,
+  dangerouslyAllowAllRemote: false
+};
+function getAllSizes(config) {
+  const deviceSizes = config.sizes?.deviceSizes ?? DEFAULT_DEVICE_SIZES3;
+  const imageSizes = config.sizes?.imageSizes ?? DEFAULT_IMAGE_SIZES;
+  return [...imageSizes, ...deviceSizes].sort((a, b) => a - b);
+}
+function getSizesForWidth(targetWidth, config) {
+  const allSizes = getAllSizes(config);
+  const maxSize = targetWidth * 2;
+  return allSizes.filter((size) => size <= maxSize);
+}
+
+// src/config/schema.ts
+class ConfigValidationError extends Error {
+  field;
+  value;
+  constructor(message, field, value) {
+    super(`Invalid configuration for '${field}': ${message}`);
+    this.field = field;
+    this.value = value;
+    this.name = "ConfigValidationError";
+  }
+}
+function validateRemotePattern(pattern, index) {
+  if (!pattern.hostname) {
+    throw new ConfigValidationError("hostname is required", `remotePatterns[${index}].hostname`, pattern);
+  }
+  if (typeof pattern.hostname !== "string") {
+    throw new ConfigValidationError("hostname must be a string", `remotePatterns[${index}].hostname`, pattern.hostname);
+  }
+  if (pattern.protocol && !["http", "https"].includes(pattern.protocol)) {
+    throw new ConfigValidationError('protocol must be "http" or "https"', `remotePatterns[${index}].protocol`, pattern.protocol);
+  }
+  if (pattern.port && typeof pattern.port !== "string") {
+    throw new ConfigValidationError("port must be a string", `remotePatterns[${index}].port`, pattern.port);
+  }
+}
+function validateQuality(quality) {
+  if (quality === undefined) {
+    return DEFAULT_CONFIG.quality;
+  }
+  if (typeof quality !== "number") {
+    throw new ConfigValidationError("quality must be a number", "quality", quality);
+  }
+  if (quality < 1 || quality > 100) {
+    throw new ConfigValidationError("quality must be between 1 and 100", "quality", quality);
+  }
+  return Math.round(quality);
+}
+function validateFormats(formats) {
+  if (formats === undefined) {
+    return DEFAULT_CONFIG.formats;
+  }
+  if (typeof formats !== "object" || formats === null) {
+    throw new ConfigValidationError("formats must be an object", "formats", formats);
+  }
+  const validFormats = formats;
+  const result = {};
+  for (const format of SUPPORTED_OUTPUT_FORMATS) {
+    if (format in validFormats) {
+      if (typeof validFormats[format] !== "boolean") {
+        throw new ConfigValidationError(`formats.${format} must be a boolean`, `formats.${format}`, validFormats[format]);
+      }
+      result[format] = validFormats[format];
+    }
+  }
+  return result;
+}
+function validateSizes(sizes) {
+  if (sizes === undefined) {
+    return DEFAULT_CONFIG.sizes;
+  }
+  if (typeof sizes !== "object" || sizes === null) {
+    throw new ConfigValidationError("sizes must be an object", "sizes", sizes);
+  }
+  const sizesConfig = sizes;
+  const result = {};
+  if (sizesConfig.deviceSizes !== undefined) {
+    if (!Array.isArray(sizesConfig.deviceSizes)) {
+      throw new ConfigValidationError("deviceSizes must be an array", "sizes.deviceSizes", sizesConfig.deviceSizes);
+    }
+    for (let i = 0;i < sizesConfig.deviceSizes.length; i++) {
+      const size = sizesConfig.deviceSizes[i];
+      if (typeof size !== "number" || size <= 0 || size > MAX_DIMENSION) {
+        throw new ConfigValidationError(`deviceSizes[${i}] must be a positive number <= ${MAX_DIMENSION}`, `sizes.deviceSizes[${i}]`, size);
+      }
+    }
+    result.deviceSizes = sizesConfig.deviceSizes;
+  }
+  if (sizesConfig.imageSizes !== undefined) {
+    if (!Array.isArray(sizesConfig.imageSizes)) {
+      throw new ConfigValidationError("imageSizes must be an array", "sizes.imageSizes", sizesConfig.imageSizes);
+    }
+    for (let i = 0;i < sizesConfig.imageSizes.length; i++) {
+      const size = sizesConfig.imageSizes[i];
+      if (typeof size !== "number" || size <= 0 || size > MAX_DIMENSION) {
+        throw new ConfigValidationError(`imageSizes[${i}] must be a positive number <= ${MAX_DIMENSION}`, `sizes.imageSizes[${i}]`, size);
+      }
+    }
+    result.imageSizes = sizesConfig.imageSizes;
+  }
+  return result;
+}
+function validateConfig(config = {}) {
+  if (config.remotePatterns) {
+    if (!Array.isArray(config.remotePatterns)) {
+      throw new ConfigValidationError("remotePatterns must be an array", "remotePatterns", config.remotePatterns);
+    }
+    config.remotePatterns.forEach((pattern, index) => validateRemotePattern(pattern, index));
+  }
+  if (config.domains) {
+    if (!Array.isArray(config.domains)) {
+      throw new ConfigValidationError("domains must be an array", "domains", config.domains);
+    }
+    for (const domain of config.domains) {
+      if (typeof domain !== "string") {
+        throw new ConfigValidationError("domains must be strings", "domains", domain);
+      }
+    }
+    console.warn('[@ereo/plugin-images] The "domains" option is deprecated. Use "remotePatterns" instead.');
+  }
+  const quality = validateQuality(config.quality);
+  const formats = validateFormats(config.formats);
+  const sizes = validateSizes(config.sizes);
+  if (config.maxDimension !== undefined) {
+    if (typeof config.maxDimension !== "number" || config.maxDimension <= 0) {
+      throw new ConfigValidationError("maxDimension must be a positive number", "maxDimension", config.maxDimension);
+    }
+  }
+  if (config.path !== undefined) {
+    if (typeof config.path !== "string" || !config.path.startsWith("/")) {
+      throw new ConfigValidationError('path must be a string starting with "/"', "path", config.path);
+    }
+  }
+  if (config.cacheDir !== undefined) {
+    if (typeof config.cacheDir !== "string") {
+      throw new ConfigValidationError("cacheDir must be a string", "cacheDir", config.cacheDir);
+    }
+  }
+  return {
+    ...DEFAULT_CONFIG,
+    ...config,
+    quality,
+    formats: { ...DEFAULT_CONFIG.formats, ...formats },
+    sizes: { ...DEFAULT_CONFIG.sizes, ...sizes }
+  };
+}
+function matchesRemotePattern(url, patterns, domains = []) {
+  if (domains.includes(url.hostname)) {
+    return true;
+  }
+  for (const pattern of patterns) {
+    if (pattern.protocol) {
+      const urlProtocol = url.protocol.slice(0, -1);
+      if (urlProtocol !== pattern.protocol) {
+        continue;
+      }
+    }
+    const hostnamePattern = pattern.hostname.replace(/\./g, "\\.").replace(/\*/g, ".*");
+    const hostnameRegex = new RegExp(`^${hostnamePattern}$`, "i");
+    if (!hostnameRegex.test(url.hostname)) {
+      continue;
+    }
+    if (pattern.port && url.port !== pattern.port) {
+      continue;
+    }
+    if (pattern.pathname) {
+      const pathnamePattern = pattern.pathname.replace(/\./g, "\\.").replace(/\*/g, ".*");
+      const pathnameRegex = new RegExp(`^${pathnamePattern}`, "i");
+      if (!pathnameRegex.test(url.pathname)) {
+        continue;
+      }
+    }
+    return true;
+  }
+  return false;
+}
+
+// src/processing/processor.ts
+import { readFile } from "fs/promises";
+import { extname } from "path";
+
+// src/processing/sharp-processor.ts
+import sharp from "sharp";
+class SharpProcessor {
+  quality;
+  maxDimension;
+  constructor(options = {}) {
+    this.quality = options.quality ?? DEFAULT_QUALITY;
+    this.maxDimension = options.maxDimension ?? MAX_DIMENSION;
+    if (options.cache === false) {
+      sharp.cache(false);
+    }
+  }
+  async process(input, params) {
+    const { width, height, quality = this.quality, format = "auto" } = params;
+    if (width > this.maxDimension) {
+      throw new Error(`Width ${width} exceeds maximum dimension ${this.maxDimension}`);
+    }
+    if (height && height > this.maxDimension) {
+      throw new Error(`Height ${height} exceeds maximum dimension ${this.maxDimension}`);
+    }
+    let image = sharp(input);
+    const metadata = await image.metadata();
+    const resizeOptions = {
+      width,
+      height: height || undefined,
+      fit: "inside",
+      withoutEnlargement: true
+    };
+    image = image.resize(resizeOptions);
+    let outputFormat;
+    if (format === "auto") {
+      outputFormat = "webp";
+    } else {
+      outputFormat = format;
+    }
+    switch (outputFormat) {
+      case "webp":
+        image = image.webp({
+          quality,
+          effort: 4,
+          smartSubsample: true
+        });
+        break;
+      case "avif":
+        image = image.avif({
+          quality,
+          effort: 4,
+          chromaSubsampling: "4:2:0"
+        });
+        break;
+      case "jpeg":
+        image = image.jpeg({
+          quality,
+          progressive: true,
+          mozjpeg: true
+        });
+        break;
+      case "png":
+        image = image.png({
+          compressionLevel: 9,
+          progressive: true
+        });
+        break;
+      default:
+        image = image.webp({ quality });
+        outputFormat = "webp";
+    }
+    const { data: buffer, info } = await image.toBuffer({ resolveWithObject: true });
+    return {
+      buffer,
+      contentType: FORMAT_MIME_TYPES[outputFormat] || FORMAT_MIME_TYPES.webp,
+      width: info.width,
+      height: info.height,
+      format: outputFormat
+    };
+  }
+  async getMetadata(input) {
+    const metadata = await sharp(input).metadata();
+    if (!metadata.width || !metadata.height || !metadata.format) {
+      throw new Error("Unable to read image metadata");
+    }
+    return {
+      width: metadata.width,
+      height: metadata.height,
+      format: metadata.format,
+      space: metadata.space,
+      channels: metadata.channels,
+      depth: metadata.depth,
+      density: metadata.density,
+      hasAlpha: metadata.hasAlpha,
+      orientation: metadata.orientation
+    };
+  }
+  async resize(input, width, height, options = {}) {
+    return sharp(input).resize({
+      width,
+      height,
+      fit: options.fit ?? "inside",
+      withoutEnlargement: options.withoutEnlargement ?? true,
+      ...options
+    }).toBuffer();
+  }
+  async toFormat(input, format, quality = this.quality) {
+    let image = sharp(input);
+    switch (format) {
+      case "webp":
+        image = image.webp({ quality });
+        break;
+      case "avif":
+        image = image.avif({ quality });
+        break;
+      case "jpeg":
+        image = image.jpeg({ quality, mozjpeg: true });
+        break;
+      case "png":
+        image = image.png({ compressionLevel: 9 });
+        break;
+    }
+    return image.toBuffer();
+  }
+  async hasTransparency(input) {
+    const metadata = await sharp(input).metadata();
+    return metadata.hasAlpha === true;
+  }
+  async normalize(input) {
+    return sharp(input).rotate().toBuffer();
+  }
+  async getDominantColor(input) {
+    const { dominant } = await sharp(input).stats();
+    const r = Math.round(dominant.r);
+    const g = Math.round(dominant.g);
+    const b = Math.round(dominant.b);
+    return `rgb(${r}, ${g}, ${b})`;
+  }
+}
+function createSharpProcessor(options) {
+  return new SharpProcessor(options);
+}
+
+// src/processing/blur.ts
+import sharp2 from "sharp";
+async function generateBlurPlaceholder(input, options = {}) {
+  const { width = BLUR_WIDTH, quality = 10, sigma = 1 } = options;
+  const metadata = await sharp2(input).metadata();
+  if (!metadata.width || !metadata.height) {
+    throw new Error("Unable to read image dimensions");
+  }
+  const aspectRatio = metadata.width / metadata.height;
+  const height = Math.round(width / aspectRatio);
+  const buffer = await sharp2(input).resize(width, height, {
+    fit: "fill"
+  }).blur(sigma).webp({
+    quality,
+    alphaQuality: quality,
+    smartSubsample: true
+  }).toBuffer();
+  const base64 = buffer.toString("base64");
+  const dataURL = `data:image/webp;base64,${base64}`;
+  return {
+    dataURL,
+    width,
+    height
+  };
+}
+function generateShimmerSVG(width, height, color = "#f3f4f6") {
+  return `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} ${height}">
+<defs>
+  <linearGradient id="shimmer" x1="0%" y1="0%" x2="100%" y2="0%">
+    <stop offset="0%" stop-color="${color}">
+      <animate attributeName="offset" values="-2;1" dur="1.5s" repeatCount="indefinite"/>
+    </stop>
+    <stop offset="50%" stop-color="#e5e7eb">
+      <animate attributeName="offset" values="-1;2" dur="1.5s" repeatCount="indefinite"/>
+    </stop>
+    <stop offset="100%" stop-color="${color}">
+      <animate attributeName="offset" values="0;3" dur="1.5s" repeatCount="indefinite"/>
+    </stop>
+  </linearGradient>
+</defs>
+<rect width="100%" height="100%" fill="url(#shimmer)"/>
+</svg>`.replace(/\n\s*/g, "");
+}
+function generateShimmerDataURL(width, height, color) {
+  const svg = generateShimmerSVG(width, height, color);
+  const base64 = Buffer.from(svg).toString("base64");
+  return `data:image/svg+xml;base64,${base64}`;
+}
+
+// src/processing/color.ts
+import sharp3 from "sharp";
+async function extractDominantColor(input, options = {}) {
+  const {
+    colorCount = 5,
+    sampleSize = 64,
+    minSaturation = 0.1,
+    transparencyThreshold = 0.5
+  } = options;
+  const { data, info } = await sharp3(input).resize(sampleSize, sampleSize, { fit: "fill" }).ensureAlpha().raw().toBuffer({ resolveWithObject: true });
+  const pixels = [];
+  let transparentPixels = 0;
+  const totalPixels = data.length / 4;
+  for (let i = 0;i < data.length; i += 4) {
+    const r = data[i];
+    const g = data[i + 1];
+    const b = data[i + 2];
+    const a = data[i + 3];
+    if (a < 128) {
+      transparentPixels++;
+      continue;
+    }
+    pixels.push({ r, g, b });
+  }
+  const hasTransparency = transparentPixels / totalPixels > transparencyThreshold;
+  if (pixels.length < 10) {
+    return {
+      dominant: "rgb(128, 128, 128)",
+      palette: ["rgb(128, 128, 128)"],
+      dominantRGB: { r: 128, g: 128, b: 128 },
+      hasTransparency: true
+    };
+  }
+  const clusters = kMeansClustering(pixels, colorCount);
+  clusters.sort((a, b) => b.count - a.count);
+  const palette = clusters.map(({ centroid }) => `rgb(${Math.round(centroid.r)}, ${Math.round(centroid.g)}, ${Math.round(centroid.b)})`);
+  let dominantIndex = 0;
+  let maxVibrancy = 0;
+  for (let i = 0;i < Math.min(3, clusters.length); i++) {
+    const { centroid } = clusters[i];
+    const vibrancy = getColorVibrancy(centroid);
+    if (vibrancy > maxVibrancy && getSaturation(centroid) >= minSaturation) {
+      maxVibrancy = vibrancy;
+      dominantIndex = i;
+    }
+  }
+  const dominantRGB = {
+    r: Math.round(clusters[dominantIndex].centroid.r),
+    g: Math.round(clusters[dominantIndex].centroid.g),
+    b: Math.round(clusters[dominantIndex].centroid.b)
+  };
+  return {
+    dominant: `rgb(${dominantRGB.r}, ${dominantRGB.g}, ${dominantRGB.b})`,
+    palette,
+    dominantRGB,
+    hasTransparency
+  };
+}
+function kMeansClustering(pixels, k, iterations = 10) {
+  const centroids = initializeCentroids(pixels, k);
+  for (let iter = 0;iter < iterations; iter++) {
+    const assignments = new Array(k).fill(null).map(() => []);
+    for (const pixel of pixels) {
+      let minDist = Infinity;
+      let nearestCluster = 0;
+      for (let i = 0;i < centroids.length; i++) {
+        const dist = colorDistance(pixel, centroids[i]);
+        if (dist < minDist) {
+          minDist = dist;
+          nearestCluster = i;
+        }
+      }
+      assignments[nearestCluster].push(pixel);
+    }
+    for (let i = 0;i < centroids.length; i++) {
+      if (assignments[i].length > 0) {
+        centroids[i] = calculateCentroid(assignments[i]);
+      }
+    }
+  }
+  const counts = new Array(k).fill(0);
+  for (const pixel of pixels) {
+    let minDist = Infinity;
+    let nearestCluster = 0;
+    for (let i = 0;i < centroids.length; i++) {
+      const dist = colorDistance(pixel, centroids[i]);
+      if (dist < minDist) {
+        minDist = dist;
+        nearestCluster = i;
+      }
+    }
+    counts[nearestCluster]++;
+  }
+  return centroids.map((centroid, i) => ({
+    centroid,
+    count: counts[i]
+  }));
+}
+function initializeCentroids(pixels, k) {
+  const centroids = [];
+  centroids.push(pixels[Math.floor(Math.random() * pixels.length)]);
+  for (let i = 1;i < k; i++) {
+    const distances = pixels.map((pixel) => {
+      let minDist = Infinity;
+      for (const centroid of centroids) {
+        const dist = colorDistance(pixel, centroid);
+        if (dist < minDist) {
+          minDist = dist;
+        }
+      }
+      return minDist * minDist;
+    });
+    const totalDistance = distances.reduce((sum, d) => sum + d, 0);
+    let threshold = Math.random() * totalDistance;
+    for (let j = 0;j < pixels.length; j++) {
+      threshold -= distances[j];
+      if (threshold <= 0) {
+        centroids.push(pixels[j]);
+        break;
+      }
+    }
+  }
+  return centroids;
+}
+function calculateCentroid(colors) {
+  const sum = colors.reduce((acc, color) => ({
+    r: acc.r + color.r,
+    g: acc.g + color.g,
+    b: acc.b + color.b
+  }), { r: 0, g: 0, b: 0 });
+  return {
+    r: sum.r / colors.length,
+    g: sum.g / colors.length,
+    b: sum.b / colors.length
+  };
+}
+function colorDistance(c1, c2) {
+  const dr = c1.r - c2.r;
+  const dg = c1.g - c2.g;
+  const db = c1.b - c2.b;
+  return Math.sqrt(dr * dr + dg * dg + db * db);
+}
+function getColorVibrancy(color) {
+  const { r, g, b } = color;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  const l = (max + min) / 2 / 255;
+  const s = getSaturation(color);
+  const lightnessScore = 1 - Math.abs(l - 0.5) * 2;
+  return s * lightnessScore;
+}
+function getSaturation(color) {
+  const { r, g, b } = color;
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  if (max === min) {
+    return 0;
+  }
+  const l = (max + min) / 2;
+  return l > 127.5 ? (max - min) / (510 - max - min) : (max - min) / (max + min);
+}
+function rgbToHex(color) {
+  const { r, g, b } = color;
+  return `#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
+}
+function hexToRgb(hex) {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  if (!result) {
+    throw new Error(`Invalid hex color: ${hex}`);
+  }
+  return {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  };
+}
+function getContrastColor(background) {
+  const luminance = (0.299 * background.r + 0.587 * background.g + 0.114 * background.b) / 255;
+  return luminance > 0.5 ? "#000000" : "#ffffff";
+}
+
+// src/processing/processor.ts
+class ImageProcessor {
+  config;
+  sharp;
+  cache = new Map;
+  constructor(config = {}) {
+    this.config = validateConfig(config);
+    this.sharp = createSharpProcessor({
+      quality: this.config.quality,
+      maxDimension: this.config.maxDimension
+    });
+  }
+  async process(input, params) {
+    const cacheKey = this.getCacheKey(input, params);
+    const cached = this.cache.get(cacheKey);
+    if (cached) {
+      return cached;
+    }
+    const result = await this.sharp.process(input, params);
+    this.cache.set(cacheKey, result);
+    return result;
+  }
+  async processWithMetadata(input, params) {
+    const metadata = await this.sharp.getMetadata(input);
+    const processed = await this.process(input, params);
+    let blur;
+    if (this.config.generateBlurPlaceholder) {
+      try {
+        blur = await generateBlurPlaceholder(input);
+      } catch (error) {
+        console.warn("Failed to generate blur placeholder:", error);
+      }
+    }
+    let colors;
+    if (this.config.extractDominantColor) {
+      try {
+        colors = await extractDominantColor(input);
+      } catch (error) {
+        console.warn("Failed to extract dominant color:", error);
+      }
+    }
+    return {
+      processed,
+      metadata,
+      blur,
+      colors
+    };
+  }
+  async processFile(filePath) {
+    const buffer = await readFile(filePath);
+    const metadata = await this.sharp.getMetadata(buffer);
+    let blurDataURL;
+    let dominantColor;
+    if (this.config.generateBlurPlaceholder) {
+      try {
+        const blur = await generateBlurPlaceholder(buffer);
+        blurDataURL = blur.dataURL;
+      } catch (error) {
+        console.warn(`Failed to generate blur placeholder for ${filePath}:`, error);
+      }
+    }
+    if (this.config.extractDominantColor) {
+      try {
+        const colors = await extractDominantColor(buffer);
+        dominantColor = colors.dominant;
+      } catch (error) {
+        console.warn(`Failed to extract dominant color for ${filePath}:`, error);
+      }
+    }
+    const allSizes = getAllSizes(this.config);
+    const formats = this.getEnabledFormats(metadata.hasAlpha);
+    const variants = [];
+    for (const width of allSizes) {
+      if (width >= metadata.width) {
+        continue;
+      }
+      for (const format of formats) {
+        try {
+          const processed = await this.process(buffer, {
+            src: filePath,
+            width,
+            quality: this.config.quality,
+            format
+          });
+          const ext = FORMAT_EXTENSIONS[format] || `.${format}`;
+          const variantPath = this.getVariantPath(filePath, width, format);
+          variants.push({
+            width: processed.width,
+            height: processed.height,
+            format,
+            path: variantPath,
+            buffer: processed.buffer
+          });
+        } catch (error) {
+          console.warn(`Failed to generate ${width}px ${format} variant:`, error);
+        }
+      }
+    }
+    for (const format of formats) {
+      if (format !== metadata.format) {
+        try {
+          const processed = await this.process(buffer, {
+            src: filePath,
+            width: metadata.width,
+            quality: this.config.quality,
+            format
+          });
+          const variantPath = this.getVariantPath(filePath, metadata.width, format);
+          variants.push({
+            width: processed.width,
+            height: processed.height,
+            format,
+            path: variantPath,
+            buffer: processed.buffer
+          });
+        } catch (error) {
+          console.warn(`Failed to generate original ${format} variant:`, error);
+        }
+      }
+    }
+    return {
+      staticData: {
+        src: filePath,
+        width: metadata.width,
+        height: metadata.height,
+        blurDataURL,
+        dominantColor,
+        type: `image/${metadata.format}`
+      },
+      path: filePath,
+      variants
+    };
+  }
+  async getMetadata(input) {
+    return this.sharp.getMetadata(input);
+  }
+  async generateBlur(input) {
+    return generateBlurPlaceholder(input);
+  }
+  async extractColor(input) {
+    return extractDominantColor(input);
+  }
+  isSupported(filePath) {
+    const ext = extname(filePath).toLowerCase().slice(1);
+    return SUPPORTED_INPUT_FORMATS.includes(ext);
+  }
+  clearCache() {
+    this.cache.clear();
+  }
+  getEnabledFormats(hasAlpha) {
+    const formats = [];
+    if (this.config.formats?.webp) {
+      formats.push("webp");
+    }
+    if (this.config.formats?.avif) {
+      formats.push("avif");
+    }
+    if (hasAlpha) {
+      if (this.config.formats?.png) {
+        formats.push("png");
+      }
+    } else {
+      if (this.config.formats?.jpeg) {
+        formats.push("jpeg");
+      }
+    }
+    if (formats.length === 0) {
+      formats.push("webp");
+    }
+    return formats;
+  }
+  getVariantPath(originalPath, width, format) {
+    const ext = extname(originalPath);
+    const base = originalPath.slice(0, -ext.length);
+    const newExt = FORMAT_EXTENSIONS[format] || `.${format}`;
+    return `${base}-${width}w${newExt}`;
+  }
+  getCacheKey(input, params) {
+    const src = typeof input === "string" ? input : "buffer";
+    const inputHash = typeof input === "string" ? input : this.hashBuffer(input);
+    return `${inputHash}:${params.width}:${params.height || ""}:${params.quality || ""}:${params.format || ""}`;
+  }
+  hashBuffer(buffer) {
+    let hash = 0;
+    for (let i = 0;i < Math.min(buffer.length, 1000); i++) {
+      hash = (hash << 5) - hash + buffer[i] | 0;
+    }
+    return hash.toString(36);
+  }
+}
+function createImageProcessor(config) {
+  return new ImageProcessor(config);
+}
+
+// src/build/optimizer.ts
+import { readFile as readFile3, writeFile as writeFile2, mkdir as mkdir2, readdir } from "fs/promises";
+import { join as join3, relative as relative2, dirname as dirname2, extname as extname2, basename } from "path";
+import { createHash as createHash2 } from "crypto";
+
+// src/build/manifest.ts
+import { readFile as readFile2, writeFile, mkdir } from "fs/promises";
+import { dirname, join as join2 } from "path";
+import { createHash } from "crypto";
+var DEFAULT_MANIFEST = {
+  version: 1,
+  buildTime: 0,
+  images: {}
+};
+
+class ImageManifestManager {
+  manifest = { ...DEFAULT_MANIFEST };
+  manifestPath;
+  dirty = false;
+  constructor(outDir) {
+    this.manifestPath = join2(outDir, "images-manifest.json");
+  }
+  async load() {
+    try {
+      const content = await readFile2(this.manifestPath, "utf-8");
+      this.manifest = JSON.parse(content);
+    } catch (error) {
+      this.manifest = { ...DEFAULT_MANIFEST };
+    }
+  }
+  async save() {
+    if (!this.dirty) {
+      return;
+    }
+    this.manifest.buildTime = Date.now();
+    await mkdir(dirname(this.manifestPath), { recursive: true });
+    await writeFile(this.manifestPath, JSON.stringify(this.manifest, null, 2));
+    this.dirty = false;
+  }
+  addImage(sourcePath, data) {
+    const hash = this.generateHash(sourcePath, data);
+    this.manifest.images[sourcePath] = {
+      ...data,
+      hash
+    };
+    this.dirty = true;
+  }
+  getImage(sourcePath) {
+    return this.manifest.images[sourcePath];
+  }
+  needsReprocessing(sourcePath, fileHash) {
+    const entry = this.manifest.images[sourcePath];
+    if (!entry) {
+      return true;
+    }
+    return entry.hash !== fileHash;
+  }
+  removeImage(sourcePath) {
+    delete this.manifest.images[sourcePath];
+    this.dirty = true;
+  }
+  getAllImages() {
+    return this.manifest.images;
+  }
+  getImageCount() {
+    return Object.keys(this.manifest.images).length;
+  }
+  getVariantCount() {
+    return Object.values(this.manifest.images).reduce((count, entry) => count + entry.variants.length, 0);
+  }
+  getTotalSize() {
+    return Object.values(this.manifest.images).reduce((size, entry) => size + entry.variants.reduce((vSize, v) => vSize + v.size, 0), 0);
+  }
+  clear() {
+    this.manifest = { ...DEFAULT_MANIFEST };
+    this.dirty = true;
+  }
+  generateHash(sourcePath, data) {
+    const content = JSON.stringify({
+      sourcePath,
+      width: data.width,
+      height: data.height,
+      variants: data.variants.map((v) => `${v.width}x${v.height}-${v.format}`)
+    });
+    return createHash("md5").update(content).digest("hex").slice(0, 8);
+  }
+}
+function createManifestManager(outDir) {
+  return new ImageManifestManager(outDir);
+}
+
+// src/build/optimizer.ts
+class BuildOptimizer {
+  config;
+  processor;
+  manifest;
+  root;
+  outDir;
+  scanDirs;
+  force;
+  onProgress;
+  constructor(options) {
+    this.config = validateConfig(options.config);
+    this.processor = createImageProcessor(options.config);
+    this.manifest = createManifestManager(options.outDir);
+    this.root = options.root;
+    this.outDir = options.outDir;
+    this.scanDirs = options.scanDirs || ["public", "app/assets", "assets"];
+    this.force = options.force || false;
+    this.onProgress = options.onProgress;
+  }
+  async run() {
+    const startTime = Date.now();
+    const result = {
+      processed: 0,
+      skipped: 0,
+      variants: 0,
+      totalSize: 0,
+      duration: 0,
+      errors: []
+    };
+    await this.manifest.load();
+    const imageFiles = await this.scanForImages();
+    const totalFiles = imageFiles.length;
+    console.log(`Found ${totalFiles} images to process`);
+    for (let i = 0;i < imageFiles.length; i++) {
+      const file = imageFiles[i];
+      const relativePath = relative2(this.root, file);
+      this.onProgress?.(i + 1, totalFiles, relativePath);
+      try {
+        const fileBuffer = await readFile3(file);
+        const fileHash = this.hashBuffer(fileBuffer);
+        if (!this.force && !this.manifest.needsReprocessing(relativePath, fileHash)) {
+          result.skipped++;
+          continue;
+        }
+        const entry = await this.processImage(file, fileBuffer, relativePath);
+        this.manifest.addImage(relativePath, {
+          ...entry,
+          src: relativePath
+        });
+        result.processed++;
+        result.variants += entry.variants.length;
+        result.totalSize += entry.variants.reduce((sum, v) => sum + v.size, 0);
+      } catch (error) {
+        result.errors.push({
+          file: relativePath,
+          error: error instanceof Error ? error.message : String(error)
+        });
+      }
+    }
+    await this.manifest.save();
+    result.duration = Date.now() - startTime;
+    return result;
+  }
+  async processImage(filePath, buffer, relativePath) {
+    const metadata = await this.processor.getMetadata(buffer);
+    let blurDataURL;
+    if (this.config.generateBlurPlaceholder) {
+      try {
+        const blur = await this.processor.generateBlur(buffer);
+        blurDataURL = blur.dataURL;
+      } catch {}
+    }
+    let dominantColor;
+    if (this.config.extractDominantColor) {
+      try {
+        const colors = await this.processor.extractColor(buffer);
+        dominantColor = colors.dominant;
+      } catch {}
+    }
+    const hasAlpha = metadata.hasAlpha;
+    const formats = this.getOutputFormats(hasAlpha);
+    const variants = [];
+    const allSizes = getAllSizes(this.config);
+    for (const width of allSizes) {
+      if (width > metadata.width) {
+        continue;
+      }
+      const height = Math.round(width / metadata.width * metadata.height);
+      for (const format of formats) {
+        try {
+          const processed = await this.processor.process(buffer, {
+            src: relativePath,
+            width,
+            quality: this.config.quality,
+            format
+          });
+          const variantPath = this.getVariantPath(relativePath, width, format);
+          const fullPath = join3(this.outDir, variantPath);
+          await mkdir2(dirname2(fullPath), { recursive: true });
+          await writeFile2(fullPath, processed.buffer);
+          variants.push({
+            path: variantPath,
+            width: processed.width,
+            height: processed.height,
+            format,
+            size: processed.buffer.length
+          });
+        } catch (error) {
+          console.warn(`Failed to generate ${width}px ${format} variant for ${relativePath}`);
+        }
+      }
+    }
+    const originalExt = extname2(relativePath).slice(1).toLowerCase();
+    if (!formats.includes(originalExt) && SUPPORTED_INPUT_FORMATS.includes(originalExt)) {
+      const variantPath = this.getVariantPath(relativePath, metadata.width, originalExt);
+      const fullPath = join3(this.outDir, variantPath);
+      await mkdir2(dirname2(fullPath), { recursive: true });
+      await writeFile2(fullPath, buffer);
+      variants.push({
+        path: variantPath,
+        width: metadata.width,
+        height: metadata.height,
+        format: originalExt,
+        size: buffer.length
+      });
+    }
+    return {
+      src: relativePath,
+      width: metadata.width,
+      height: metadata.height,
+      variants,
+      blurDataURL,
+      dominantColor
+    };
+  }
+  async scanForImages() {
+    const images = [];
+    for (const scanDir of this.scanDirs) {
+      const fullDir = join3(this.root, scanDir);
+      try {
+        await this.scanDirectory(fullDir, images);
+      } catch {}
+    }
+    return images;
+  }
+  async scanDirectory(dir, images) {
+    const entries = await readdir(dir, { withFileTypes: true });
+    for (const entry of entries) {
+      const fullPath = join3(dir, entry.name);
+      if (entry.isDirectory()) {
+        if (!entry.name.startsWith(".") && entry.name !== "node_modules") {
+          await this.scanDirectory(fullPath, images);
+        }
+      } else if (entry.isFile()) {
+        const ext = extname2(entry.name).slice(1).toLowerCase();
+        if (SUPPORTED_INPUT_FORMATS.includes(ext)) {
+          images.push(fullPath);
+        }
+      }
+    }
+  }
+  getOutputFormats(hasAlpha) {
+    const formats = [];
+    if (this.config.formats?.webp !== false) {
+      formats.push("webp");
+    }
+    if (this.config.formats?.avif) {
+      formats.push("avif");
+    }
+    if (hasAlpha && this.config.formats?.png !== false) {
+      formats.push("png");
+    } else if (!hasAlpha && this.config.formats?.jpeg !== false) {
+      formats.push("jpeg");
+    }
+    return formats;
+  }
+  getVariantPath(originalPath, width, format) {
+    const dir = dirname2(originalPath);
+    const name = basename(originalPath, extname2(originalPath));
+    const ext = format === "jpeg" ? "jpg" : format;
+    return join3("images", dir, `${name}-${width}w.${ext}`);
+  }
+  hashBuffer(buffer) {
+    return createHash2("md5").update(buffer).digest("hex").slice(0, 8);
+  }
+  getManifest() {
+    return this.manifest;
+  }
+}
+function createBuildOptimizer(options) {
+  return new BuildOptimizer(options);
+}
+async function optimizeImages(options) {
+  const optimizer = createBuildOptimizer(options);
+  return optimizer.run();
+}
+
+// src/runtime/middleware.ts
+import { readFile as readFile5 } from "fs/promises";
+import { join as join5 } from "path";
+
+// src/runtime/cache.ts
+import { readFile as readFile4, writeFile as writeFile3, mkdir as mkdir3, unlink, readdir as readdir2, stat as stat3 } from "fs/promises";
+import { join as join4, dirname as dirname3 } from "path";
+import { createHash as createHash3 } from "crypto";
+
+class MemoryCache {
+  cache = new Map;
+  maxItems;
+  maxSize;
+  ttl;
+  currentSize = 0;
+  constructor(options = {}) {
+    this.maxItems = options.maxItems ?? 100;
+    this.maxSize = options.maxSize ?? 100 * 1024 * 1024;
+    this.ttl = options.ttl ?? 0;
+  }
+  get(key) {
+    const item = this.cache.get(key);
+    if (!item) {
+      return;
+    }
+    if (this.ttl > 0 && Date.now() - item.createdAt > this.ttl) {
+      this.delete(key);
+      return;
+    }
+    item.lastAccessed = Date.now();
+    return item.value;
+  }
+  set(key, value) {
+    if (this.cache.has(key)) {
+      this.delete(key);
+    }
+    const size = value.length;
+    while ((this.cache.size >= this.maxItems || this.currentSize + size > this.maxSize) && this.cache.size > 0) {
+      this.evictLRU();
+    }
+    if (size > this.maxSize) {
+      return;
+    }
+    const now = Date.now();
+    this.cache.set(key, {
+      value,
+      size,
+      createdAt: now,
+      lastAccessed: now
+    });
+    this.currentSize += size;
+  }
+  has(key) {
+    const item = this.cache.get(key);
+    if (!item) {
+      return false;
+    }
+    if (this.ttl > 0 && Date.now() - item.createdAt > this.ttl) {
+      this.delete(key);
+      return false;
+    }
+    return true;
+  }
+  delete(key) {
+    const item = this.cache.get(key);
+    if (!item) {
+      return false;
+    }
+    this.currentSize -= item.size;
+    return this.cache.delete(key);
+  }
+  clear() {
+    this.cache.clear();
+    this.currentSize = 0;
+  }
+  stats() {
+    return {
+      items: this.cache.size,
+      size: this.currentSize,
+      maxItems: this.maxItems,
+      maxSize: this.maxSize
+    };
+  }
+  evictLRU() {
+    let oldestKey;
+    let oldestTime = Infinity;
+    for (const [key, item] of this.cache) {
+      if (item.lastAccessed < oldestTime) {
+        oldestTime = item.lastAccessed;
+        oldestKey = key;
+      }
+    }
+    if (oldestKey) {
+      this.delete(oldestKey);
+    }
+  }
+}
+
+class DiskCache {
+  dir;
+  maxSize;
+  ttl;
+  initialized = false;
+  constructor(options) {
+    this.dir = options.dir;
+    this.maxSize = options.maxSize ?? 500 * 1024 * 1024;
+    this.ttl = options.ttl ?? 7 * 24 * 60 * 60 * 1000;
+  }
+  async init() {
+    if (this.initialized) {
+      return;
+    }
+    await mkdir3(this.dir, { recursive: true });
+    this.initialized = true;
+  }
+  getPath(key) {
+    const hash = createHash3("md5").update(key).digest("hex");
+    return join4(this.dir, hash.slice(0, 2), hash);
+  }
+  async get(key) {
+    await this.init();
+    const path = this.getPath(key);
+    try {
+      const stats = await stat3(path);
+      if (this.ttl > 0 && Date.now() - stats.mtimeMs > this.ttl) {
+        await unlink(path).catch(() => {});
+        return;
+      }
+      return await readFile4(path);
+    } catch {
+      return;
+    }
+  }
+  async set(key, value) {
+    await this.init();
+    const path = this.getPath(key);
+    try {
+      await mkdir3(dirname3(path), { recursive: true });
+      await writeFile3(path, value);
+    } catch (error) {
+      console.warn("Failed to write to disk cache:", error);
+    }
+  }
+  async has(key) {
+    await this.init();
+    const path = this.getPath(key);
+    try {
+      const stats = await stat3(path);
+      if (this.ttl > 0 && Date.now() - stats.mtimeMs > this.ttl) {
+        await unlink(path).catch(() => {});
+        return false;
+      }
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async delete(key) {
+    await this.init();
+    const path = this.getPath(key);
+    try {
+      await unlink(path);
+      return true;
+    } catch {
+      return false;
+    }
+  }
+  async cleanup() {
+    await this.init();
+    let deleted = 0;
+    let freed = 0;
+    try {
+      const subdirs = await readdir2(this.dir);
+      for (const subdir of subdirs) {
+        const subdirPath = join4(this.dir, subdir);
+        const stats = await stat3(subdirPath).catch(() => null);
+        if (!stats?.isDirectory()) {
+          continue;
+        }
+        const files = await readdir2(subdirPath);
+        for (const file of files) {
+          const filePath = join4(subdirPath, file);
+          const fileStats = await stat3(filePath).catch(() => null);
+          if (!fileStats) {
+            continue;
+          }
+          if (this.ttl > 0 && Date.now() - fileStats.mtimeMs > this.ttl) {
+            try {
+              await unlink(filePath);
+              deleted++;
+              freed += fileStats.size;
+            } catch {}
+          }
+        }
+      }
+    } catch {}
+    return { deleted, freed };
+  }
+  async stats() {
+    await this.init();
+    let files = 0;
+    let size = 0;
+    try {
+      const subdirs = await readdir2(this.dir);
+      for (const subdir of subdirs) {
+        const subdirPath = join4(this.dir, subdir);
+        const stats = await stat3(subdirPath).catch(() => null);
+        if (!stats?.isDirectory()) {
+          continue;
+        }
+        const dirFiles = await readdir2(subdirPath);
+        for (const file of dirFiles) {
+          const filePath = join4(subdirPath, file);
+          const fileStats = await stat3(filePath).catch(() => null);
+          if (fileStats?.isFile()) {
+            files++;
+            size += fileStats.size;
+          }
+        }
+      }
+    } catch {}
+    return { files, size };
+  }
+}
+
+class TwoTierCache {
+  memory;
+  disk;
+  constructor(options) {
+    this.memory = new MemoryCache(options.memory);
+    this.disk = new DiskCache(options.disk);
+  }
+  async get(key) {
+    const memResult = this.memory.get(key);
+    if (memResult) {
+      return memResult;
+    }
+    const diskResult = await this.disk.get(key);
+    if (diskResult) {
+      this.memory.set(key, diskResult);
+      return diskResult;
+    }
+    return;
+  }
+  async set(key, value) {
+    this.memory.set(key, value);
+    await this.disk.set(key, value);
+  }
+  async has(key) {
+    if (this.memory.has(key)) {
+      return true;
+    }
+    return this.disk.has(key);
+  }
+  async delete(key) {
+    const memDeleted = this.memory.delete(key);
+    const diskDeleted = await this.disk.delete(key);
+    return memDeleted || diskDeleted;
+  }
+  async clear() {
+    this.memory.clear();
+  }
+  async stats() {
+    const memStats = this.memory.stats();
+    const diskStats = await this.disk.stats();
+    return {
+      memory: { items: memStats.items, size: memStats.size },
+      disk: diskStats
+    };
+  }
+  async cleanup() {
+    return this.disk.cleanup();
+  }
+}
+function generateCacheKey(params) {
+  return `${params.src}:w${params.width}:h${params.height || ""}:q${params.quality || ""}:f${params.format || ""}`;
+}
+
+// src/runtime/middleware.ts
+function parseQueryParams(url) {
+  const src = url.searchParams.get("src");
+  const width = url.searchParams.get("w");
+  const height = url.searchParams.get("h");
+  const quality = url.searchParams.get("q");
+  const format = url.searchParams.get("f");
+  if (!src || !width) {
+    return null;
+  }
+  const w = parseInt(width, 10);
+  if (isNaN(w) || w <= 0 || w > MAX_DIMENSION) {
+    return null;
+  }
+  const params = {
+    src,
+    width: w
+  };
+  if (height) {
+    const h = parseInt(height, 10);
+    if (!isNaN(h) && h > 0 && h <= MAX_DIMENSION) {
+      params.height = h;
+    }
+  }
+  if (quality) {
+    const q = parseInt(quality, 10);
+    if (!isNaN(q) && q >= 1 && q <= 100) {
+      params.quality = q;
+    }
+  }
+  if (format) {
+    const f = format.toLowerCase();
+    if (f === "auto" || SUPPORTED_OUTPUT_FORMATS.includes(f)) {
+      params.format = f;
+    }
+  }
+  return params;
+}
+function getBestFormat(accept, params, config) {
+  if (params.format && params.format !== "auto") {
+    return params.format;
+  }
+  if (accept) {
+    if (config.formats?.avif && accept.includes("image/avif")) {
+      return "avif";
+    }
+    if (config.formats?.webp !== false && accept.includes("image/webp")) {
+      return "webp";
+    }
+  }
+  return config.formats?.webp !== false ? "webp" : "jpeg";
+}
+function isSourceAllowed(src, config) {
+  if (src.startsWith("/") || src.startsWith("./")) {
+    return true;
+  }
+  try {
+    const url = new URL(src);
+    if (config.dangerouslyAllowAllRemote) {
+      return true;
+    }
+    return matchesRemotePattern(url, config.remotePatterns, config.domains);
+  } catch {
+    return true;
+  }
+}
+function createImageMiddleware(options) {
+  const config = validateConfig(options.config);
+  const processor = createImageProcessor(options.config);
+  const pathPrefix = config.path || IMAGE_PATH_PREFIX;
+  let cache = null;
+  if (options.cache !== false) {
+    cache = new TwoTierCache({
+      memory: {
+        maxItems: 100,
+        maxSize: 50 * 1024 * 1024
+      },
+      disk: {
+        dir: join5(options.root, options.cacheDir || CACHE_DIR, "runtime"),
+        maxSize: 500 * 1024 * 1024,
+        ttl: 7 * 24 * 60 * 60 * 1000
+      }
+    });
+  }
+  return async (request, context, next) => {
+    const url = new URL(request.url);
+    if (!url.pathname.startsWith(pathPrefix)) {
+      return next();
+    }
+    if (request.method !== "GET") {
+      return new Response("Method not allowed", { status: 405 });
+    }
+    const params = parseQueryParams(url);
+    if (!params) {
+      return new Response("Invalid parameters. Required: src, w", { status: 400 });
+    }
+    if (!isSourceAllowed(params.src, config)) {
+      return new Response("Source not allowed", { status: 403 });
+    }
+    const accept = request.headers.get("Accept");
+    const format = getBestFormat(accept, params, config);
+    params.format = format;
+    const cacheKey = generateCacheKey(params);
+    if (cache) {
+      const cached = await cache.get(cacheKey);
+      if (cached) {
+        return createImageResponse(cached, format, true);
+      }
+    }
+    try {
+      let sourceBuffer;
+      if (params.src.startsWith("http://") || params.src.startsWith("https://")) {
+        const response = await fetch(params.src);
+        if (!response.ok) {
+          return new Response("Failed to fetch source image", { status: 502 });
+        }
+        sourceBuffer = Buffer.from(await response.arrayBuffer());
+      } else {
+        const localPath = params.src.startsWith("/") ? join5(options.root, "public", params.src) : join5(options.root, params.src);
+        try {
+          sourceBuffer = await readFile5(localPath);
+        } catch (error) {
+          return new Response("Source image not found", { status: 404 });
+        }
+      }
+      const processed = await processor.process(sourceBuffer, params);
+      if (cache) {
+        await cache.set(cacheKey, processed.buffer);
+      }
+      return createImageResponse(processed.buffer, format, false);
+    } catch (error) {
+      console.error("Image processing error:", error);
+      return new Response("Image processing failed", { status: 500 });
+    }
+  };
+}
+function createImageResponse(buffer, format, cached) {
+  const contentType = FORMAT_MIME_TYPES[format] || "application/octet-stream";
+  const headers = new Headers({
+    "Content-Type": contentType,
+    "Content-Length": buffer.length.toString(),
+    "Cache-Control": "public, max-age=31536000, immutable",
+    Vary: "Accept"
+  });
+  if (cached) {
+    headers.set("X-Cache", "HIT");
+  } else {
+    headers.set("X-Cache", "MISS");
+  }
+  return new Response(new Uint8Array(buffer), {
+    status: 200,
+    headers
+  });
+}
+function imageMiddleware(options) {
+  const handler = createImageMiddleware(options);
+  return async (request, context, next) => {
+    return handler(request, context, next);
+  };
+}
+
+// src/plugin.ts
+var VIRTUAL_PREFIX = "\x00ereo-image:";
+function imagesPlugin(options = {}) {
+  const config = validateConfig(options);
+  let state = null;
+  return {
+    name: "ereo:images",
+    async setup(context) {
+      const { root, mode } = context;
+      const processor = createImageProcessor(config);
+      const outDir = join6(root, config.cacheDir || CACHE_DIR);
+      const manifest = createManifestManager(outDir);
+      await manifest.load();
+      state = {
+        root,
+        mode,
+        config,
+        processor,
+        manifest,
+        processedImages: new Map
+      };
+      console.log(`  @ereo/plugin-images initialized (${mode} mode)`);
+    },
+    resolveId(id) {
+      if (!state)
+        return null;
+      const ext = extname4(id).slice(1).toLowerCase();
+      if (SUPPORTED_INPUT_FORMATS.includes(ext)) {
+        const isAbsolute = id.startsWith("/") || id.startsWith(state.root);
+        const fullPath = isAbsolute ? id : join6(state.root, id);
+        return `${VIRTUAL_PREFIX}${fullPath}`;
+      }
+      return null;
+    },
+    async load(id) {
+      if (!state)
+        return null;
+      if (!id.startsWith(VIRTUAL_PREFIX)) {
+        return null;
+      }
+      const imagePath = id.slice(VIRTUAL_PREFIX.length);
+      try {
+        let imageData = state.processedImages.get(imagePath);
+        if (!imageData) {
+          const buffer = await readFile6(imagePath);
+          const metadata = await state.processor.getMetadata(buffer);
+          let blurDataURL;
+          let dominantColor;
+          if (state.config.generateBlurPlaceholder) {
+            try {
+              const blur = await state.processor.generateBlur(buffer);
+              blurDataURL = blur.dataURL;
+            } catch {}
+          }
+          if (state.config.extractDominantColor) {
+            try {
+              const colors = await state.processor.extractColor(buffer);
+              dominantColor = colors.dominant;
+            } catch {}
+          }
+          const relativePath = relative3(state.root, imagePath);
+          const publicPath = relativePath.startsWith("public/") ? `/${relativePath.slice("public/".length)}` : `/${relativePath}`;
+          imageData = {
+            src: publicPath,
+            width: metadata.width,
+            height: metadata.height,
+            blurDataURL,
+            dominantColor,
+            type: `image/${metadata.format}`
+          };
+          state.processedImages.set(imagePath, imageData);
+        }
+        return `export default ${JSON.stringify(imageData, null, 2)};`;
+      } catch (error) {
+        console.error(`Failed to process image: ${imagePath}`, error);
+        return null;
+      }
+    },
+    async transform(code, id) {
+      return null;
+    },
+    async configureServer(server) {
+      if (!state)
+        return;
+      server.middlewares.push(imageMiddleware({
+        root: state.root,
+        config: state.config,
+        cache: true,
+        cacheDir: state.config.cacheDir
+      }));
+      console.log(`  Image optimization endpoint: ${state.config.path || IMAGE_PATH_PREFIX}`);
+    },
+    async buildStart() {
+      if (!state)
+        return;
+      if (state.mode === "production") {
+        const outDir = join6(state.root, ".ereo", "public");
+        state.optimizer = createBuildOptimizer({
+          root: state.root,
+          outDir,
+          config: state.config,
+          scanDirs: ["public", "app/assets", "assets"],
+          onProgress: (current, total, file) => {
+            process.stdout.write(`\r  Processing images: ${current}/${total} - ${file}`);
+          }
+        });
+        const result = await state.optimizer.run();
+        process.stdout.write("\r" + " ".repeat(80) + "\r");
+        console.log(`  Processed ${result.processed} images (${result.skipped} skipped)`);
+        console.log(`  Generated ${result.variants} variants (${formatBytes(result.totalSize)})`);
+        if (result.errors.length > 0) {
+          console.warn(`  ${result.errors.length} errors during image processing`);
+          result.errors.forEach(({ file, error }) => {
+            console.warn(`    - ${file}: ${error}`);
+          });
+        }
+      }
+    },
+    async buildEnd() {
+      if (!state)
+        return;
+      await state.manifest.save();
+      const imageCount = state.processedImages.size;
+      if (imageCount > 0) {
+        console.log(`  ${imageCount} images with metadata generated`);
+      }
+    }
+  };
+}
+function formatBytes(bytes) {
+  if (bytes === 0)
+    return "0 B";
+  const k = 1024;
+  const sizes = ["B", "KB", "MB", "GB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i];
+}
+export {
+  validateConfig,
+  rgbToHex,
+  optimizeImages,
+  matchesRemotePattern,
+  imagesPlugin,
+  imageMiddleware,
+  hexToRgb,
+  getSizesForWidth,
+  getContrastColor,
+  getAllSizes,
+  generateShimmerSVG,
+  generateShimmerDataURL,
+  generateCacheKey,
+  generateBlurPlaceholder,
+  extractDominantColor,
+  imagesPlugin as default,
+  createSharpProcessor,
+  createManifestManager,
+  createImageProcessor,
+  createImageMiddleware,
+  createBuildOptimizer,
+  TwoTierCache,
+  SharpProcessor,
+  SUPPORTED_OUTPUT_FORMATS,
+  SUPPORTED_INPUT_FORMATS,
+  Picture,
+  MemoryCache,
+  MAX_DIMENSION,
+  ImageProcessor,
+  ImageManifestManager,
+  Image,
+  IMAGE_PATH_PREFIX,
+  FORMAT_MIME_TYPES,
+  DiskCache,
+  DEFAULT_QUALITY,
+  DEFAULT_IMAGE_SIZES,
+  DEFAULT_DEVICE_SIZES3 as DEFAULT_DEVICE_SIZES,
+  ConfigValidationError,
+  BuildOptimizer
+};