@manamerge/mana-atomic-ui 0.0.76 → 0.0.85

package/dist/index.js

@@ -3,748 +3,6 @@ import classNames from 'classnames';
 import styled, { css, keyframes } from 'styled-components';
 import { NavLink, useLocation } from 'react-router-dom';
 
-const exports = {};
-
-if (process.env.NODE_ENV !== "production") {
-  (function() {
-
-// ATTENTION
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-
-var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map; // We never remove these associations.
-// It's OK to reference families, but use WeakMap/Set for types.
-
-var allFamiliesByID = new Map();
-var allFamiliesByType = new PossiblyWeakMap();
-var allSignaturesByType = new PossiblyWeakMap(); // This WeakMap is read by React, so we only put families
-// that have actually been edited here. This keeps checks fast.
-// $FlowIssue
-
-var updatedFamiliesByType = new PossiblyWeakMap(); // This is cleared on every performReactRefresh() call.
-// It is an array of [Family, NextType] tuples.
-
-var pendingUpdates = []; // This is injected by the renderer via DevTools global hook.
-
-var helpersByRendererID = new Map();
-var helpersByRoot = new Map(); // We keep track of mounted roots so we can schedule updates.
-
-var mountedRoots = new Set(); // If a root captures an error, we remember it so we can retry on edit.
-
-var failedRoots = new Set(); // In environments that support WeakMap, we also remember the last element for every root.
-// It needs to be weak because we do this even for roots that failed to mount.
-// If there is no WeakMap, we won't attempt to do retrying.
-// $FlowIssue
-
-var rootElements = // $FlowIssue
-typeof WeakMap === 'function' ? new WeakMap() : null;
-var isPerformingRefresh = false;
-
-function computeFullKey(signature) {
-  if (signature.fullKey !== null) {
-    return signature.fullKey;
-  }
-
-  var fullKey = signature.ownKey;
-  var hooks;
-
-  try {
-    hooks = signature.getCustomHooks();
-  } catch (err) {
-    // This can happen in an edge case, e.g. if expression like Foo.useSomething
-    // depends on Foo which is lazily initialized during rendering.
-    // In that case just assume we'll have to remount.
-    signature.forceReset = true;
-    signature.fullKey = fullKey;
-    return fullKey;
-  }
-
-  for (var i = 0; i < hooks.length; i++) {
-    var hook = hooks[i];
-
-    if (typeof hook !== 'function') {
-      // Something's wrong. Assume we need to remount.
-      signature.forceReset = true;
-      signature.fullKey = fullKey;
-      return fullKey;
-    }
-
-    var nestedHookSignature = allSignaturesByType.get(hook);
-
-    if (nestedHookSignature === undefined) {
-      // No signature means Hook wasn't in the source code, e.g. in a library.
-      // We'll skip it because we can assume it won't change during this session.
-      continue;
-    }
-
-    var nestedHookKey = computeFullKey(nestedHookSignature);
-
-    if (nestedHookSignature.forceReset) {
-      signature.forceReset = true;
-    }
-
-    fullKey += '\n---\n' + nestedHookKey;
-  }
-
-  signature.fullKey = fullKey;
-  return fullKey;
-}
-
-function haveEqualSignatures(prevType, nextType) {
-  var prevSignature = allSignaturesByType.get(prevType);
-  var nextSignature = allSignaturesByType.get(nextType);
-
-  if (prevSignature === undefined && nextSignature === undefined) {
-    return true;
-  }
-
-  if (prevSignature === undefined || nextSignature === undefined) {
-    return false;
-  }
-
-  if (computeFullKey(prevSignature) !== computeFullKey(nextSignature)) {
-    return false;
-  }
-
-  if (nextSignature.forceReset) {
-    return false;
-  }
-
-  return true;
-}
-
-function isReactClass(type) {
-  return type.prototype && type.prototype.isReactComponent;
-}
-
-function canPreserveStateBetween(prevType, nextType) {
-  if (isReactClass(prevType) || isReactClass(nextType)) {
-    return false;
-  }
-
-  if (haveEqualSignatures(prevType, nextType)) {
-    return true;
-  }
-
-  return false;
-}
-
-function resolveFamily(type) {
-  // Only check updated types to keep lookups fast.
-  return updatedFamiliesByType.get(type);
-} // If we didn't care about IE11, we could use new Map/Set(iterable).
-
-
-function cloneMap(map) {
-  var clone = new Map();
-  map.forEach(function (value, key) {
-    clone.set(key, value);
-  });
-  return clone;
-}
-
-function cloneSet(set) {
-  var clone = new Set();
-  set.forEach(function (value) {
-    clone.add(value);
-  });
-  return clone;
-} // This is a safety mechanism to protect against rogue getters and Proxies.
-
-
-function getProperty(object, property) {
-  try {
-    return object[property];
-  } catch (err) {
-    // Intentionally ignore.
-    return undefined;
-  }
-}
-
-function performReactRefresh() {
-
-  if (pendingUpdates.length === 0) {
-    return null;
-  }
-
-  if (isPerformingRefresh) {
-    return null;
-  }
-
-  isPerformingRefresh = true;
-
-  try {
-    var staleFamilies = new Set();
-    var updatedFamilies = new Set();
-    var updates = pendingUpdates;
-    pendingUpdates = [];
-    updates.forEach(function (_ref) {
-      var family = _ref[0],
-          nextType = _ref[1];
-      // Now that we got a real edit, we can create associations
-      // that will be read by the React reconciler.
-      var prevType = family.current;
-      updatedFamiliesByType.set(prevType, family);
-      updatedFamiliesByType.set(nextType, family);
-      family.current = nextType; // Determine whether this should be a re-render or a re-mount.
-
-      if (canPreserveStateBetween(prevType, nextType)) {
-        updatedFamilies.add(family);
-      } else {
-        staleFamilies.add(family);
-      }
-    }); // TODO: rename these fields to something more meaningful.
-
-    var update = {
-      updatedFamilies: updatedFamilies,
-      // Families that will re-render preserving state
-      staleFamilies: staleFamilies // Families that will be remounted
-
-    };
-    helpersByRendererID.forEach(function (helpers) {
-      // Even if there are no roots, set the handler on first update.
-      // This ensures that if *new* roots are mounted, they'll use the resolve handler.
-      helpers.setRefreshHandler(resolveFamily);
-    });
-    var didError = false;
-    var firstError = null; // We snapshot maps and sets that are mutated during commits.
-    // If we don't do this, there is a risk they will be mutated while
-    // we iterate over them. For example, trying to recover a failed root
-    // may cause another root to be added to the failed list -- an infinite loop.
-
-    var failedRootsSnapshot = cloneSet(failedRoots);
-    var mountedRootsSnapshot = cloneSet(mountedRoots);
-    var helpersByRootSnapshot = cloneMap(helpersByRoot);
-    failedRootsSnapshot.forEach(function (root) {
-      var helpers = helpersByRootSnapshot.get(root);
-
-      if (helpers === undefined) {
-        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.');
-      }
-
-      if (!failedRoots.has(root)) {// No longer failed.
-      }
-
-      if (rootElements === null) {
-        return;
-      }
-
-      if (!rootElements.has(root)) {
-        return;
-      }
-
-      var element = rootElements.get(root);
-
-      try {
-        helpers.scheduleRoot(root, element);
-      } catch (err) {
-        if (!didError) {
-          didError = true;
-          firstError = err;
-        } // Keep trying other roots.
-
-      }
-    });
-    mountedRootsSnapshot.forEach(function (root) {
-      var helpers = helpersByRootSnapshot.get(root);
-
-      if (helpers === undefined) {
-        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.');
-      }
-
-      if (!mountedRoots.has(root)) {// No longer mounted.
-      }
-
-      try {
-        helpers.scheduleRefresh(root, update);
-      } catch (err) {
-        if (!didError) {
-          didError = true;
-          firstError = err;
-        } // Keep trying other roots.
-
-      }
-    });
-
-    if (didError) {
-      throw firstError;
-    }
-
-    return update;
-  } finally {
-    isPerformingRefresh = false;
-  }
-}
-function register(type, id) {
-  {
-    if (type === null) {
-      return;
-    }
-
-    if (typeof type !== 'function' && typeof type !== 'object') {
-      return;
-    } // This can happen in an edge case, e.g. if we register
-    // return value of a HOC but it returns a cached component.
-    // Ignore anything but the first registration for each type.
-
-
-    if (allFamiliesByType.has(type)) {
-      return;
-    } // Create family or remember to update it.
-    // None of this bookkeeping affects reconciliation
-    // until the first performReactRefresh() call above.
-
-
-    var family = allFamiliesByID.get(id);
-
-    if (family === undefined) {
-      family = {
-        current: type
-      };
-      allFamiliesByID.set(id, family);
-    } else {
-      pendingUpdates.push([family, type]);
-    }
-
-    allFamiliesByType.set(type, family); // Visit inner types because we might not have registered them.
-
-    if (typeof type === 'object' && type !== null) {
-      switch (getProperty(type, '$$typeof')) {
-        case REACT_FORWARD_REF_TYPE:
-          register(type.render, id + '$render');
-          break;
-
-        case REACT_MEMO_TYPE:
-          register(type.type, id + '$type');
-          break;
-      }
-    }
-  }
-}
-function setSignature(type, key) {
-  var forceReset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-  var getCustomHooks = arguments.length > 3 ? arguments[3] : undefined;
-
-  {
-    if (!allSignaturesByType.has(type)) {
-      allSignaturesByType.set(type, {
-        forceReset: forceReset,
-        ownKey: key,
-        fullKey: null,
-        getCustomHooks: getCustomHooks || function () {
-          return [];
-        }
-      });
-    } // Visit inner types because we might not have signed them.
-
-
-    if (typeof type === 'object' && type !== null) {
-      switch (getProperty(type, '$$typeof')) {
-        case REACT_FORWARD_REF_TYPE:
-          setSignature(type.render, key, forceReset, getCustomHooks);
-          break;
-
-        case REACT_MEMO_TYPE:
-          setSignature(type.type, key, forceReset, getCustomHooks);
-          break;
-      }
-    }
-  }
-} // This is lazily called during first render for a type.
-// It captures Hook list at that time so inline requires don't break comparisons.
-
-function collectCustomHooksForSignature(type) {
-  {
-    var signature = allSignaturesByType.get(type);
-
-    if (signature !== undefined) {
-      computeFullKey(signature);
-    }
-  }
-}
-function getFamilyByID(id) {
-  {
-    return allFamiliesByID.get(id);
-  }
-}
-function getFamilyByType(type) {
-  {
-    return allFamiliesByType.get(type);
-  }
-}
-function findAffectedHostInstances(families) {
-  {
-    var affectedInstances = new Set();
-    mountedRoots.forEach(function (root) {
-      var helpers = helpersByRoot.get(root);
-
-      if (helpers === undefined) {
-        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.');
-      }
-
-      var instancesForRoot = helpers.findHostInstancesForRefresh(root, families);
-      instancesForRoot.forEach(function (inst) {
-        affectedInstances.add(inst);
-      });
-    });
-    return affectedInstances;
-  }
-}
-function injectIntoGlobalHook(globalObject) {
-  {
-    // For React Native, the global hook will be set up by require('react-devtools-core').
-    // That code will run before us. So we need to monkeypatch functions on existing hook.
-    // For React Web, the global hook will be set up by the extension.
-    // This will also run before us.
-    var hook = globalObject.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-    if (hook === undefined) {
-      // However, if there is no DevTools extension, we'll need to set up the global hook ourselves.
-      // Note that in this case it's important that renderer code runs *after* this method call.
-      // Otherwise, the renderer will think that there is no global hook, and won't do the injection.
-      var nextID = 0;
-      globalObject.__REACT_DEVTOOLS_GLOBAL_HOOK__ = hook = {
-        renderers: new Map(),
-        supportsFiber: true,
-        inject: function (injected) {
-          return nextID++;
-        },
-        onScheduleFiberRoot: function (id, root, children) {},
-        onCommitFiberRoot: function (id, root, maybePriorityLevel, didError) {},
-        onCommitFiberUnmount: function () {}
-      };
-    }
-
-    if (hook.isDisabled) {
-      // This isn't a real property on the hook, but it can be set to opt out
-      // of DevTools integration and associated warnings and logs.
-      // Using console['warn'] to evade Babel and ESLint
-      console['warn']('Something has shimmed the React DevTools global hook (__REACT_DEVTOOLS_GLOBAL_HOOK__). ' + 'Fast Refresh is not compatible with this shim and will be disabled.');
-      return;
-    } // Here, we just want to get a reference to scheduleRefresh.
-
-
-    var oldInject = hook.inject;
-
-    hook.inject = function (injected) {
-      var id = oldInject.apply(this, arguments);
-
-      if (typeof injected.scheduleRefresh === 'function' && typeof injected.setRefreshHandler === 'function') {
-        // This version supports React Refresh.
-        helpersByRendererID.set(id, injected);
-      }
-
-      return id;
-    }; // Do the same for any already injected roots.
-    // This is useful if ReactDOM has already been initialized.
-    // https://github.com/facebook/react/issues/17626
-
-
-    hook.renderers.forEach(function (injected, id) {
-      if (typeof injected.scheduleRefresh === 'function' && typeof injected.setRefreshHandler === 'function') {
-        // This version supports React Refresh.
-        helpersByRendererID.set(id, injected);
-      }
-    }); // We also want to track currently mounted roots.
-
-    var oldOnCommitFiberRoot = hook.onCommitFiberRoot;
-
-    var oldOnScheduleFiberRoot = hook.onScheduleFiberRoot || function () {};
-
-    hook.onScheduleFiberRoot = function (id, root, children) {
-      if (!isPerformingRefresh) {
-        // If it was intentionally scheduled, don't attempt to restore.
-        // This includes intentionally scheduled unmounts.
-        failedRoots.delete(root);
-
-        if (rootElements !== null) {
-          rootElements.set(root, children);
-        }
-      }
-
-      return oldOnScheduleFiberRoot.apply(this, arguments);
-    };
-
-    hook.onCommitFiberRoot = function (id, root, maybePriorityLevel, didError) {
-      var helpers = helpersByRendererID.get(id);
-
-      if (helpers !== undefined) {
-        helpersByRoot.set(root, helpers);
-        var current = root.current;
-        var alternate = current.alternate; // We need to determine whether this root has just (un)mounted.
-        // This logic is copy-pasted from similar logic in the DevTools backend.
-        // If this breaks with some refactoring, you'll want to update DevTools too.
-
-        if (alternate !== null) {
-          var wasMounted = alternate.memoizedState != null && alternate.memoizedState.element != null && mountedRoots.has(root);
-          var isMounted = current.memoizedState != null && current.memoizedState.element != null;
-
-          if (!wasMounted && isMounted) {
-            // Mount a new root.
-            mountedRoots.add(root);
-            failedRoots.delete(root);
-          } else if (wasMounted && isMounted) ; else if (wasMounted && !isMounted) {
-            // Unmount an existing root.
-            mountedRoots.delete(root);
-
-            if (didError) {
-              // We'll remount it on future edits.
-              failedRoots.add(root);
-            } else {
-              helpersByRoot.delete(root);
-            }
-          } else if (!wasMounted && !isMounted) {
-            if (didError) {
-              // We'll remount it on future edits.
-              failedRoots.add(root);
-            }
-          }
-        } else {
-          // Mount a new root.
-          mountedRoots.add(root);
-        }
-      } // Always call the decorated DevTools hook.
-
-
-      return oldOnCommitFiberRoot.apply(this, arguments);
-    };
-  }
-}
-function hasUnrecoverableErrors() {
-  // TODO: delete this after removing dependency in RN.
-  return false;
-} // Exposed for testing.
-
-function _getMountedRootCount() {
-  {
-    return mountedRoots.size;
-  }
-} // This is a wrapper over more primitive functions for setting signature.
-// Signatures let us decide whether the Hook order has changed on refresh.
-//
-// This function is intended to be used as a transform target, e.g.:
-// var _s = createSignatureFunctionForTransform()
-//
-// function Hello() {
-//   const [foo, setFoo] = useState(0);
-//   const value = useCustomHook();
-//   _s(); /* Call without arguments triggers collecting the custom Hook list.
-//          * This doesn't happen during the module evaluation because we
-//          * don't want to change the module order with inline requires.
-//          * Next calls are noops. */
-//   return <h1>Hi</h1>;
-// }
-//
-// /* Call with arguments attaches the signature to the type: */
-// _s(
-//   Hello,
-//   'useState{[foo, setFoo]}(0)',
-//   () => [useCustomHook], /* Lazy to avoid triggering inline requires */
-// );
-
-function createSignatureFunctionForTransform() {
-  {
-    var savedType;
-    var hasCustomHooks;
-    var didCollectHooks = false;
-    return function (type, key, forceReset, getCustomHooks) {
-      if (typeof key === 'string') {
-        // We're in the initial phase that associates signatures
-        // with the functions. Note this may be called multiple times
-        // in HOC chains like _s(hoc1(_s(hoc2(_s(actualFunction))))).
-        if (!savedType) {
-          // We're in the innermost call, so this is the actual type.
-          savedType = type;
-          hasCustomHooks = typeof getCustomHooks === 'function';
-        } // Set the signature for all types (even wrappers!) in case
-        // they have no signatures of their own. This is to prevent
-        // problems like https://github.com/facebook/react/issues/20417.
-
-
-        if (type != null && (typeof type === 'function' || typeof type === 'object')) {
-          setSignature(type, key, forceReset, getCustomHooks);
-        }
-
-        return type;
-      } else {
-        // We're in the _s() call without arguments, which means
-        // this is the time to collect custom Hook signatures.
-        // Only do this once. This path is hot and runs *inside* every render!
-        if (!didCollectHooks && hasCustomHooks) {
-          didCollectHooks = true;
-          collectCustomHooksForSignature(savedType);
-        }
-      }
-    };
-  }
-}
-function isLikelyComponentType(type) {
-  {
-    switch (typeof type) {
-      case 'function':
-        {
-          // First, deal with classes.
-          if (type.prototype != null) {
-            if (type.prototype.isReactComponent) {
-              // React class.
-              return true;
-            }
-
-            var ownNames = Object.getOwnPropertyNames(type.prototype);
-
-            if (ownNames.length > 1 || ownNames[0] !== 'constructor') {
-              // This looks like a class.
-              return false;
-            } // eslint-disable-next-line no-proto
-
-
-            if (type.prototype.__proto__ !== Object.prototype) {
-              // It has a superclass.
-              return false;
-            } // Pass through.
-            // This looks like a regular function with empty prototype.
-
-          } // For plain functions and arrows, use name as a heuristic.
-
-
-          var name = type.name || type.displayName;
-          return typeof name === 'string' && /^[A-Z]/.test(name);
-        }
-
-      case 'object':
-        {
-          if (type != null) {
-            switch (getProperty(type, '$$typeof')) {
-              case REACT_FORWARD_REF_TYPE:
-              case REACT_MEMO_TYPE:
-                // Definitely React components.
-                return true;
-
-              default:
-                return false;
-            }
-          }
-
-          return false;
-        }
-
-      default:
-        {
-          return false;
-        }
-    }
-  }
-}
-
-exports._getMountedRootCount = _getMountedRootCount;
-exports.collectCustomHooksForSignature = collectCustomHooksForSignature;
-exports.createSignatureFunctionForTransform = createSignatureFunctionForTransform;
-exports.findAffectedHostInstances = findAffectedHostInstances;
-exports.getFamilyByID = getFamilyByID;
-exports.getFamilyByType = getFamilyByType;
-exports.hasUnrecoverableErrors = hasUnrecoverableErrors;
-exports.injectIntoGlobalHook = injectIntoGlobalHook;
-exports.isLikelyComponentType = isLikelyComponentType;
-exports.performReactRefresh = performReactRefresh;
-exports.register = register;
-exports.setSignature = setSignature;
-  })();
-}
-
-function debounce(fn, delay) {
-  let handle;
-  return () => {
-    clearTimeout(handle);
-    handle = setTimeout(fn, delay);
-  }
-}
-
-/* eslint-disable no-undef */
-const hooks = [];
-window.__registerBeforePerformReactRefresh = (cb) => {
-  hooks.push(cb);
-};
-const enqueueUpdate = debounce(async () => {
-  if (hooks.length) await Promise.all(hooks.map((cb) => cb()));
-  exports.performReactRefresh();
-}, 16);
-
-// Taken from https://github.com/pmmmwh/react-refresh-webpack-plugin/blob/main/lib/runtime/RefreshUtils.js#L141
-// This allows to resister components not detected by SWC like styled component
-function registerExportsForReactRefresh(filename, moduleExports) {
-  for (const key in moduleExports) {
-    if (key === '__esModule') continue
-    const exportValue = moduleExports[key];
-    if (exports.isLikelyComponentType(exportValue)) {
-      // 'export' is required to avoid key collision when renamed exports that
-      // shadow a local component name: https://github.com/vitejs/vite-plugin-react/issues/116
-      // The register function has an identity check to not register twice the same component,
-      // so this is safe to not used the same key here.
-      exports.register(exportValue, filename + ' export ' + key);
-    }
-  }
-}
-
-function validateRefreshBoundaryAndEnqueueUpdate(id, prevExports, nextExports) {
-  const ignoredExports = window.__getReactRefreshIgnoredExports?.({ id }) ?? [];
-  if (
-    predicateOnExport(
-      ignoredExports,
-      prevExports,
-      (key) => key in nextExports,
-    ) !== true
-  ) {
-    return 'Could not Fast Refresh (export removed)'
-  }
-  if (
-    predicateOnExport(
-      ignoredExports,
-      nextExports,
-      (key) => key in prevExports,
-    ) !== true
-  ) {
-    return 'Could not Fast Refresh (new export)'
-  }
-
-  let hasExports = false;
-  const allExportsAreComponentsOrUnchanged = predicateOnExport(
-    ignoredExports,
-    nextExports,
-    (key, value) => {
-      hasExports = true;
-      if (exports.isLikelyComponentType(value)) return true
-      return prevExports[key] === nextExports[key]
-    },
-  );
-  if (hasExports && allExportsAreComponentsOrUnchanged === true) {
-    enqueueUpdate();
-  } else {
-    return `Could not Fast Refresh ("${allExportsAreComponentsOrUnchanged}" export is incompatible). Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#consistent-components-exports`
-  }
-}
-
-function predicateOnExport(ignoredExports, moduleExports, predicate) {
-  for (const key in moduleExports) {
-    if (key === '__esModule') continue
-    if (ignoredExports.includes(key)) continue
-    const desc = Object.getOwnPropertyDescriptor(moduleExports, key);
-    if (desc && desc.get) return key
-    if (!predicate(key, moduleExports[key])) return key
-  }
-  return true
-}
-
-// Hides vite-ignored dynamic import so that Vite can skip analysis if no other
-// dynamic import is present (https://github.com/vitejs/vite/pull/12732)
-function __hmr_import(module) {
-  return import(/* @vite-ignore */ module)
-}
-
-exports.__hmr_import = __hmr_import;
-exports.registerExportsForReactRefresh = registerExportsForReactRefresh;
-exports.validateRefreshBoundaryAndEnqueueUpdate =
-  validateRefreshBoundaryAndEnqueueUpdate;
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -887,112 +145,24 @@ const ImgStyle = styled.svg `
     height: 1em;
 `;
 
