@manamerge/mana-atomic-ui 0.0.75 → 0.0.76

package/dist/index.js

@@ -3,6 +3,748 @@ 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.
 
@@ -145,24 +887,112 @@ const ImgStyle = styled.svg `
     height: 1em;
 `;
 
-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.`);
+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);
+      }
     }
-    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));
+  }, 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) => {
@@ -197,14 +1027,54 @@ const TextContainerLabel = styled.label `
 }};
 `;
 
-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 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);
 };
+_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 }) => {
@@ -238,10 +1108,45 @@ const HeadingContainer = styled.h1 `
 }}
 `;
 
-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 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);
 };
+_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) => {
@@ -263,14 +1168,57 @@ const StyledSvg = styled.svg `
 }}
 `;
 
-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 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));
 };
+_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 }) => {
@@ -308,23 +1256,59 @@ const StyledLink$2 = styled.a `
 }};
 `;
 
-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 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);
 };
+_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;
@@ -419,7 +1403,7 @@ const AtomIconDot = styled(Icon).attrs(({ theme }) => {
         `;
 }}
 `;
-const AtomHeading = styled(Heading).attrs(({ theme }) => {
+const AtomHeading$2 = styled(Heading).attrs(({ theme }) => {
     var _a, _b;
     return ({
         variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.header) === null || _a === void 0 ? void 0 : _a.atomHeading) === null || _b === void 0 ? void 0 : _b.variant) || "h1"
@@ -475,24 +1459,52 @@ const AtomIconRight = styled(Icon).attrs(({ theme }) => {
     });
 }) ``;
 
-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, 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 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
+  })))));
 };
+_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 }) => {
@@ -579,28 +1591,63 @@ const StyledLink$1 = styled(Link).attrs(({ theme }) => {
 }};
 `;
 
-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")));
+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"));
 };
+_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 `
@@ -699,22 +1746,49 @@ const FooterChildren = styled(Text).attrs(({ theme }) => {
 }}
 `;
 
-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))));
+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)));
 };
+_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;
@@ -926,24 +2000,45 @@ const CardBackgroundColor = styled.div `
 }}
 `;
 
-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 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"
+  }))));
 };
+_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% {
@@ -1038,15 +2133,239 @@ const TextBreakerTape = styled(Text).attrs(({ theme }) => {
 }}
 `;
 
-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 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))))));
+};
+_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) ||
+        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.flexDirection) ||
+        "column"};
+            justify-content: ${(propsStyling === null || propsStyling === void 0 ? void 0 : propsStyling.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"};
+            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) ||
+        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) ||
+        (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) ||
+            ""};
+                }
+            `}
+        `;
+}}
+`;
+const WrapperLine = styled.div `
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: fit-content;
+    text-align: center;
+    gap: 10px;
+`;
+const AtomIcon$1 = styled(Icon).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _a === void 0 ? void 0 : _a.atomIcon) === null || _b === void 0 ? void 0 : _b.variant) || "medium"
+    });
+}) ``;
+const AtomHeading$1 = styled(Heading).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _a === void 0 ? void 0 : _a.atomHeading) === null || _b === void 0 ? void 0 : _b.variant) || "h3"
+    });
+}) ``;
+const AtomText$1 = styled(Text).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardSimpleRender) === null || _a === void 0 ? void 0 : _a.atomText) === null || _b === void 0 ? void 0 : _b.variant) || "regular"
+    });
+}) ``;
+
+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);
+};
+_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) => {
+    var { theme } = _a, props = __rest(_a, ["theme"]);
+    const thisTheme = (theme === null || theme === void 0 ? void 0 : theme.cardBanner) || {};
+    return css `
+            display: flex;
+            flex-direction: ${props.flexDirection ||
+        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.flexDirection) ||
+        "row"};
+            justify-content: ${props.justifyContent ||
+        (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.justifyContent) ||
+        "space-between"};
+            gap: ${props.gap || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.gap) || "20px"};
+            align-items: center;
+            background: ${props.background || (thisTheme === null || thisTheme === void 0 ? void 0 : thisTheme.background) || ""};
+            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: ${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"};
+        `;
+}}
+`;
+const AtomHeading = styled(Heading).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a.atomHeading) === null || _b === void 0 ? void 0 : _b.variant) || "h3"
+    });
+}) ``;
+const AtomText = styled(Text).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a.atomText) === null || _b === void 0 ? void 0 : _b.variant) || "regular"
+    });
+}) ``;
+const AtomButton = styled(Button).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a.atomButton) === null || _b === void 0 ? void 0 : _b.variant) || "primary"
+    });
+}) ``;
+const AtomTextButton = styled(Text).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a.atomTextButton) === null || _b === void 0 ? void 0 : _b.variant) || "primary"
+    });
+}) ``;
+const AtomIcon = styled(Icon).attrs(({ theme }) => {
+    var _a, _b;
+    return ({
+        variant: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.cardBanner) === null || _a === void 0 ? void 0 : _a.atomIcon) === null || _b === void 0 ? void 0 : _b.variant) || "medium"
+    });
+}) ``;
+
+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
+  })));
 };
+_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, CardTeaser, Footer, Header, Heading, Icon, Link, Navigation, Text };
+export { BreakerTape, Button, CardBanner, CardSimpleRender, CardTeaser, Footer, Header, Heading, Icon, Link, Navigation, Text };
 //# sourceMappingURL=index.js.map