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

package/dist/esm/index.js

@@ -0,0 +1,870 @@
+import * as React from 'react';
+import React__default, { forwardRef } from 'react';
+import * as RadixCheckbox from '@radix-ui/react-checkbox';
+import * as RadixDialog from '@radix-ui/react-dialog';
+import * as RadixMenuButton from '@radix-ui/react-dropdown-menu';
+import * as RadixToast from '@radix-ui/react-toast';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
+
+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 = React__default,
+	      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.__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 = {
+	      react_stack_bottom_frame: function (callStackForError) {
+	        return callStackForError();
+	      }
+	    };
+	    var specialPropKeyWarningShown;
+	    var didWarnAboutElementRef = {};
+	    var unknownOwnerDebugStack = React.react_stack_bottom_frame.bind(
+	      React,
+	      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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.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.createElement("g", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "m15 12-8.373 8.373a1 1 0 1 1-3-3L12 9m6 6 4-4"
+  }), /*#__PURE__*/React.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.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.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.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.createElement("g", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 1.5
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 8,
+    cy: 2.5,
+    r: 0.75
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 8,
+    cy: 8,
+    r: 0.75
+  }), /*#__PURE__*/React.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.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.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.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.createElement("g", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 20,
+    height: 16,
+    x: 2,
+    y: 4,
+    rx: 2
+  }), /*#__PURE__*/React.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.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.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.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.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.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    width: "1em",
+    height: "1em"
+  }, props), _path || (_path = /*#__PURE__*/React.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 = 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 = 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 = 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.Root, { checked: checked, onCheckedChange: (checked) => {
+                    onClick(checked === true);
+                }, className: styles$4.checkboxRoot, defaultChecked: true, id: id, children: jsxRuntimeExports.jsx(RadixCheckbox.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.Root, { ...props, children: [jsxRuntimeExports.jsx(RadixDialog.Trigger, { asChild: true, children: trigger }), jsxRuntimeExports.jsxs(RadixDialog.Portal, { children: [jsxRuntimeExports.jsx(RadixDialog.Overlay, { className: `${styles$3.dialogOverlay}` }), jsxRuntimeExports.jsxs(RadixDialog.Content, { className: styles$3.dialogContent, onPointerDownOutside: (event) => {
+                            event?.preventDefault();
+                        }, "data-size": "md", children: [jsxRuntimeExports.jsx(RadixDialog.Close, { asChild: true, children: jsxRuntimeExports.jsx(Button, { className: `${styles$3.dialogCloseButton}`, variant: "tertiary", iconOnly: true, children: jsxRuntimeExports.jsx(Close, {}) }) }), jsxRuntimeExports.jsx(RadixDialog.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.Root, { modal: false, ...props, children: [jsxRuntimeExports.jsx(RadixMenuButton.Trigger, { asChild: true, children: jsxRuntimeExports.jsx(Button, { "data-variant": "tertiary", iconOnly: true, icon: "Menu" }) }), jsxRuntimeExports.jsx(RadixMenuButton.Portal, { children: jsxRuntimeExports.jsxs(RadixMenuButton.Content, { align: "end", className: styles$2.menuButtonContent, sideOffset: 5, children: [children, jsxRuntimeExports.jsx(RadixMenuButton.Arrow, { className: styles$2.menuButtonArrow })] }) })] }));
+};
+const MenuButtonItem = ({ children, ...props }) => {
+    return (jsxRuntimeExports.jsx(RadixMenuButton.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.Provider, { ...props });
+};
+const ToastViewport = forwardRef(({ ...props }, ref) => {
+    return jsxRuntimeExports.jsx(RadixToast.Viewport, { className: styles$1.toastViewport, ref: ref, ...props });
+});
+ToastViewport.displayName = "ToastViewport";
+const Toast = forwardRef(({ toastTitle, toastDescription, toastAction, ...props }, ref) => {
+    return (jsxRuntimeExports.jsxs(RadixToast.Root, { className: styles$1.toast, ref: ref, ...props, children: [jsxRuntimeExports.jsxs("div", { className: styles$1.toastContent, children: [jsxRuntimeExports.jsx(RadixToast.Title, { className: styles$1.toastTitle, children: toastTitle }), toastDescription && (jsxRuntimeExports.jsx(RadixToast.Description, { className: styles$1.toastDescription, children: toastDescription }))] }), toastAction && (jsxRuntimeExports.jsx(RadixToast.Action, { className: styles$1.toastAction, asChild: true, altText: "Toast action", children: toastAction })), jsxRuntimeExports.jsx(RadixToast.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.Provider, { ...props });
+};
+function Tooltip({ children, content, open, defaultOpen, onOpenChange, ...props }) {
+    if (content === undefined) {
+        return jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: children });
+    }
+    return (jsxRuntimeExports.jsxs(RadixTooltip.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: (open) => {
+            onOpenChange?.(open);
+        }, disableHoverableContent: true, delayDuration: 200, children: [jsxRuntimeExports.jsx(RadixTooltip.Trigger, { asChild: true, children: children }), jsxRuntimeExports.jsx(RadixTooltip.Portal, { children: jsxRuntimeExports.jsxs(RadixTooltip.Content, { className: styles.tooltipContent, ...props, sideOffset: 4, children: [content, jsxRuntimeExports.jsx(RadixTooltip.Arrow, { className: styles.tooltipArrow })] }) })] }));
+}
+
+export { ArrowLeft, ArrowRight, Button, Check, Checkbox, Circle, Close, Dialog, ExternalLink, Gear, Hammer, Heart, IconMap, Kebab, Lightning, Mail, Menu, MenuButton, MenuButtonItem, NoMobile, Pencil, Spinner, Toast, ToastProvider, ToastViewport, Tooltip, TooltipProvider, createIcon, iconSizes };
+//# sourceMappingURL=index.js.map