-const inWebWorker$b = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$b;let prevRefreshSig$b;if (import.meta.hot && !inWebWorker$b) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$b = window.$RefreshReg$;  prevRefreshSig$b = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Button/Button.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Button = _a => {
-  var {
-      variant,
-      disabled = false,
-      image,
-      opacity = "0",
-      background,
-      alt,
-      children,
-      onClick,
-      type = "submit",
-      color,
-      altColor,
-      frame,
-      border,
-      text,
-      fill,
-      effects,
-      padding,
-      flexbox,
-      cursor,
-      margin,
-      display,
-      radius,
-      fontWeight,
-      letterSpacing,
-      shadow,
-      transition,
-      width,
-      height,
-      gap,
-      align
-    } = _a,
-    props = __rest(_a, ["variant", "disabled", "image", "opacity", "background", "alt", "children", "onClick", "type", "color", "altColor", "frame", "border", "text", "fill", "effects", "padding", "flexbox", "cursor", "margin", "display", "radius", "fontWeight", "letterSpacing", "shadow", "transition", "width", "height", "gap", "align"]);
-  // Log a warning if both `children` and `alt` are missing for accessibility
-  if (!children && !alt) {
-    console.error(`Provide either "children" or "alt" property to the Button.`);
-  }
-  return React.createElement(ButtonStyle, Object.assign({
-    disabled: disabled,
-    className: classNames("Button", variant),
-    variant: "Button-" + variant,
-    type: type,
-    "aria-label": alt || "",
-    background: background,
-    color: color,
-    opacity: opacity,
-    altColor: altColor,
-    frame: frame,
-    border: border,
-    text: text,
-    fill: fill,
-    effects: effects,
-    padding: padding,
-    flexbox: flexbox,
-    cursor: cursor,
-    margin: margin,
-    display: display,
-    radius: radius,
-    fontWeight: fontWeight,
-    letterSpacing: letterSpacing,
-    shadow: shadow,
-    transition: transition,
-    width: width,
-    height: height,
-    gap: gap,
-    align: align,
-    onClick: e => {
-      if (!disabled && onClick) {
-        onClick(e);
-      }
+const Button = (_a) => {
+    var { variant, disabled = false, image, opacity = "0", background, alt, children, onClick, type = "submit", color, altColor, frame, border, text, fill, effects, padding, flexbox, cursor, margin, display, radius, fontWeight, letterSpacing, shadow, transition, width, height, gap, align } = _a, props = __rest(_a, ["variant", "disabled", "image", "opacity", "background", "alt", "children", "onClick", "type", "color", "altColor", "frame", "border", "text", "fill", "effects", "padding", "flexbox", "cursor", "margin", "display", "radius", "fontWeight", "letterSpacing", "shadow", "transition", "width", "height", "gap", "align"]);
+    // Log a warning if both `children` and `alt` are missing for accessibility
+    if (!children && !alt) {
+        console.error(`Provide either "children" or "alt" property to the Button.`);
     }
-  }, props), image && React.createElement(ImgStyle, {
-    viewBox: "0 0 100 100"
-  }, React.createElement("defs", null, React.createElement("mask", {
-    id: `${image}-mask`
-  }, React.createElement("image", {
-    xlinkHref: image,
-    width: "100",
-    height: "100"
-  }))), React.createElement("rect", {
-    width: "100",
-    height: "100",
-    style: {
-      fill: "var(--alt-color, currentColor)"
-    },
-    mask: `url(#${image}-mask)`
-  })), children);
+    return (React.createElement(ButtonStyle, Object.assign({ disabled: disabled, className: classNames("Button", variant), variant: "Button-" + variant, type: type, "aria-label": alt || "", background: background, color: color, opacity: opacity, altColor: altColor, frame: frame, border: border, text: text, fill: fill, effects: effects, padding: padding, flexbox: flexbox, cursor: cursor, margin: margin, display: display, radius: radius, fontWeight: fontWeight, letterSpacing: letterSpacing, shadow: shadow, transition: transition, width: width, height: height, gap: gap, align: align, onClick: (e) => {
+            if (!disabled && onClick) {
+                onClick(e);
+            }
+        } }, props),
+        image && (React.createElement(ImgStyle, { viewBox: "0 0 100 100" },
+            React.createElement("defs", null,
+                React.createElement("mask", { id: `${image}-mask` },
+                    React.createElement("image", { xlinkHref: image, width: "100", height: "100" }))),
+            React.createElement("rect", { width: "100", height: "100", style: { fill: "var(--alt-color, currentColor)" }, mask: `url(#${image}-mask)` }))),
+        children));
 };
-_c$b = Button;
-var _c$b;
-$RefreshReg$(_c$b, "Button");
-if (import.meta.hot && !inWebWorker$b) {
-  window.$RefreshReg$ = prevRefreshReg$b;
-  window.$RefreshSig$ = prevRefreshSig$b;
-}
-if (import.meta.hot && !inWebWorker$b) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Button/Button.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Button/Button.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const TextContainer = styled.p `
     ${(_a) => {
@@ -1027,54 +197,14 @@ const TextContainerLabel = styled.label `
 }};
 `;
 
-const inWebWorker$a = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$a;let prevRefreshSig$a;if (import.meta.hot && !inWebWorker$a) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$a = window.$RefreshReg$;  prevRefreshSig$a = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Text/Text.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Text = _a => {
-  var {
-      variant,
-      children,
-      htmlFor,
-      margin,
-      color,
-      fontSize,
-      lineHeight,
-      fontWeight,
-      tag,
-      onClick
-    } = _a,
-    props = __rest(_a, ["variant", "children", "htmlFor", "margin", "color", "fontSize", "lineHeight", "fontWeight", "tag", "onClick"]);
-  // Determine which component to use
-  const Wrapper = htmlFor ? TextContainerLabel : TextContainer;
-  return React.createElement(Wrapper, Object.assign({
-    as: tag,
-    className: classNames("Text-", variant),
-    variant: "Text-" + variant,
-    htmlFor: htmlFor,
-    style: {
-      margin,
-      color,
-      fontSize,
-      lineHeight,
-      fontWeight
-    },
-    onClick: onClick
-  }, props), children);
+const Text = (_a) => {
+    var { variant, children, htmlFor, margin, color, fontSize, lineHeight, fontWeight, tag, onClick } = _a, props = __rest(_a, ["variant", "children", "htmlFor", "margin", "color", "fontSize", "lineHeight", "fontWeight", "tag", "onClick"]);
+    // Determine which component to use
+    const Wrapper = htmlFor
+        ? TextContainerLabel
+        : TextContainer;
+    return (React.createElement(Wrapper, Object.assign({ as: tag, className: classNames("Text-", variant), variant: "Text-" + variant, htmlFor: htmlFor, style: { margin, color, fontSize, lineHeight, fontWeight }, onClick: onClick }, props), children));
 };
-_c$a = Text;
-var _c$a;
-$RefreshReg$(_c$a, "Text");
-if (import.meta.hot && !inWebWorker$a) {
-  window.$RefreshReg$ = prevRefreshReg$a;
-  window.$RefreshSig$ = prevRefreshSig$a;
-}
-if (import.meta.hot && !inWebWorker$a) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Text/Text.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Text/Text.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const HeadingContainer = styled.h1 `
     ${({ variant = "h1", theme, margin, fontSize, fontWeight, lineHeight, color }) => {
@@ -1108,45 +238,10 @@ const HeadingContainer = styled.h1 `
 }}
 `;
 
-const inWebWorker$9 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$9;let prevRefreshSig$9;if (import.meta.hot && !inWebWorker$9) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$9 = window.$RefreshReg$;  prevRefreshSig$9 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Heading/Heading.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Heading = _a => {
-  var {
-      variant,
-      children,
-      margin,
-      color,
-      fontSize,
-      lineHeight,
-      fontWeight
-    } = _a,
-    props = __rest(_a, ["variant", "children", "margin", "color", "fontSize", "lineHeight", "fontWeight"]);
-  return React.createElement(HeadingContainer, Object.assign({
-    className: classNames("Heading-", variant),
-    variant: "Heading-" + variant,
-    as: variant,
-    margin: margin,
-    color: color,
-    fontSize: fontSize,
-    lineHeight: lineHeight,
-    fontWeight: fontWeight
-  }, props), children);
+const Heading = (_a) => {
+    var { variant, children, margin, color, fontSize, lineHeight, fontWeight } = _a, props = __rest(_a, ["variant", "children", "margin", "color", "fontSize", "lineHeight", "fontWeight"]);
+    return (React.createElement(HeadingContainer, Object.assign({ className: classNames("Heading-", variant), variant: "Heading-" + variant, as: variant, margin: margin, color: color, fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight }, props), children));
 };
-_c$9 = Heading;
-var _c$9;
-$RefreshReg$(_c$9, "Heading");
-if (import.meta.hot && !inWebWorker$9) {
-  window.$RefreshReg$ = prevRefreshReg$9;
-  window.$RefreshSig$ = prevRefreshSig$9;
-}
-if (import.meta.hot && !inWebWorker$9) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Heading/Heading.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Heading/Heading.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const StyledSvg = styled.svg `
     ${(_a) => {
@@ -1168,57 +263,14 @@ const StyledSvg = styled.svg `
 }}
 `;
 
-const inWebWorker$8 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$8;let prevRefreshSig$8;if (import.meta.hot && !inWebWorker$8) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$8 = window.$RefreshReg$;  prevRefreshSig$8 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Icon/Icon.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Icon = _a => {
-  var {
-      variant,
-      svg: SvgIcon,
-      color,
-      size,
-      stroke,
-      hoverColor,
-      hoverStroke,
-      onClick,
-      onKeyDown,
-      tabIndex,
-      role
-    } = _a,
-    props = __rest(_a, ["variant", "svg", "color", "size", "stroke", "hoverColor", "hoverStroke", "onClick", "onKeyDown", "tabIndex", "role"]);
-  if (!SvgIcon) {
-    console.error("No SVG provided to the Icon component.");
-    return null;
-  }
-  return React.createElement(StyledSvg, Object.assign({
-    className: classNames("Icon-" + variant),
-    variant: "Icon-" + variant,
-    as: SvgIcon,
-    size: size,
-    color: color,
-    stroke: stroke,
-    hoverColor: hoverColor,
-    hoverStroke: hoverStroke,
-    onClick: onClick,
-    onKeyDown: onKeyDown,
-    tabIndex: tabIndex,
-    role: role
-  }, props));
+const Icon = (_a) => {
+    var { variant, svg: SvgIcon, color, size, stroke, hoverColor, hoverStroke, onClick, onKeyDown, tabIndex, role } = _a, props = __rest(_a, ["variant", "svg", "color", "size", "stroke", "hoverColor", "hoverStroke", "onClick", "onKeyDown", "tabIndex", "role"]);
+    if (!SvgIcon) {
+        console.error("No SVG provided to the Icon component.");
+        return null;
+    }
+    return (React.createElement(StyledSvg, Object.assign({ className: classNames("Icon-" + variant), variant: "Icon-" + variant, as: SvgIcon, size: size, color: color, stroke: stroke, hoverColor: hoverColor, hoverStroke: hoverStroke, onClick: onClick, onKeyDown: onKeyDown, tabIndex: tabIndex, role: role }, props)));
 };
-_c$8 = Icon;
-var _c$8;
-$RefreshReg$(_c$8, "Icon");
-if (import.meta.hot && !inWebWorker$8) {
-  window.$RefreshReg$ = prevRefreshReg$8;
-  window.$RefreshSig$ = prevRefreshSig$8;
-}
-if (import.meta.hot && !inWebWorker$8) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Icon/Icon.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Icon/Icon.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const StyledLink$2 = styled.a `
     ${({ variant = "regular", theme, underline, hoverUnderline, color, hoverColor, fontSize, lineHeight, fontWeight }) => {
@@ -1256,59 +308,23 @@ const StyledLink$2 = styled.a `
 }};
 `;
 
-const inWebWorker$7 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$7;let prevRefreshSig$7;if (import.meta.hot && !inWebWorker$7) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$7 = window.$RefreshReg$;  prevRefreshSig$7 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Link/Link.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Link = _a => {
-  var {
-      variant,
-      to,
-      href,
-      children,
-      target,
-      fontSize,
-      lineHeight,
-      fontWeight,
-      as
-    } = _a,
-    props = __rest(_a, ["variant", "to", "href", "children", "target", "fontSize", "lineHeight", "fontWeight", "as"]);
-  const isExternal = href && /^https?:\/\//.test(href);
-  if (!isExternal && href && !to) {
-    console.warn("A Link with an internal href should use the `to` prop instead for client-side routing.");
-  }
-  // Determine what component to render
-  const Component = to ? NavLink : as || "a";
-  const componentProps = to ? {
-    to
-  } // Use react-router-dom's `to` prop
-  : {
-    href,
-    target,
-    rel: target === "_blank" ? "noopener noreferrer" : undefined
-  };
-  return React.createElement(StyledLink$2, Object.assign({
-    className: classNames("Link-" + variant),
-    variant: "Link-" + variant,
-    as: Component,
-    fontSize: fontSize,
-    lineHeight: lineHeight,
-    fontWeight: fontWeight
-  }, componentProps, props), children);
+const Link = (_a) => {
+    var { variant, to, href, children, target, fontSize, lineHeight, fontWeight, as } = _a, props = __rest(_a, ["variant", "to", "href", "children", "target", "fontSize", "lineHeight", "fontWeight", "as"]);
+    const isExternal = href && /^https?:\/\//.test(href);
+    if (!isExternal && href && !to) {
+        console.warn("A Link with an internal href should use the `to` prop instead for client-side routing.");
+    }
+    // Determine what component to render
+    const Component = to ? NavLink : as || "a";
+    const componentProps = to
+        ? { to } // Use react-router-dom's `to` prop
+        : {
+            href,
+            target,
+            rel: target === "_blank" ? "noopener noreferrer" : undefined
+        };
+    return (React.createElement(StyledLink$2, Object.assign({ className: classNames("Link-" + variant), variant: "Link-" + variant, as: Component, fontSize: fontSize, lineHeight: lineHeight, fontWeight: fontWeight }, componentProps, props), children));
 };
-_c$7 = Link;
-var _c$7;
-$RefreshReg$(_c$7, "Link");
-if (import.meta.hot && !inWebWorker$7) {
-  window.$RefreshReg$ = prevRefreshReg$7;
-  window.$RefreshSig$ = prevRefreshSig$7;
-}
-if (import.meta.hot && !inWebWorker$7) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Link/Link.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Atoms/Link/Link.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const WrapperBackground = styled.div `
     position: relative;
@@ -1459,52 +475,24 @@ const AtomIconRight = styled(Icon).attrs(({ theme }) => {
     });
 }) ``;
 
-const inWebWorker$6 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$6;let prevRefreshSig$6;if (import.meta.hot && !inWebWorker$6) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$6 = window.$RefreshReg$;  prevRefreshSig$6 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Header/Header.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const Header = ({
-  iconTop,
-  iconDot,
-  iconLeft,
-  iconRight,
-  textBanner,
-  headingTitle,
-  textTitle,
-  buttonLeftText,
-  buttonLeftClick,
-  buttonRightText,
-  buttonRightClick
-}) => {
-  return React.createElement(WrapperBackground, null, React.createElement(WrapperHeader, null, React.createElement("div", null, iconTop && React.createElement(AtomIconTop, {
-    svg: iconTop
-  }), React.createElement(WrapperLineTop, null, iconDot && React.createElement(AtomIconDot, {
-    svg: iconDot
-  }), React.createElement(AtomTextTitle, null, textBanner))), React.createElement(AtomHeading$2, null, headingTitle), React.createElement("div", null, textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => React.createElement(AtomTextTitle, {
-    key: i
-  }, text))), React.createElement(WrapperLineBottom, null, React.createElement(AtomButtonLeft, {
-    onClick: buttonLeftClick
-  }, iconLeft && React.createElement(AtomIconLeft, {
-    svg: iconLeft
-  }), React.createElement(AtomTextLeft, null, buttonLeftText)), React.createElement(AtomButtonRight, {
-    onClick: buttonRightClick
-  }, React.createElement(AtomTextRight, null, buttonRightText), iconRight && React.createElement(AtomIconRight, {
-    svg: iconRight
-  })))));
+const Header = ({ iconTop, iconDot, iconLeft, iconRight, textBanner, headingTitle, textTitle, buttonLeftText, buttonLeftClick, buttonRightText, buttonRightClick }) => {
+    return (React.createElement(WrapperBackground, null,
+        React.createElement(WrapperHeader, null,
+            React.createElement("div", null,
+                iconTop && React.createElement(AtomIconTop, { svg: iconTop }),
+                React.createElement(WrapperLineTop, null,
+                    iconDot && React.createElement(AtomIconDot, { svg: iconDot }),
+                    React.createElement(AtomTextTitle, null, textBanner))),
+            React.createElement(AtomHeading$2, null, headingTitle),
+            React.createElement("div", null, textTitle === null || textTitle === void 0 ? void 0 : textTitle.map((text, i) => (React.createElement(AtomTextTitle, { key: i }, text)))),
+            React.createElement(WrapperLineBottom, null,
+                React.createElement(AtomButtonLeft, { onClick: buttonLeftClick },
+                    iconLeft && React.createElement(AtomIconLeft, { svg: iconLeft }),
+                    React.createElement(AtomTextLeft, null, buttonLeftText)),
+                React.createElement(AtomButtonRight, { onClick: buttonRightClick },
+                    React.createElement(AtomTextRight, null, buttonRightText),
+                    iconRight && React.createElement(AtomIconRight, { svg: iconRight }))))));
 };
-_c$6 = Header;
-var _c$6;
-$RefreshReg$(_c$6, "Header");
-if (import.meta.hot && !inWebWorker$6) {
-  window.$RefreshReg$ = prevRefreshReg$6;
-  window.$RefreshSig$ = prevRefreshSig$6;
-}
-if (import.meta.hot && !inWebWorker$6) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Header/Header.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Header/Header.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const NavBar = styled.nav `
     ${({ theme }) => {
@@ -1591,63 +579,28 @@ const StyledLink$1 = styled(Link).attrs(({ theme }) => {
 }};
 `;
 
-const inWebWorker$5 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$5;let prevRefreshSig$5;if (import.meta.hot && !inWebWorker$5) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$5 = window.$RefreshReg$;  prevRefreshSig$5 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Navigation/Navigation.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}var _s$1 = $RefreshSig$();
-const Navigation = ({
-  iconBurger,
-  tabs,
-  onTabClick
-}) => {
-  _s$1();
-  const location = useLocation();
-  const currentPath = location.pathname.slice(1);
-  const [isOpen, setIsOpen] = useState(false);
-  const handleToggle = () => {
-    setIsOpen(!isOpen);
-  };
-  const handleKeyDown = event => {
-    if (event.key === "Enter" || event.key === " ") {
-      handleToggle();
-    }
-  };
-  return React.createElement(NavBar, null, React.createElement(BurgerWrapper, null, React.createElement(BurgerIcon, {
-    onClick: handleToggle,
-    onKeyDown: handleKeyDown,
-    tabIndex: 0,
-    role: "button",
-    "aria-pressed": isOpen,
-    svg: iconBurger
-  })), React.createElement(NavLinks, {
-    isOpen: isOpen
-  }, tabs.length > 0 ? tabs.map(tab => React.createElement(StyledLink$1, {
-    key: tab.label,
-    to: tab.to,
-    currentPath: tab.label === currentPath,
-    onClick: () => {
-      onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label);
-      setIsOpen(false);
-    }
-  }, tab.label)) : "no tabs available"));
+const Navigation = ({ iconBurger, tabs, onTabClick }) => {
+    const location = useLocation();
+    const currentPath = location.pathname.slice(1);
+    const [isOpen, setIsOpen] = useState(false);
+    const handleToggle = () => {
+        setIsOpen(!isOpen);
+    };
+    const handleKeyDown = (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+            handleToggle();
+        }
+    };
+    return (React.createElement(NavBar, null,
+        React.createElement(BurgerWrapper, null,
+            React.createElement(BurgerIcon, { onClick: handleToggle, onKeyDown: handleKeyDown, tabIndex: 0, role: "button", "aria-pressed": isOpen, svg: iconBurger })),
+        React.createElement(NavLinks, { isOpen: isOpen }, tabs.length > 0
+            ? tabs.map((tab) => (React.createElement(StyledLink$1, { key: tab.label, to: tab.to, currentPath: tab.label === currentPath, onClick: () => {
+                    onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(tab.label);
+                    setIsOpen(false);
+                } }, tab.label)))
+            : "no tabs available")));
 };
-_s$1(Navigation, "640POkvdQsyI48TnMAI7wFH1NDA=", false, function () {
-  return [useLocation];
-});
-_c$5 = Navigation;
-var _c$5;
-$RefreshReg$(_c$5, "Navigation");
-if (import.meta.hot && !inWebWorker$5) {
-  window.$RefreshReg$ = prevRefreshReg$5;
-  window.$RefreshSig$ = prevRefreshSig$5;
-}
-if (import.meta.hot && !inWebWorker$5) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Navigation/Navigation.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Navigation/Navigation.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 // Wrapper for the footer
 const FooterWrapper = styled.footer `
@@ -1746,49 +699,22 @@ const FooterChildren = styled(Text).attrs(({ theme }) => {
 }}
 `;
 
-const inWebWorker$4 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$4;let prevRefreshSig$4;if (import.meta.hot && !inWebWorker$4) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$4 = window.$RefreshReg$;  prevRefreshSig$4 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Footer/Footer.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}var _s = $RefreshSig$();
-const Footer = ({
-  children,
-  svg,
-  routes
-}) => {
-  _s();
-  // Memoize sorted routes to prevent redundant sorting
-  const sortedRoutes = useMemo(() => [...routes].sort((a, b) => a.order - b.order), [routes]);
-  const renderRouteLink = route => {
-    const isExternal = route.type === "external";
-    const href = isExternal ? route.url : undefined;
-    const to = !isExternal ? route.slug : undefined;
-    const target = route.blank ? "_blank" : undefined;
-    return React.createElement(StyledLink, {
-      key: route.order,
-      href: href,
-      to: to,
-      target: target
-    }, route.label, svg && React.createElement(IconFooter, {
-      svg: svg
-    }));
-  };
-  return React.createElement(FooterWrapper, null, children && React.createElement(FooterChildren, null, children), React.createElement(FooterNav, null, sortedRoutes.map(renderRouteLink)));
+const Footer = ({ children, svg, routes }) => {
+    // Memoize sorted routes to prevent redundant sorting
+    const sortedRoutes = useMemo(() => [...routes].sort((a, b) => a.order - b.order), [routes]);
+    const renderRouteLink = (route) => {
+        const isExternal = route.type === "external";
+        const href = isExternal ? route.url : undefined;
+        const to = !isExternal ? route.slug : undefined;
+        const target = route.blank ? "_blank" : undefined;
+        return (React.createElement(StyledLink, { key: route.order, href: href, to: to, target: target },
+            route.label,
+            svg && React.createElement(IconFooter, { svg: svg })));
+    };
+    return (React.createElement(FooterWrapper, null,
+        children && React.createElement(FooterChildren, null, children),
+        React.createElement(FooterNav, null, sortedRoutes.map(renderRouteLink))));
 };
-_s(Footer, "GUj55ORxHkcogIU3VfydneZ+fds=");
-_c$4 = Footer;
-var _c$4;
-$RefreshReg$(_c$4, "Footer");
-if (import.meta.hot && !inWebWorker$4) {
-  window.$RefreshReg$ = prevRefreshReg$4;
-  window.$RefreshSig$ = prevRefreshSig$4;
-}
-if (import.meta.hot && !inWebWorker$4) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Footer/Footer.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/Footer/Footer.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const CardContainer = styled.div `
     overflow: hidden;
@@ -2000,45 +926,24 @@ const CardBackgroundColor = styled.div `
 }}
 `;
 
-const inWebWorker$3 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$3;let prevRefreshSig$3;if (import.meta.hot && !inWebWorker$3) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$3 = window.$RefreshReg$;  prevRefreshSig$3 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardTeaser/CardTeaser.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const CardTeaser = ({
-  company,
-  year,
-  title,
-  checks,
-  onClick,
-  buttonName,
-  svg,
-  cardImageSrc,
-  separator
-}) => {
-  return React.createElement(CardBackgroundColor, null, React.createElement(CardContainer, null, React.createElement(LeftCardContainer, null, React.createElement(HeadingCompanyDate, null, company, " \u2022 ", year), React.createElement(HeadingTitle, null, title), separator && React.createElement(Separator, null), React.createElement(List, null, checks === null || checks === void 0 ? void 0 : checks.map((check, index) => React.createElement(ListItem, {
-    key: index
-  }, svg && React.createElement(IconCard, {
-    svg: svg
-  }), React.createElement(TextListItem, null, check)))), React.createElement(ButtonCardContainer, null, React.createElement(ButtonCard, {
-    onClick: onClick
-  }, buttonName))), React.createElement(ImageContainer, null, React.createElement(Image, {
-    src: cardImageSrc,
-    alt: "Experience"
-  }))));
+const CardTeaser = ({ company, year, title, checks, onClick, buttonName, svg, cardImageSrc, separator }) => {
+    return (React.createElement(CardBackgroundColor, null,
+        React.createElement(CardContainer, null,
+            React.createElement(LeftCardContainer, null,
+                React.createElement(HeadingCompanyDate, null,
+                    company,
+                    " \u2022 ",
+                    year),
+                React.createElement(HeadingTitle, null, title),
+                separator && React.createElement(Separator, null),
+                React.createElement(List, null, checks === null || checks === void 0 ? void 0 : checks.map((check, index) => (React.createElement(ListItem, { key: index },
+                    svg && React.createElement(IconCard, { svg: svg }),
+                    React.createElement(TextListItem, null, check))))),
+                React.createElement(ButtonCardContainer, null,
+                    React.createElement(ButtonCard, { onClick: onClick }, buttonName))),
+            React.createElement(ImageContainer, null,
+                React.createElement(Image, { src: cardImageSrc, alt: "Experience" })))));
 };
-_c$3 = CardTeaser;
-var _c$3;
-$RefreshReg$(_c$3, "CardTeaser");
-if (import.meta.hot && !inWebWorker$3) {
-  window.$RefreshReg$ = prevRefreshReg$3;
-  window.$RefreshSig$ = prevRefreshSig$3;
-}
-if (import.meta.hot && !inWebWorker$3) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardTeaser/CardTeaser.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardTeaser/CardTeaser.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const scroll = keyframes `
 0% {
@@ -2133,87 +1038,42 @@ const TextBreakerTape = styled(Text).attrs(({ theme }) => {
 }}
 `;
 
-const inWebWorker$2 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$2;let prevRefreshSig$2;if (import.meta.hot && !inWebWorker$2) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$2 = window.$RefreshReg$;  prevRefreshSig$2 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/BreakerTape/BreakerTape.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const BreakerTape = ({
-  words,
-  svg
-}) => {
-  // Duplicate words to ensure continuous flow
-  const repeatedWords = Array.from({
-    length: Math.ceil(50 / words.length)
-  }, () => words).flat();
-  return React.createElement(TapeContainer, null, React.createElement(FadeOverlay, null, React.createElement(TapeContent, null, repeatedWords.map((word, index) => React.createElement(React.Fragment, null, svg && React.createElement(IconBreakerTape, {
-    svg: svg
-  }), React.createElement(TextBreakerTape, {
-    key: index
-  }, word))))));
+const BreakerTape = ({ words, svg }) => {
+    // Duplicate words to ensure continuous flow
+    const repeatedWords = Array.from({ length: Math.ceil(50 / words.length) }, () => words).flat();
+    return (React.createElement(TapeContainer, null,
+        React.createElement(FadeOverlay, null,
+            React.createElement(TapeContent, null, repeatedWords.map((word, index) => (React.createElement(React.Fragment, null,
+                svg && React.createElement(IconBreakerTape, { svg: svg }),
+                React.createElement(TextBreakerTape, { key: index }, word))))))));
 };
-_c$2 = BreakerTape;
-var _c$2;
-$RefreshReg$(_c$2, "BreakerTape");
-if (import.meta.hot && !inWebWorker$2) {
-  window.$RefreshReg$ = prevRefreshReg$2;
-  window.$RefreshSig$ = prevRefreshSig$2;
-}
-if (import.meta.hot && !inWebWorker$2) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/BreakerTape/BreakerTape.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/BreakerTape/BreakerTape.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const Card$1 = styled.div `
     ${(_a) => {
-    var _b, _c, _d, _e, _f, _g;
     var { theme } = _a, props = __rest(_a, ["theme"]);
     const thisTheme = (theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) || {};
-    const propsStyling = (props === null || props === void 0 ? void 0 : props.styling) || {};
     return css `
             display: flex;
-            flex-direction: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.flexDirection) ||
+            flex-direction: ${props.flexDirection ||
         (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.flexDirection) ||
         "column"};
-            justify-content: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.justifyContent) ||
+            justify-content: ${props.justifyContent ||
         (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.justifyContent) ||
         "space-between"};
-            gap: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.gap) || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap) || "20px"};
+            gap: ${props.gap || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap) || "20px"};
             align-items: flex-start;
-            background: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.background) ||
-        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.background) ||
-        ""};
-            background-image: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.gradientBackground) ||
+            background: ${props.background || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.background) || ""};
+            background-image: ${props.gradientBackground ||
         thisTheme.gradientBackground ||
         ""};
