@ryanodd/design-system 0.0.0-dev2 → 0.0.0-dev4

package/dist/cjs/index.js

@@ -1,923 +0,0 @@
-'use strict';
-
-var React = require('react');
-var RadixCheckbox = require('@radix-ui/react-checkbox');
-var RadixDialog = require('@radix-ui/react-dialog');
-var RadixMenuButton = require('@radix-ui/react-dropdown-menu');
-var RadixToast = require('@radix-ui/react-toast');
-var RadixTooltip = require('@radix-ui/react-tooltip');
-
-function _interopNamespaceDefault(e) {
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
-var RadixCheckbox__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCheckbox);
-var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
-var RadixMenuButton__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixMenuButton);
-var RadixToast__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixToast);
-var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
-
-var jsxRuntime = {exports: {}};
-
-var reactJsxRuntime_production = {};
-
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_production;
-
-function requireReactJsxRuntime_production () {
-	if (hasRequiredReactJsxRuntime_production) return reactJsxRuntime_production;
-	hasRequiredReactJsxRuntime_production = 1;
-	var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-	function jsxProd(type, config, maybeKey) {
-	  var key = null;
-	  void 0 !== maybeKey && (key = "" + maybeKey);
-	  void 0 !== config.key && (key = "" + config.key);
-	  if ("key" in config) {
-	    maybeKey = {};
-	    for (var propName in config)
-	      "key" !== propName && (maybeKey[propName] = config[propName]);
-	  } else maybeKey = config;
-	  config = maybeKey.ref;
-	  return {
-	    $$typeof: REACT_ELEMENT_TYPE,
-	    type: type,
-	    key: key,
-	    ref: void 0 !== config ? config : null,
-	    props: maybeKey
-	  };
-	}
-	reactJsxRuntime_production.Fragment = REACT_FRAGMENT_TYPE;
-	reactJsxRuntime_production.jsx = jsxProd;
-	reactJsxRuntime_production.jsxs = jsxProd;
-	return reactJsxRuntime_production;
-}
-
-var reactJsxRuntime_development = {};
-
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var hasRequiredReactJsxRuntime_development;
-
-function requireReactJsxRuntime_development () {
-	if (hasRequiredReactJsxRuntime_development) return reactJsxRuntime_development;
-	hasRequiredReactJsxRuntime_development = 1;
-	"production" !== process.env.NODE_ENV &&
-	  (function () {
-	    function getComponentNameFromType(type) {
-	      if (null == type) return null;
-	      if ("function" === typeof type)
-	        return type.$$typeof === REACT_CLIENT_REFERENCE
-	          ? null
-	          : type.displayName || type.name || null;
-	      if ("string" === typeof type) return type;
-	      switch (type) {
-	        case REACT_FRAGMENT_TYPE:
-	          return "Fragment";
-	        case REACT_PROFILER_TYPE:
-	          return "Profiler";
-	        case REACT_STRICT_MODE_TYPE:
-	          return "StrictMode";
-	        case REACT_SUSPENSE_TYPE:
-	          return "Suspense";
-	        case REACT_SUSPENSE_LIST_TYPE:
-	          return "SuspenseList";
-	        case REACT_ACTIVITY_TYPE:
-	          return "Activity";
-	      }
-	      if ("object" === typeof type)
-	        switch (
-	          ("number" === typeof type.tag &&
-	            console.error(
-	              "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-	            ),
-	          type.$$typeof)
-	        ) {
-	          case REACT_PORTAL_TYPE:
-	            return "Portal";
-	          case REACT_CONTEXT_TYPE:
-	            return type.displayName || "Context";
-	          case REACT_CONSUMER_TYPE:
-	            return (type._context.displayName || "Context") + ".Consumer";
-	          case REACT_FORWARD_REF_TYPE:
-	            var innerType = type.render;
-	            type = type.displayName;
-	            type ||
-	              ((type = innerType.displayName || innerType.name || ""),
-	              (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-	            return type;
-	          case REACT_MEMO_TYPE:
-	            return (
-	              (innerType = type.displayName || null),
-	              null !== innerType
-	                ? innerType
-	                : getComponentNameFromType(type.type) || "Memo"
-	            );
-	          case REACT_LAZY_TYPE:
-	            innerType = type._payload;
-	            type = type._init;
-	            try {
-	              return getComponentNameFromType(type(innerType));
-	            } catch (x) {}
-	        }
-	      return null;
-	    }
-	    function testStringCoercion(value) {
-	      return "" + value;
-	    }
-	    function checkKeyStringCoercion(value) {
-	      try {
-	        testStringCoercion(value);
-	        var JSCompiler_inline_result = !1;
-	      } catch (e) {
-	        JSCompiler_inline_result = true;
-	      }
-	      if (JSCompiler_inline_result) {
-	        JSCompiler_inline_result = console;
-	        var JSCompiler_temp_const = JSCompiler_inline_result.error;
-	        var JSCompiler_inline_result$jscomp$0 =
-	          ("function" === typeof Symbol &&
-	            Symbol.toStringTag &&
-	            value[Symbol.toStringTag]) ||
-	          value.constructor.name ||
-	          "Object";
-	        JSCompiler_temp_const.call(
-	          JSCompiler_inline_result,
-	          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-	          JSCompiler_inline_result$jscomp$0
-	        );
-	        return testStringCoercion(value);
-	      }
-	    }
-	    function getTaskName(type) {
-	      if (type === REACT_FRAGMENT_TYPE) return "<>";
-	      if (
-	        "object" === typeof type &&
-	        null !== type &&
-	        type.$$typeof === REACT_LAZY_TYPE
-	      )
-	        return "<...>";
-	      try {
-	        var name = getComponentNameFromType(type);
-	        return name ? "<" + name + ">" : "<...>";
-	      } catch (x) {
-	        return "<...>";
-	      }
-	    }
-	    function getOwner() {
-	      var dispatcher = ReactSharedInternals.A;
-	      return null === dispatcher ? null : dispatcher.getOwner();
-	    }
-	    function UnknownOwner() {
-	      return Error("react-stack-top-frame");
-	    }
-	    function hasValidKey(config) {
-	      if (hasOwnProperty.call(config, "key")) {
-	        var getter = Object.getOwnPropertyDescriptor(config, "key").get;
-	        if (getter && getter.isReactWarning) return false;
-	      }
-	      return void 0 !== config.key;
-	    }
-	    function defineKeyPropWarningGetter(props, displayName) {
-	      function warnAboutAccessingKey() {
-	        specialPropKeyWarningShown ||
-	          ((specialPropKeyWarningShown = true),
-	          console.error(
-	            "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-	            displayName
-	          ));
-	      }
-	      warnAboutAccessingKey.isReactWarning = true;
-	      Object.defineProperty(props, "key", {
-	        get: warnAboutAccessingKey,
-	        configurable: true
-	      });
-	    }
-	    function elementRefGetterWithDeprecationWarning() {
-	      var componentName = getComponentNameFromType(this.type);
-	      didWarnAboutElementRef[componentName] ||
-	        ((didWarnAboutElementRef[componentName] = true),
-	        console.error(
-	          "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-	        ));
-	      componentName = this.props.ref;
-	      return void 0 !== componentName ? componentName : null;
-	    }
-	    function ReactElement(type, key, props, owner, debugStack, debugTask) {
-	      var refProp = props.ref;
-	      type = {
-	        $$typeof: REACT_ELEMENT_TYPE,
-	        type: type,
-	        key: key,
-	        props: props,
-	        _owner: owner
-	      };
-	      null !== (void 0 !== refProp ? refProp : null)
-	        ? Object.defineProperty(type, "ref", {
-	            enumerable: false,
-	            get: elementRefGetterWithDeprecationWarning
-	          })
-	        : Object.defineProperty(type, "ref", { enumerable: false, value: null });
-	      type._store = {};
-	      Object.defineProperty(type._store, "validated", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: 0
-	      });
-	      Object.defineProperty(type, "_debugInfo", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: null
-	      });
-	      Object.defineProperty(type, "_debugStack", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugStack
-	      });
-	      Object.defineProperty(type, "_debugTask", {
-	        configurable: false,
-	        enumerable: false,
-	        writable: true,
-	        value: debugTask
-	      });
-	      Object.freeze && (Object.freeze(type.props), Object.freeze(type));
-	      return type;
-	    }
-	    function jsxDEVImpl(
-	      type,
-	      config,
-	      maybeKey,
-	      isStaticChildren,
-	      debugStack,
-	      debugTask
-	    ) {
-	      var children = config.children;
-	      if (void 0 !== children)
-	        if (isStaticChildren)
-	          if (isArrayImpl(children)) {
-	            for (
-	              isStaticChildren = 0;
-	              isStaticChildren < children.length;
-	              isStaticChildren++
-	            )
-	              validateChildKeys(children[isStaticChildren]);
-	            Object.freeze && Object.freeze(children);
-	          } else
-	            console.error(
-	              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
-	            );
-	        else validateChildKeys(children);
-	      if (hasOwnProperty.call(config, "key")) {
-	        children = getComponentNameFromType(type);
-	        var keys = Object.keys(config).filter(function (k) {
-	          return "key" !== k;
-	        });
-	        isStaticChildren =
-	          0 < keys.length
-	            ? "{key: someKey, " + keys.join(": ..., ") + ": ...}"
-	            : "{key: someKey}";
-	        didWarnAboutKeySpread[children + isStaticChildren] ||
-	          ((keys =
-	            0 < keys.length ? "{" + keys.join(": ..., ") + ": ...}" : "{}"),
-	          console.error(
-	            'A props object containing a "key" prop is being spread into JSX:\n  let props = %s;\n  <%s {...props} />\nReact keys must be passed directly to JSX without using spread:\n  let props = %s;\n  <%s key={someKey} {...props} />',
-	            isStaticChildren,
-	            children,
-	            keys,
-	            children
-	          ),
-	          (didWarnAboutKeySpread[children + isStaticChildren] = true));
-	      }
-	      children = null;
-	      void 0 !== maybeKey &&
-	        (checkKeyStringCoercion(maybeKey), (children = "" + maybeKey));
-	      hasValidKey(config) &&
-	        (checkKeyStringCoercion(config.key), (children = "" + config.key));
-	      if ("key" in config) {
-	        maybeKey = {};
-	        for (var propName in config)
-	          "key" !== propName && (maybeKey[propName] = config[propName]);
-	      } else maybeKey = config;
-	      children &&
-	        defineKeyPropWarningGetter(
-	          maybeKey,
-	          "function" === typeof type
-	            ? type.displayName || type.name || "Unknown"
-	            : type
-	        );
-	      return ReactElement(
-	        type,
-	        children,
-	        maybeKey,
-	        getOwner(),
-	        debugStack,
-	        debugTask
-	      );
-	    }
-	    function validateChildKeys(node) {
-	      isValidElement(node)
-	        ? node._store && (node._store.validated = 1)
-	        : "object" === typeof node &&
-	          null !== node &&
-	          node.$$typeof === REACT_LAZY_TYPE &&
-	          ("fulfilled" === node._payload.status
-	            ? isValidElement(node._payload.value) &&
-	              node._payload.value._store &&
-	              (node._payload.value._store.validated = 1)
-	            : node._store && (node._store.validated = 1));
-	    }
-	    function isValidElement(object) {
-	      return (
-	        "object" === typeof object &&
-	        null !== object &&
-	        object.$$typeof === REACT_ELEMENT_TYPE
-	      );
-	    }
-	    var React$1 = React,
-	      REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
-	      REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-	      REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-	      REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-	      REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-	      REACT_CONSUMER_TYPE = Symbol.for("react.consumer"),
-	      REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-	      REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-	      REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-	      REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-	      REACT_MEMO_TYPE = Symbol.for("react.memo"),
-	      REACT_LAZY_TYPE = Symbol.for("react.lazy"),
-	      REACT_ACTIVITY_TYPE = Symbol.for("react.activity"),
-	      REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
-	      ReactSharedInternals =
-	        React$1.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
-	      hasOwnProperty = Object.prototype.hasOwnProperty,
-	      isArrayImpl = Array.isArray,
-	      createTask = console.createTask
-	        ? console.createTask
-	        : function () {
-	            return null;
-	          };
-	    React$1 = {
-	      react_stack_bottom_frame: function (callStackForError) {
-	        return callStackForError();
-	      }
-	    };
-	    var specialPropKeyWarningShown;
-	    var didWarnAboutElementRef = {};
-	    var unknownOwnerDebugStack = React$1.react_stack_bottom_frame.bind(
-	      React$1,
-	      UnknownOwner
-	    )();
-	    var unknownOwnerDebugTask = createTask(getTaskName(UnknownOwner));
-	    var didWarnAboutKeySpread = {};
-	    reactJsxRuntime_development.Fragment = REACT_FRAGMENT_TYPE;
-	    reactJsxRuntime_development.jsx = function (type, config, maybeKey) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        false,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	    reactJsxRuntime_development.jsxs = function (type, config, maybeKey) {
-	      var trackActualOwner =
-	        1e4 > ReactSharedInternals.recentlyCreatedOwnerStacks++;
-	      return jsxDEVImpl(
-	        type,
-	        config,
-	        maybeKey,
-	        true,
-	        trackActualOwner
-	          ? Error("react-stack-top-frame")
-	          : unknownOwnerDebugStack,
-	        trackActualOwner ? createTask(getTaskName(type)) : unknownOwnerDebugTask
-	      );
-	    };
-	  })();
-	return reactJsxRuntime_development;
-}
-
-var hasRequiredJsxRuntime;
-
-function requireJsxRuntime () {
-	if (hasRequiredJsxRuntime) return jsxRuntime.exports;
-	hasRequiredJsxRuntime = 1;
-
-	if (process.env.NODE_ENV === 'production') {
-	  jsxRuntime.exports = requireReactJsxRuntime_production();
-	} else {
-	  jsxRuntime.exports = requireReactJsxRuntime_development();
-	}
-	return jsxRuntime.exports;
-}
-
-var jsxRuntimeExports = requireJsxRuntime();
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$7 = ".Button-module_button__2ZuB7 {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  gap: var(--spacing-2);\n}\n\n.Button-module_button__2ZuB7:not(:disabled) {\n  cursor: pointer;\n}\n\n/* Press effect - display a shadow when the button isn't being pressed */\n.Button-module_button__2ZuB7:not(:active),\n.Button-module_button__2ZuB7:disabled {\n  box-shadow: var(--shadow-sm);\n}\n\n\n/* Sizes */\n\n.Button-module_button__2ZuB7 {\n  /* Default size: small */\n  padding-top: var(--spacing-1_5);\n  padding-bottom: var(--spacing-1_5);\n  padding-left: var(--spacing-3);\n  padding-right: var(--spacing-3);\n  border-radius: var(--radius-md);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n}\n\n.Button-module_button__2ZuB7[data-icon-only=\"true\"] {\n  width: var(--size-8);\n  height: var(--size-8);\n  padding-left: var(--spacing-1);\n  padding-right: var(--spacing-1);\n  padding-top: var(--spacing-1);\n  padding-bottom: var(--spacing-1);\n}\n\n.Button-module_button__2ZuB7[data-size=\"medium\"] {\n  padding-top: var(--spacing-2);\n  padding-bottom: var(--spacing-2);\n  padding-left: var(--spacing-4);\n  padding-right: var(--spacing-4);\n  border-radius: var(--radius-md);\n  font-size: var(--font-size-base);\n  font-weight: var(--font-weight-semibold);\n}\n\n.Button-module_button__2ZuB7[data-icon-only=\"true\"][data-size=\"medium\"] {\n  width: var(--size-10);\n  height: var(--size-10);\n  padding-left: var(--spacing-1);\n  padding-right: var(--spacing-1);\n  padding-top: var(--spacing-1);\n  padding-bottom: var(--spacing-1);\n}\n\n.Button-module_button__2ZuB7[data-size=\"large\"] {\n  padding-top: var(--spacing-2);\n  padding-bottom: var(--spacing-2);\n  padding-left: var(--spacing-5);\n  padding-right: var(--spacing-5);\n  border-radius: var(--radius-md);\n  font-size: var(--font-size-lg);\n  font-weight: var(--font-weight-semibold);\n}\n\n.Button-module_button__2ZuB7[data-icon-only=\"true\"][data-size=\"large\"] {\n  width: var(--size-12);\n  height: var(--size-12);\n  padding-left: var(--spacing-1);\n  padding-right: var(--spacing-1);\n  padding-top: var(--spacing-1);\n  padding-bottom: var(--spacing-1);\n}\n\n/* Variants */\n\n/* Default Variant: secondary */\n.Button-module_button__2ZuB7 {\n  background-color: var(--color-bg-secondary);\n  border: 1px solid var(--color-border-secondary);\n  color: var(--color-text-secondary);\n}\n\n.Button-module_button__2ZuB7:hover:not(:disabled) {\n  background-color: var(--color-bg-tertiary);\n}\n\n.Button-module_button__2ZuB7:active {\n  background-color: var(--color-bg-quaternary);\n}\n\n.Button-module_button__2ZuB7[data-variant=\"primary\"] {\n  background-color: var(--color-bg-brand);\n  color: var(--color-text-inverted);\n  border: none;\n}\n\n.Button-module_button__2ZuB7[data-variant=\"primary\"]:hover:not(:disabled) {\n  background-color: var(--color-bg-brand-hover);\n}\n\n.Button-module_button__2ZuB7[data-variant=\"destructive\"] {\n  background-color: var(--color-text-error);\n  color: var(--color-text-inverted);\n  border: none;\n}\n\n.Button-module_button__2ZuB7[data-variant=\"destructive\"]:hover:not(:disabled) {\n  background-color: var(--color-bg-error-hover);\n}\n\n.Button-module_button__2ZuB7[data-variant=\"tertiary\"] {\n  background-color: var(--color-transparent);\n  color: var(--color-text-secondary);\n  border: none;\n  box-shadow: var(--shadow-none);\n}\n\n.Button-module_button__2ZuB7[data-variant=\"tertiary\"]:hover:not(:disabled) {\n  background-color: rgba(0, 0, 0, 0.0625);\n}\n\n.Button-module_button__2ZuB7:disabled {\n  background-color: var(--color-bg-disabled);\n  border-color: var(--color-border-disabled);\n  color: var(--color-text-disabled);\n}\n\n.Button-module_button__2ZuB7[data-variant=\"tertiary\"]:disabled {\n  background-color: var(--color-transparent);\n  border: none;\n  color: var(--color-text-disabled);\n}\n\n/* Notification Dot */\n\n.Button-module_buttonNotificationDot__mHEF3 {\n  position: absolute;\n  --dot-width: 1.525rem;\n  top: calc(-1 * var(--dot-width) / 2);\n  right: calc(-1 * var(--dot-width) / 2);\n  width: var(--dot-width);\n  height: var(--dot-width);\n\n  border-radius: var(--radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--color-text-error);\n  font-size: var(--font-size-base);\n  font-weight: var(--font-weight-bold);\n  color: var(--color-text-inverted);\n  padding-bottom: 0.0825rem;\n}";
-var styles$6 = {"button":"Button-module_button__2ZuB7","buttonNotificationDot":"Button-module_buttonNotificationDot__mHEF3"};
-styleInject(css_248z$7);
-
-var _path$a;
-function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
-var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "m12 19-7-7 7-7m7 7H5"
-  })));
-};
-
-var _path$9;
-function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
-var SvgArrowRight = function SvgArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M5 12h14m-7-7 7 7-7 7"
-  })));
-};
-
-var _path$8;
-function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
-var SvgCheck = function SvgCheck(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "m9.55 15.15 8.475-8.475q.3-.3.7-.3t.7.3.3.713-.3.712l-9.175 9.2q-.3.3-.7.3t-.7-.3L4.55 13q-.3-.3-.288-.712t.313-.713.713-.3.712.3z"
-  })));
-};
-
-var _circle;
-function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
-var SvgCircle = function SvgCircle(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 12,
-    cy: 12,
-    r: 10,
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2
-  })));
-};
-
-var _path$7;
-function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
-var SvgClose = function SvgClose(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M18 6 6 18M6 6l12 12"
-  })));
-};
-
-var _path$6;
-function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
-var SvgExternalLink = function SvgExternalLink(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"
-  })));
-};
-
-var _path$5;
-function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
-var SvgGear = function SvgGear(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 32 32",
-    width: "1em",
-    height: "1em"
-  }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "M31.23 17.736c.063-.57.103-1.148.103-1.736s-.04-1.166-.104-1.737l-4.378-1.557c-.218-.716-.504-1.4-.85-2.05l1.992-4.192a15.6 15.6 0 0 0-2.458-2.46L21.343 6a11 11 0 0 0-2.05-.85L17.737.772C17.166.708 16.588.667 16 .667s-1.166.04-1.737.105L12.707 5.15q-1.075.327-2.05.85L6.464 4.004c-.91.725-1.734 1.55-2.46 2.46L6 10.654q-.523.976-.85 2.05l-4.378 1.56c-.064.57-.105 1.15-.105 1.737s.04 1.165.105 1.736l4.378 1.558q.327 1.074.85 2.05l-1.995 4.192c.725.91 1.55 1.733 2.46 2.458L10.654 26q.976.523 2.05.852l1.558 4.377c.57.063 1.148.103 1.737.103.588 0 1.165-.04 1.736-.104l1.558-4.378c.715-.218 1.4-.504 2.05-.85l4.192 1.992c.91-.725 1.733-1.55 2.458-2.458L26 21.343c.348-.647.634-1.334.852-2.05l4.377-1.557zM16 20.87a4.871 4.871 0 1 1-.002-9.742A4.871 4.871 0 0 1 16 20.87"
-  })));
-};
-
-var _g$2;
-function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
-var SvgHammer = function SvgHammer(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9m6 6 4-4"
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172V7l-2.26-2.26a6 6 0 0 0-4.202-1.756L9 2.96l.92.82A6.18 6.18 0 0 1 12 8.4V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"
-  }))));
-};
-
-var _path$4;
-function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
-var SvgHeartSolid = function SvgHeartSolid(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "M6.979 3.074a6 6 0 0 1 4.988 1.425l.037.033.034-.03a6 6 0 0 1 4.733-1.44l.246.036a6 6 0 0 1 3.364 10.008l-.18.185-.048.041-7.45 7.379a1 1 0 0 1-1.313.082l-.094-.082-7.493-7.422A6 6 0 0 1 6.979 3.074"
-  })));
-};
-
-var _g$1;
-function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
-var SvgKebab = function SvgKebab(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16",
-    width: "1em",
-    height: "1em"
-  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 1.5
-  }, /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 8,
-    cy: 2.5,
-    r: 0.75
-  }), /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 8,
-    cy: 8,
-    r: 0.75
-  }), /*#__PURE__*/React__namespace.createElement("circle", {
-    cx: 8,
-    cy: 13.5,
-    r: 0.75
-  }))));
-};
-
-var _path$3;
-function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
-var SvgLightning = function SvgLightning(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 256 256",
-    width: "1em",
-    height: "1em"
-  }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "m213.85 125.46-112 120a8 8 0 0 1-13.69-7l14.66-73.33-57.63-21.64a8 8 0 0 1-3-13l112-120a8 8 0 0 1 13.69 7l-14.7 73.41 57.63 21.61a8 8 0 0 1 3 12.95Z"
-  })));
-};
-
-var _g;
-function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
-var SvgMail = function SvgMail(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2
-  }, /*#__PURE__*/React__namespace.createElement("rect", {
-    width: 20,
-    height: 16,
-    x: 2,
-    y: 4,
-    rx: 2
-  }), /*#__PURE__*/React__namespace.createElement("path", {
-    d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"
-  }))));
-};
-
-var _path$2;
-function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
-var SvgMenu = function SvgMenu(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M4 12h16M4 6h16M4 18h16"
-  })));
-};
-
-var _path$1;
-function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
-var SvgNoMobile = function SvgNoMobile(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "none",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M7.159 3.185C7.415 3.066 7.699 3 8 3h8a2 2 0 0 1 2 2v9m0 4v1a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V6m5-2h2M3 3l18 18m-9-4v.01"
-  })));
-};
-
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-var SvgPencil = function SvgPencil(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 24 24",
-    width: "1em",
-    height: "1em"
-  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
-    fill: "currentColor",
-    d: "m12.9 6.855 4.242 4.242-9.9 9.9H3v-4.243zm1.414-1.415 2.121-2.121a1 1 0 0 1 1.414 0l2.829 2.828a1 1 0 0 1 0 1.415l-2.122 2.121z"
-  })));
-};
-
-var css_248z$6 = ".icon-module_icon__UzNYn {\n  max-width: none;\n  flex-shrink: 0;\n}\n\n.icon-module_icon__UzNYn[data-size=\"2xs\"] {\n  width: var(--size-3);\n  height: var(--size-3);\n}\n\n.icon-module_icon__UzNYn[data-size=\"xs\"] {\n  width: 0.875rem;\n  height: 0.875rem;\n}\n\n.icon-module_icon__UzNYn[data-size=\"sm\"] {\n  width: var(--size-4);\n  height: var(--size-4);\n}\n\n.icon-module_icon__UzNYn[data-size=\"md\"] {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\n.icon-module_icon__UzNYn {\n  /* Default data-size=\"lg\" */\n  width: var(--size-6);\n  height: var(--size-6);\n}\n\n.icon-module_icon__UzNYn[data-size=\"xl\"] {\n  width: var(--size-8);\n  height: var(--size-8);\n}\n\n.icon-module_icon__UzNYn[data-size=\"2xl\"] {\n  width: var(--size-10);\n  height: var(--size-10);\n}\n\n.icon-module_icon__UzNYn[data-size=\"3xl\"] {\n  width: var(--size-12);\n  height: var(--size-12);\n}\n\n.icon-module_icon__UzNYn[data-size=\"4xl\"] {\n  width: var(--size-16);\n  height: var(--size-16);\n}";
-var iconStyles = {"icon":"icon-module_icon__UzNYn"};
-styleInject(css_248z$6);
-
-const iconSizes = ["xs", "sm", "md", "lg", "xl", "2xl", "3xl", "4xl"];
-const createIcon = (SVG, label) => {
-    const iconComponent = React.forwardRef(({ size = "lg", className, ...props }, ref) => {
-        return (jsxRuntimeExports.jsx(SVG, { className: `${className} ${iconStyles.icon}`, "data-size": size, 
-            // @ts-ignore
-            ref: ref, alt: label, ...props }));
-    });
-    iconComponent.displayName = label;
-    return iconComponent;
-};
-const ArrowLeft = createIcon(SvgArrowLeft, "Left");
-const ArrowRight = createIcon(SvgArrowRight, "Right");
-const Check = createIcon(SvgCheck, "Check");
-const Circle = createIcon(SvgCircle, "Circle");
-const Close = createIcon(SvgClose, "Close");
-const ExternalLink = createIcon(SvgExternalLink, "External Link");
-const Gear = createIcon(SvgGear, "Gear");
-const Hammer = createIcon(SvgHammer, "Hammer");
-const Heart = createIcon(SvgHeartSolid, "Heart");
-const Kebab = createIcon(SvgKebab, "Kebab");
-const Lightning = createIcon(SvgLightning, "Lightning");
-const Mail = createIcon(SvgMail, "Mail");
-const Menu = createIcon(SvgMenu, "Menu");
-const NoMobile = createIcon(SvgNoMobile, "No Mobile Devices");
-const Pencil = createIcon(SvgPencil, "Pencil");
-/*
-* A centralized map of all icon components.
-* This is what we will import in the Storybook file for dynamic access.
-*/
-const IconMap = {
-    ArrowLeft,
-    ArrowRight,
-    Check,
-    Circle,
-    Close,
-    ExternalLink,
-    Gear,
-    Hammer,
-    Heart,
-    Kebab,
-    Lightning,
-    Mail,
-    Menu,
-    NoMobile,
-    Pencil,
-    None: null
-};
-
-var css_248z$5 = ".Spinner-module_spinnerWrapper__nmYcy {\n  --spinner-size-2xs: var(--size-3);\n  --spinner-size-xs: 0.875rem;\n  --spinner-size-sm: var(--size-4);\n  --spinner-size-md: var(--size-5);\n  --spinner-size-lg: var(--size-6);\n  --spinner-size-xl: var(--size-8);\n  --spinner-size-2xl: var(--size-10);\n  --spinner-size-3xl: var(--size-12);\n  --spinner-size-4xl: var(--size-16);\n\n  --spinner-size: var(--spinner-size-lg);\n\n  width: var(--spinner-size);\n  height: var(--spinner-size);\n  aspect-ratio: 1 / 1;\n\n  flex-shrink: 0;\n\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 2px;\n\n  width: 90%;\n  height: 90%;\n\n  border-width: var(--spinner-thickness);\n  border-radius: 50%;\n  box-sizing: border-box;\n  position: relative;\n  border-style: solid;\n  border-right-color: transparent;\n  border-left-color: currentcolor;\n  border-top-color: currentcolor;\n  border-bottom-color: currentcolor;\n  animation: Spinner-module_rotate__RRVpi 1.2s infinite linear;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"2xs\"] {\n  --spinner-size: var(--spinner-size-2xs);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"2xs\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 1.33px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"xs\"] {\n  --spinner-size: var(--spinner-size-xs);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"xs\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 1.5px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"sm\"] {\n  --spinner-size: var(--spinner-size-sm);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"sm\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 1.67px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"md\"] {\n  --spinner-size: var(--spinner-size-md);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"md\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 1.8px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"lg\"] {\n  /* Default size */\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"lg\"] .Spinner-module_spinner__GpFZS {\n  /* Default size */\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"xl\"] {\n  --spinner-size: var(--spinner-size-xl);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"xl\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 2.67px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"2xl\"] {\n  --spinner-size: var(--spinner-size-2xl);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"2xl\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 3px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"3xl\"] {\n  --spinner-size: var(--spinner-size-3xl);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"3xl\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 3.67px;\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"4xl\"] {\n  --spinner-size: var(--spinner-size-4xl);\n}\n\n.Spinner-module_spinnerWrapper__nmYcy[data-size=\"4xl\"] .Spinner-module_spinner__GpFZS {\n  --spinner-thickness: 4.33px;\n}\n\n@keyframes Spinner-module_rotate__RRVpi {\n  0% {\n    transform: rotate(0deg);\n  }\n\n  100% {\n    transform: rotate(360deg);\n  }\n}";
-var styles$5 = {"spinnerWrapper":"Spinner-module_spinnerWrapper__nmYcy","spinner":"Spinner-module_spinner__GpFZS"};
-styleInject(css_248z$5);
-
-const Spinner = React.forwardRef(
-// eslint-disable-next-line @typescript-eslint/no-shadow
-({ className, size = "lg", ...props }, ref) => {
-    return (jsxRuntimeExports.jsx("div", { ref: ref, className: styles$5.spinnerWrapper, "data-size": size, ...props, children: jsxRuntimeExports.jsx("div", { className: styles$5.spinner }) }));
-});
-Spinner.displayName = "Spinner";
-
-const Button = React.forwardRef(({ className, notificationDotText, children, icon, trailingIcon, size = "medium", variant, loading, iconOnly, ...restProps }, ref) => {
-    const IconComponent = icon ? IconMap[icon] : undefined;
-    const TrailingIconComponent = trailingIcon ? IconMap[trailingIcon] : undefined;
-    const iconSize = size === "small" ? "sm" : size === "medium" ? "md" : "lg";
-    return (jsxRuntimeExports.jsxs("button", { ref: ref, ...restProps, className: `${styles$6.button} ${className ?? ""}`, "data-size": size, "data-variant": variant, "data-icon-only": iconOnly, children: [IconComponent && jsxRuntimeExports.jsx(IconComponent, { size: iconSize }), loading && jsxRuntimeExports.jsx(Spinner, { size: iconSize }), children, TrailingIconComponent && jsxRuntimeExports.jsx(TrailingIconComponent, { size: iconSize }), notificationDotText && jsxRuntimeExports.jsx("span", { className: styles$6.buttonNotificationDot, children: notificationDotText })] }));
-});
-Button.displayName = "Button";
-
-var css_248z$4 = ".Checkbox-module_checkboxRow__CtGUR {\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-2);\n}\n\n.Checkbox-module_checkboxRoot__wWyWL {\n  width: var(--size-6);\n  height: var(--size-6);\n  padding: 0;\n  border: 1px solid var(--color-border-primary);\n  border-radius: var(--radius-sm);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: var(--color-bg-primary);\n}\n\n.Checkbox-module_checkboxIndicator__SNKtT {\n  background-color: var(--color-bg-brand);\n  border-radius: var(--radius-sm);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.Checkbox-module_checkboxCheckmarkIcon__0a5SZ {\n  width: var(--size-4);\n  height: var(--size-4);\n  color: var(--color-text-inverted);\n}\n\n.Checkbox-module_checkboxLabel__Ci5a6 {\n  font-size: var(--font-size-base);\n  color: var(--color-text-primary);\n}";
-var styles$4 = {"checkboxRow":"Checkbox-module_checkboxRow__CtGUR","checkboxRoot":"Checkbox-module_checkboxRoot__wWyWL","checkboxIndicator":"Checkbox-module_checkboxIndicator__SNKtT","checkboxCheckmarkIcon":"Checkbox-module_checkboxCheckmarkIcon__0a5SZ","checkboxLabel":"Checkbox-module_checkboxLabel__Ci5a6"};
-styleInject(css_248z$4);
-
-const Checkbox = ({ id, labelContent, checked, onClick }) => {
-    return (jsxRuntimeExports.jsxs("div", { className: styles$4.checkboxRow, children: [jsxRuntimeExports.jsx(RadixCheckbox__namespace.Root, { checked: checked, onCheckedChange: (checked) => {
-                    onClick(checked === true);
-                }, className: styles$4.checkboxRoot, defaultChecked: true, id: id, children: jsxRuntimeExports.jsx(RadixCheckbox__namespace.Indicator, { className: styles$4.checkboxIndicator, children: jsxRuntimeExports.jsx(Check, { className: styles$4.checkboxCheckmarkIcon }) }) }), jsxRuntimeExports.jsx("label", { className: styles$4.checkboxLabel, htmlFor: id, children: labelContent })] }));
-};
-
-var css_248z$3 = ".Dialog-module_dialogOverlay__0DUTX {\n  background-color: var(--color-gray-950);\n  position: fixed;\n  inset: 0;\n  z-index: 40;\n  opacity: 0.5;\n  animation: Dialog-module_overlayShow__AFgps 200ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n@keyframes Dialog-module_overlayShow__AFgps {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.5;\n  }\n}\n\n.Dialog-module_dialogContent__YKurb {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-lg);\n  background-color: var(--color-bg-primary);\n  color: var(--color-text-primary);\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-8);\n  gap: var(--spacing-8);\n  animation: Dialog-module_contentShow__mHFZp 200ms cubic-bezier(0.16, 1, 0.3, 1);\n\n  transform: translate(-50%, -50%);\n  width: 90vw;\n\n  max-width: 450px;\n}\n\n.Dialog-module_dialogContent__YKurb[data-size=\"sm\"] {\n  max-width: 450px;\n}\n\n.Dialog-module_dialogContent__YKurb[data-size=\"md\"] {\n  max-width: 600px;\n}\n\n.Dialog-module_dialogContent__YKurb[data-size=\"lg\"] {\n  max-width: 800px;\n}\n\n@keyframes Dialog-module_contentShow__mHFZp {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%) scale(0.96);\n  }\n\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%) scale(1);\n  }\n}\n\n.Dialog-module_dialogCloseButton__GCje9 {\n  position: absolute;\n  top: var(--spacing-4);\n  right: var(--spacing-4);\n  color: var(--color-text-tertiary);\n}\n\n.Dialog-module_dialogTitle__wrScr {\n  margin: 0;\n  font-weight: var(--font-weight-semibold);\n  font-size: var(--font-size-xl);\n  color: var(--color-text-primary);\n}\n\n.Dialog-module_dialogDescription__5iZiF {\n  margin: 0;\n  font-weight: var(--font-weight-normal);\n  font-size: var(--font-size-sm);\n  color: var(--color-text-secondary);\n}";
-var styles$3 = {"dialogOverlay":"Dialog-module_dialogOverlay__0DUTX","dialogContent":"Dialog-module_dialogContent__YKurb","dialogCloseButton":"Dialog-module_dialogCloseButton__GCje9","dialogTitle":"Dialog-module_dialogTitle__wrScr"};
-styleInject(css_248z$3);
-
-const Dialog = ({ trigger, content, title, ...props }) => {
-    return (jsxRuntimeExports.jsxs(RadixDialog__namespace.Root, { ...props, children: [jsxRuntimeExports.jsx(RadixDialog__namespace.Trigger, { asChild: true, children: trigger }), jsxRuntimeExports.jsxs(RadixDialog__namespace.Portal, { children: [jsxRuntimeExports.jsx(RadixDialog__namespace.Overlay, { className: `${styles$3.dialogOverlay}` }), jsxRuntimeExports.jsxs(RadixDialog__namespace.Content, { className: styles$3.dialogContent, onPointerDownOutside: (event) => {
-                            event?.preventDefault();
-                        }, "data-size": "md", children: [jsxRuntimeExports.jsx(RadixDialog__namespace.Close, { asChild: true, children: jsxRuntimeExports.jsx(Button, { className: `${styles$3.dialogCloseButton}`, variant: "tertiary", iconOnly: true, children: jsxRuntimeExports.jsx(Close, {}) }) }), jsxRuntimeExports.jsx(RadixDialog__namespace.Title, { className: styles$3.dialogTitle, children: title }), content] })] })] }));
-};
-
-var css_248z$2 = ".MenuButton-module_menuButtonContent__6Kwzb {\n  background-color: var(--color-bg-primary);\n  border-radius: var(--radius-md);\n  padding: var(--spacing-1_5);\n  border: 1px solid var(--color-border-primary);\n  box-shadow: var(--shadow-lg);\n  min-width: 10rem;\n}\n\n.MenuButton-module_menuButtonItem__ozrFN {\n  color: var(--color-text-secondary);\n  display: flex;\n  align-items: center;\n  font-size: var(--font-size-sm);\n  padding-left: var(--spacing-2_5);\n  padding-right: var(--spacing-2_5);\n  padding-top: var(--spacing-2);\n  padding-bottom: var(--spacing-2);\n  border-radius: var(--radius-md);\n  line-height: var(--leading-none);\n  height: 25px;\n  position: relative;\n  user-select: none;\n  outline: none;\n}\n\n.MenuButton-module_menuButtonItem__ozrFN[data-disabled] {\n  color: var(--color-text-disabled);\n  pointer-events: none;\n}\n\n.MenuButton-module_menuButtonItem__ozrFN:hover:not([data-disabled]) {\n  background-color: var(--color-bg-tertiary);\n  cursor: pointer;\n}\n\n.MenuButton-module_menuButtonItem__ozrFN.MenuButton-module_focus-visible__7CH5L,\n.MenuButton-module_menuButtonItem__ozrFN:focus-visible {\n  background-color: var(--color-bg-tertiary);\n}\n\n.MenuButton-module_menuButtonArrow__Spkn0 {\n  fill: var(--color-bg-primary);\n}";
-var styles$2 = {"menuButtonContent":"MenuButton-module_menuButtonContent__6Kwzb","menuButtonItem":"MenuButton-module_menuButtonItem__ozrFN","menuButtonArrow":"MenuButton-module_menuButtonArrow__Spkn0"};
-styleInject(css_248z$2);
-
-const MenuButton = ({ children, ...props }) => {
-    return (jsxRuntimeExports.jsxs(RadixMenuButton__namespace.Root, { modal: false, ...props, children: [jsxRuntimeExports.jsx(RadixMenuButton__namespace.Trigger, { asChild: true, children: jsxRuntimeExports.jsx(Button, { "data-variant": "tertiary", iconOnly: true, icon: "Menu" }) }), jsxRuntimeExports.jsx(RadixMenuButton__namespace.Portal, { children: jsxRuntimeExports.jsxs(RadixMenuButton__namespace.Content, { align: "end", className: styles$2.menuButtonContent, sideOffset: 5, children: [children, jsxRuntimeExports.jsx(RadixMenuButton__namespace.Arrow, { className: styles$2.menuButtonArrow })] }) })] }));
-};
-const MenuButtonItem = ({ children, ...props }) => {
-    return (jsxRuntimeExports.jsx(RadixMenuButton__namespace.Item, { className: styles$2.menuButtonItem, ...props, children: children }));
-};
-
-var css_248z$1 = ".Toast-module_toast__FLdHz {\n  background-color: var(--color-bg-primary);\n  box-shadow: var(--shadow-lg);\n  border-radius: var(--radius-lg);\n  display: flex;\n  align-items: center;\n  padding: var(--spacing-4);\n  gap: var(--spacing-4);\n  border: 1px solid var(--color-border-primary);\n}\n\n.Toast-module_toastContent__vhwLJ {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-1);\n  flex-grow: 1;\n}\n\n.Toast-module_toast__FLdHz[data-state=\"open\"] {\n  animation: Toast-module_slideIn__JlXMd 150ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n.Toast-module_toast__FLdHz[data-state=\"closed\"] {\n  animation: Toast-module_hide__lMa4n 100ms ease-in;\n}\n\n.Toast-module_toast__FLdHz[data-swipe=\"move\"] {\n  transform: translateX(var(--radix-toast-swipe-move-x));\n}\n\n.Toast-module_toast__FLdHz[data-swipe=\"cancel\"] {\n  transform: translateX(0);\n  transition: transform 200ms ease-out;\n}\n\n.Toast-module_toast__FLdHz[data-swipe=\"end\"] {\n  animation: Toast-module_swipeOut__d3l3m 100ms ease-out;\n}\n\n@keyframes Toast-module_hide__lMa4n {\n  from {\n    opacity: 1;\n  }\n\n  to {\n    opacity: 0;\n  }\n}\n\n@keyframes Toast-module_slideIn__JlXMd {\n  from {\n    transform: translateX(calc(100% + var(--viewport-padding)));\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes Toast-module_swipeOut__d3l3m {\n  from {\n    transform: translateX(var(--radix-toast-swipe-end-x));\n  }\n\n  to {\n    transform: translateX(calc(100% + var(--viewport-padding)));\n  }\n}\n\n.Toast-module_toastViewport__Z7b7Z {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n  position: fixed;\n  bottom: 0;\n  right: 0;\n  display: flex;\n  flex-direction: column;\n  padding: var(--spacing-6);\n  gap: var(--spacing-2);\n  width: 390px;\n  max-width: 100vw;\n  margin: 0;\n  z-index: 999;\n  outline: none;\n  --viewport-padding: var(--spacing-6);\n}\n\n.Toast-module_toastTitle__NoQZU {\n  color: var(--color-text-primary);\n  font-size: var(--font-size-sm);\n  font-weight: var(--font-weight-semibold);\n}\n\n.Toast-module_toastDescription__tmdJg {\n  color: var(--color-text-secondary);\n  font-size: var(--font-size-sm);\n}";
-var styles$1 = {"toast":"Toast-module_toast__FLdHz","toastContent":"Toast-module_toastContent__vhwLJ","toastViewport":"Toast-module_toastViewport__Z7b7Z","toastTitle":"Toast-module_toastTitle__NoQZU","toastDescription":"Toast-module_toastDescription__tmdJg"};
-styleInject(css_248z$1);
-
-const ToastProvider = ({ ...props }) => {
-    return jsxRuntimeExports.jsx(RadixToast__namespace.Provider, { ...props });
-};
-const ToastViewport = React.forwardRef(({ ...props }, ref) => {
-    return jsxRuntimeExports.jsx(RadixToast__namespace.Viewport, { className: styles$1.toastViewport, ref: ref, ...props });
-});
-ToastViewport.displayName = "ToastViewport";
-const Toast = React.forwardRef(({ toastTitle, toastDescription, toastAction, ...props }, ref) => {
-    return (jsxRuntimeExports.jsxs(RadixToast__namespace.Root, { className: styles$1.toast, ref: ref, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles$1.toastContent, children: [jsxRuntimeExports.jsx(RadixToast__namespace.Title, { className: styles$1.toastTitle, children: toastTitle }), toastDescription && (jsxRuntimeExports.jsx(RadixToast__namespace.Description, { className: styles$1.toastDescription, children: toastDescription }))] }), toastAction && (jsxRuntimeExports.jsx(RadixToast__namespace.Action, { className: styles$1.toastAction, asChild: true, altText: "Toast action", children: toastAction })), jsxRuntimeExports.jsx(RadixToast__namespace.Close, { asChild: true, children: jsxRuntimeExports.jsx(Button, { variant: "tertiary", iconOnly: true, icon: "Close" }) })] }));
-});
-Toast.displayName = "Toast";
-
-var css_248z = ".Tooltip-module_tooltipContent__2sP7X {\n    background-color: var(--color-bg-tooltip);\n    color: var(--color-text-inverted);\n    border-radius: var(--radius-md);\n    padding: var(--spacing-2) var(--spacing-3);\n    font-size: var(--font-size-xs);\n    line-height: var(--leading-tight);\n    box-shadow: var(--shadow-sm);\n    z-index: 50;\n}\n\n.Tooltip-module_tooltipArrow__zHK6g {\n    fill: var(--color-bg-tooltip);\n}";
-var styles = {"tooltipContent":"Tooltip-module_tooltipContent__2sP7X","tooltipArrow":"Tooltip-module_tooltipArrow__zHK6g"};
-styleInject(css_248z);
-
-const TooltipProvider = ({ ...props }) => {
-    return jsxRuntimeExports.jsx(RadixTooltip__namespace.Provider, { ...props });
-};
-function Tooltip({ children, content, open, defaultOpen, onOpenChange, ...props }) {
-    if (content === undefined) {
-        return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
-    }
-    return (jsxRuntimeExports.jsxs(RadixTooltip__namespace.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (open) => {
-            onOpenChange?.(open);
-        }, disableHoverableContent: true, delayDuration: 200, children: [jsxRuntimeExports.jsx(RadixTooltip__namespace.Trigger, { asChild: true, children: children }), jsxRuntimeExports.jsx(RadixTooltip__namespace.Portal, { children: jsxRuntimeExports.jsxs(RadixTooltip__namespace.Content, { className: styles.tooltipContent, ...props, sideOffset: 4, children: [content, jsxRuntimeExports.jsx(RadixTooltip__namespace.Arrow, { className: styles.tooltipArrow })] }) })] }));
-}
-
-exports.ArrowLeft = ArrowLeft;
-exports.ArrowRight = ArrowRight;
-exports.Button = Button;
-exports.Check = Check;
-exports.Checkbox = Checkbox;
-exports.Circle = Circle;
-exports.Close = Close;
-exports.Dialog = Dialog;
-exports.ExternalLink = ExternalLink;
-exports.Gear = Gear;
-exports.Hammer = Hammer;
-exports.Heart = Heart;
-exports.IconMap = IconMap;
-exports.Kebab = Kebab;
-exports.Lightning = Lightning;
-exports.Mail = Mail;
-exports.Menu = Menu;
-exports.MenuButton = MenuButton;
-exports.MenuButtonItem = MenuButtonItem;
-exports.NoMobile = NoMobile;
-exports.Pencil = Pencil;
-exports.Spinner = Spinner;
-exports.Toast = Toast;
-exports.ToastProvider = ToastProvider;
-exports.ToastViewport = ToastViewport;
-exports.Tooltip = Tooltip;
-exports.TooltipProvider = TooltipProvider;
-exports.createIcon = createIcon;
-exports.iconSizes = iconSizes;
-//# sourceMappingURL=index.js.map