-            border: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.border) || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.border) || ""};
-            border-radius: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.borderRadius) ||
+            border: ${props.border || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.border) || ""};
+            border-radius: ${props.borderRadius ||
         (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.borderRadius) ||
         ""};
-            box-shadow: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.boxShadow) ||
-        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.boxShadow) ||
-        ""};
-            padding: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.padding) || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.padding) || ""};
-            height: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.height) || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.height) || "auto"};
-            max-width: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.maxWidth) ||
-        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.maxWidth) ||
-        "auto"};
-            ${props.cardHover &&
-        css `
-                &:hover {
-                    cursor: pointer;
-                    border: ${((_b = propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.hover) === null || _b === void 0 ? void 0 : _b.border) ||
-            ((_c = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _c === void 0 ? void 0 : _c.border) ||
-            ""};
-                    box-shadow: ${((_d = propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.hover) === null || _d === void 0 ? void 0 : _d.boxShadow) ||
-            ((_e = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _e === void 0 ? void 0 : _e.boxShadow) ||
-            ""};
-                    transition: ${((_f = propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.hover) === null || _f === void 0 ? void 0 : _f.transition) ||
-            ((_g = thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.hover) === null || _g === void 0 ? void 0 : _g.transition) ||
-            ""};
-                }
-            `}
+            box-shadow: ${props.boxShadow || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.boxShadow) || ""};
+            padding: ${props.padding || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.padding) || ""};
+            height: ${props.height || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.height) || "auto"};
+            max-width: ${props.maxWidth || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.maxWidth) || "auto"};
         `;
 }}
 `;
@@ -2244,40 +1104,15 @@ const AtomText$1 = styled(Text).attrs(({ theme }) => {
     });
 }) ``;
 
-const inWebWorker$1 = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg$1;let prevRefreshSig$1;if (import.meta.hot && !inWebWorker$1) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg$1 = window.$RefreshReg$;  prevRefreshSig$1 = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardSimpleRender/CardSimpleRender.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const CardSimpleRender = ({
-  icon,
-  title,
-  description,
-  children,
-  cardClick,
-  styling
-}) => {
-  const cardHover = cardClick ? true : false;
-  return React.createElement(Card$1, {
-    onClick: cardClick,
-    cardHover: cardHover,
-    styling: styling
-  }, React.createElement("div", null, React.createElement(WrapperLine, null, icon && React.createElement(AtomIcon$1, {
-    svg: icon
-  }), React.createElement(AtomHeading$1, null, title)), React.createElement(AtomText$1, null, description)), children);
+const CardSimpleRender = ({ icon, title, description, children }) => {
+    return (React.createElement(Card$1, null,
+        React.createElement("div", null,
+            React.createElement(WrapperLine, null,
+                icon && React.createElement(AtomIcon$1, { svg: icon }),
+                React.createElement(AtomHeading$1, null, title)),
+            React.createElement(AtomText$1, null, description)),
+        children));
 };
-_c$1 = CardSimpleRender;
-var _c$1;
-$RefreshReg$(_c$1, "CardSimpleRender");
-if (import.meta.hot && !inWebWorker$1) {
-  window.$RefreshReg$ = prevRefreshReg$1;
-  window.$RefreshSig$ = prevRefreshSig$1;
-}
-if (import.meta.hot && !inWebWorker$1) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardSimpleRender/CardSimpleRender.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardSimpleRender/CardSimpleRender.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 const Card = styled.div `
     ${(_a) => {
@@ -2336,36 +1171,15 @@ const AtomIcon = styled(Icon).attrs(({ theme }) => {
     });
 }) ``;
 
-const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;let prevRefreshReg;let prevRefreshSig;if (import.meta.hot && !inWebWorker) {  if (!window.__vite_plugin_react_preamble_installed__) {    throw new Error(      "@vitejs/plugin-react can't detect preamble. Something is wrong. " +      "See https://github.com/vitejs/vite-plugin-react/pull/11#discussion_r430879201"    );  }  prevRefreshReg = window.$RefreshReg$;  prevRefreshSig = window.$RefreshSig$;  window.$RefreshReg$ = (type, id) => {    exports.register(type, "/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardBanner/CardBanner.tsx" + " " + id);  };  window.$RefreshSig$ = exports.createSignatureFunctionForTransform;}const CardBanner = ({
-  icon,
-  title,
-  description,
-  buttonText,
-  buttonClick
-}) => {
-  return React.createElement(Card, null, React.createElement("div", null, React.createElement(AtomHeading, null, title), React.createElement(AtomText, null, description)), buttonClick && React.createElement(AtomButton, {
-    onClick: buttonClick
-  }, React.createElement(AtomTextButton, null, buttonText), icon && React.createElement(AtomIcon, {
-    svg: icon
-  })));
+const CardBanner = ({ icon, title, description, buttonText, buttonClick }) => {
+    return (React.createElement(Card, null,
+        React.createElement("div", null,
+            React.createElement(AtomHeading, null, title),
+            React.createElement(AtomText, null, description)),
+        buttonClick && (React.createElement(AtomButton, { onClick: buttonClick },
+            React.createElement(AtomTextButton, null, buttonText),
+            icon && React.createElement(AtomIcon, { svg: icon })))));
 };
-_c = CardBanner;
-var _c;
-$RefreshReg$(_c, "CardBanner");
-if (import.meta.hot && !inWebWorker) {
-  window.$RefreshReg$ = prevRefreshReg;
-  window.$RefreshSig$ = prevRefreshSig;
-}
-if (import.meta.hot && !inWebWorker) {
-  exports.__hmr_import(import.meta.url).then((currentExports) => {
-    exports.registerExportsForReactRefresh("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardBanner/CardBanner.tsx", currentExports);
-    import.meta.hot.accept((nextExports) => {
-      if (!nextExports) return;
-      const invalidateMessage = exports.validateRefreshBoundaryAndEnqueueUpdate("/Users/alexis/Desktop/manamerge/mana-atomic-ui/src/components/Molecules/CardBanner/CardBanner.tsx", currentExports, nextExports);
-      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
-    });
-  });
-}
 
 export { BreakerTape, Button, CardBanner, CardSimpleRender, CardTeaser, Footer, Header, Heading, Icon, Link, Navigation, Text };
 //# sourceMappingURL=index.js.map