@snapcall/design-system 1.0.0

package/dist/index.mjs

@@ -0,0 +1,577 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
+// src/components/Button/Button.tsx
+import { useButton, useFocusRing } from "react-aria";
+
+// node_modules/@react-aria/utils/dist/import.mjs
+import $12uGp$react, { useState as $12uGp$useState, useRef as $12uGp$useRef, useCallback as $12uGp$useCallback, useEffect as $12uGp$useEffect } from "react";
+var $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof window !== "undefined" ? (0, $12uGp$react).useLayoutEffect : () => {
+};
+var $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
+var $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
+function $bbed8b41f857bcc0$var$setupGlobalEvents() {
+  if (typeof window === "undefined")
+    return;
+  let onTransitionStart = (e) => {
+    let transitions = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+    if (!transitions) {
+      transitions = /* @__PURE__ */ new Set();
+      $bbed8b41f857bcc0$var$transitionsByElement.set(e.target, transitions);
+      e.target.addEventListener("transitioncancel", onTransitionEnd);
+    }
+    transitions.add(e.propertyName);
+  };
+  let onTransitionEnd = (e) => {
+    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e.target);
+    if (!properties)
+      return;
+    properties.delete(e.propertyName);
+    if (properties.size === 0) {
+      e.target.removeEventListener("transitioncancel", onTransitionEnd);
+      $bbed8b41f857bcc0$var$transitionsByElement.delete(e.target);
+    }
+    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
+      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)
+        cb();
+      $bbed8b41f857bcc0$var$transitionCallbacks.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", onTransitionStart);
+  document.body.addEventListener("transitionend", onTransitionEnd);
+}
+if (typeof document !== "undefined") {
+  if (document.readyState !== "loading")
+    $bbed8b41f857bcc0$var$setupGlobalEvents();
+  else
+    document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
+}
+var $5df64b3807dc15ee$var$visualViewport = typeof window !== "undefined" && window.visualViewport;
+function $c87311424ea30a05$var$testUserAgent(re) {
+  var _window_navigator_userAgentData;
+  if (typeof window === "undefined" || window.navigator == null)
+    return false;
+  return ((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.brands.some((brand) => re.test(brand.brand))) || re.test(window.navigator.userAgent);
+}
+function $c87311424ea30a05$var$testPlatform(re) {
+  var _window_navigator_userAgentData;
+  return typeof window !== "undefined" && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator["userAgentData"]) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
+}
+function $c87311424ea30a05$export$9ac100e40613ea10() {
+  return $c87311424ea30a05$var$testPlatform(/^Mac/i);
+}
+function $c87311424ea30a05$export$a11b0059900ceec8() {
+  return $c87311424ea30a05$var$testUserAgent(/Android/i);
+}
+function $6a7db85432448f7f$export$60278871457622de(event) {
+  if (event.mozInputSource === 0 && event.isTrusted)
+    return true;
+  if ((0, $c87311424ea30a05$export$a11b0059900ceec8)() && event.pointerType)
+    return event.type === "click" && event.buttons === 1;
+  return event.detail === 0 && !event.pointerType;
+}
+
+// node_modules/@react-aria/interactions/dist/import.mjs
+import $bx7SL$react, { useRef as $bx7SL$useRef, useContext as $bx7SL$useContext, useState as $bx7SL$useState, useMemo as $bx7SL$useMemo, useEffect as $bx7SL$useEffect, useCallback as $bx7SL$useCallback } from "react";
+var $ae1eeba8b9eafd08$export$5165eccb35aaadb5 = (0, $bx7SL$react).createContext(null);
+$ae1eeba8b9eafd08$export$5165eccb35aaadb5.displayName = "PressResponderContext";
+var $507fabe10e71c6fb$var$currentModality = null;
+var $507fabe10e71c6fb$var$changeHandlers = /* @__PURE__ */ new Set();
+var $507fabe10e71c6fb$var$hasSetupGlobalListeners = false;
+var $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+var $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
+  for (let handler of $507fabe10e71c6fb$var$changeHandlers)
+    handler(modality, e);
+}
+function $507fabe10e71c6fb$var$isValidKey(e) {
+  return !(e.metaKey || !(0, $c87311424ea30a05$export$9ac100e40613ea10)() && e.altKey || e.ctrlKey || e.key === "Control" || e.key === "Shift" || e.key === "Meta");
+}
+function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+  if ($507fabe10e71c6fb$var$isValidKey(e)) {
+    $507fabe10e71c6fb$var$currentModality = "keyboard";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("keyboard", e);
+  }
+}
+function $507fabe10e71c6fb$var$handlePointerEvent(e) {
+  $507fabe10e71c6fb$var$currentModality = "pointer";
+  if (e.type === "mousedown" || e.type === "pointerdown") {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$triggerChangeHandlers("pointer", e);
+  }
+}
+function $507fabe10e71c6fb$var$handleClickEvent(e) {
+  if ((0, $6a7db85432448f7f$export$60278871457622de)(e)) {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+  }
+}
+function $507fabe10e71c6fb$var$handleFocusEvent(e) {
+  if (e.target === window || e.target === document)
+    return;
+  if (!$507fabe10e71c6fb$var$hasEventBeforeFocus && !$507fabe10e71c6fb$var$hasBlurredWindowRecently) {
+    $507fabe10e71c6fb$var$currentModality = "virtual";
+    $507fabe10e71c6fb$var$triggerChangeHandlers("virtual", e);
+  }
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+  $507fabe10e71c6fb$var$hasBlurredWindowRecently = false;
+}
+function $507fabe10e71c6fb$var$handleWindowBlur() {
+  $507fabe10e71c6fb$var$hasEventBeforeFocus = false;
+  $507fabe10e71c6fb$var$hasBlurredWindowRecently = true;
+}
+function $507fabe10e71c6fb$var$setupGlobalFocusEvents() {
+  if (typeof window === "undefined" || $507fabe10e71c6fb$var$hasSetupGlobalListeners)
+    return;
+  let focus = HTMLElement.prototype.focus;
+  HTMLElement.prototype.focus = function() {
+    $507fabe10e71c6fb$var$hasEventBeforeFocus = true;
+    focus.apply(this, arguments);
+  };
+  document.addEventListener("keydown", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  document.addEventListener("keyup", $507fabe10e71c6fb$var$handleKeyboardEvent, true);
+  document.addEventListener("click", $507fabe10e71c6fb$var$handleClickEvent, true);
+  window.addEventListener("focus", $507fabe10e71c6fb$var$handleFocusEvent, true);
+  window.addEventListener("blur", $507fabe10e71c6fb$var$handleWindowBlur, false);
+  if (typeof PointerEvent !== "undefined") {
+    document.addEventListener("pointerdown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    document.addEventListener("pointermove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    document.addEventListener("pointerup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  } else {
+    document.addEventListener("mousedown", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    document.addEventListener("mousemove", $507fabe10e71c6fb$var$handlePointerEvent, true);
+    document.addEventListener("mouseup", $507fabe10e71c6fb$var$handlePointerEvent, true);
+  }
+  $507fabe10e71c6fb$var$hasSetupGlobalListeners = true;
+}
+if (typeof document !== "undefined") {
+  if (document.readyState !== "loading")
+    $507fabe10e71c6fb$var$setupGlobalFocusEvents();
+  else
+    document.addEventListener("DOMContentLoaded", $507fabe10e71c6fb$var$setupGlobalFocusEvents);
+}
+var $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
+var $6179b936705e76d3$var$hoverCount = 0;
+function $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents() {
+  $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = true;
+  setTimeout(() => {
+    $6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents = false;
+  }, 50);
+}
+function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
+  if (e.pointerType === "touch")
+    $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents();
+}
+function $6179b936705e76d3$var$setupGlobalTouchEvents() {
+  if (typeof document === "undefined")
+    return;
+  if (typeof PointerEvent !== "undefined")
+    document.addEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+  else
+    document.addEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+  $6179b936705e76d3$var$hoverCount++;
+  return () => {
+    $6179b936705e76d3$var$hoverCount--;
+    if ($6179b936705e76d3$var$hoverCount > 0)
+      return;
+    if (typeof PointerEvent !== "undefined")
+      document.removeEventListener("pointerup", $6179b936705e76d3$var$handleGlobalPointerEvent);
+    else
+      document.removeEventListener("touchend", $6179b936705e76d3$var$setGlobalIgnoreEmulatedMouseEvents);
+  };
+}
+function $6179b936705e76d3$export$ae780daf29e6d456(props) {
+  let { onHoverStart, onHoverChange, onHoverEnd, isDisabled } = props;
+  let [isHovered, setHovered] = (0, $bx7SL$useState)(false);
+  let state = (0, $bx7SL$useRef)({
+    isHovered: false,
+    ignoreEmulatedMouseEvents: false,
+    pointerType: "",
+    target: null
+  }).current;
+  (0, $bx7SL$useEffect)($6179b936705e76d3$var$setupGlobalTouchEvents, []);
+  let { hoverProps, triggerHoverEnd } = (0, $bx7SL$useMemo)(() => {
+    let triggerHoverStart = (event, pointerType) => {
+      state.pointerType = pointerType;
+      if (isDisabled || pointerType === "touch" || state.isHovered || !event.currentTarget.contains(event.target))
+        return;
+      state.isHovered = true;
+      let target = event.currentTarget;
+      state.target = target;
+      if (onHoverStart)
+        onHoverStart({
+          type: "hoverstart",
+          target,
+          pointerType
+        });
+      if (onHoverChange)
+        onHoverChange(true);
+      setHovered(true);
+    };
+    let triggerHoverEnd2 = (event, pointerType) => {
+      state.pointerType = "";
+      state.target = null;
+      if (pointerType === "touch" || !state.isHovered)
+        return;
+      state.isHovered = false;
+      let target = event.currentTarget;
+      if (onHoverEnd)
+        onHoverEnd({
+          type: "hoverend",
+          target,
+          pointerType
+        });
+      if (onHoverChange)
+        onHoverChange(false);
+      setHovered(false);
+    };
+    let hoverProps2 = {};
+    if (typeof PointerEvent !== "undefined") {
+      hoverProps2.onPointerEnter = (e) => {
+        if ($6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents && e.pointerType === "mouse")
+          return;
+        triggerHoverStart(e, e.pointerType);
+      };
+      hoverProps2.onPointerLeave = (e) => {
+        if (!isDisabled && e.currentTarget.contains(e.target))
+          triggerHoverEnd2(e, e.pointerType);
+      };
+    } else {
+      hoverProps2.onTouchStart = () => {
+        state.ignoreEmulatedMouseEvents = true;
+      };
+      hoverProps2.onMouseEnter = (e) => {
+        if (!state.ignoreEmulatedMouseEvents && !$6179b936705e76d3$var$globalIgnoreEmulatedMouseEvents)
+          triggerHoverStart(e, "mouse");
+        state.ignoreEmulatedMouseEvents = false;
+      };
+      hoverProps2.onMouseLeave = (e) => {
+        if (!isDisabled && e.currentTarget.contains(e.target))
+          triggerHoverEnd2(e, "mouse");
+      };
+    }
+    return {
+      hoverProps: hoverProps2,
+      triggerHoverEnd: triggerHoverEnd2
+    };
+  }, [
+    onHoverStart,
+    onHoverChange,
+    onHoverEnd,
+    isDisabled,
+    state
+  ]);
+  (0, $bx7SL$useEffect)(() => {
+    if (isDisabled)
+      triggerHoverEnd({
+        currentTarget: state.target
+      }, state.pointerType);
+  }, [
+    isDisabled
+  ]);
+  return {
+    hoverProps,
+    isHovered
+  };
+}
+
+// src/components/Button/Button.tsx
+import { forwardRef } from "react";
+import cn from "classnames";
+
+// src/utils/useForwardedRef.ts
+import { useRef, useEffect } from "react";
+function useForwardedRef(ref) {
+  const innerRef = useRef(null);
+  useEffect(() => {
+    if (!ref)
+      return;
+    if (typeof ref === "function") {
+      ref(innerRef.current);
+    } else {
+      ref.current = innerRef.current;
+    }
+  });
+  return innerRef;
+}
+
+// src/components/Button/Button.tsx
+import { jsx } from "react/jsx-runtime";
+var Button = forwardRef(
+  function Button2(_a, forwardedRef) {
+    var _b = _a, {
+      children,
+      variant = "primary",
+      size = "medium",
+      blank = false,
+      fullWidth = false,
+      form
+    } = _b, otherProps = __objRest(_b, [
+      "children",
+      "variant",
+      "size",
+      "blank",
+      "fullWidth",
+      "form"
+    ]);
+    const ref = useForwardedRef(forwardedRef);
+    const { buttonProps, isPressed } = useButton(otherProps, ref);
+    const { isFocused, isFocusVisible, focusProps } = useFocusRing();
+    const { hoverProps, isHovered } = $6179b936705e76d3$export$ae780daf29e6d456({
+      isDisabled: buttonProps.disabled
+    });
+    const variantStyle = {
+      primary: cn("text-white border-transparent", {
+        "bg-blue-700": !isHovered && !isPressed,
+        "bg-blue-800": isHovered && !isPressed,
+        "bg-blue-900": isPressed,
+        "outline-blue-1000": isFocusVisible
+      }),
+      secondary: cn("text-blue-700 border-transparent", {
+        "bg-gray-50": !blank && !isHovered && !isPressed,
+        "bg-blue-100": isHovered && !isPressed,
+        "bg-blue-200": isPressed,
+        "outline-blue-700": isFocusVisible
+      }),
+      tertiary: cn("text-gray-1000 border-gray-600", {
+        "bg-transparent": !isHovered && !isPressed,
+        "bg-gray-50": isHovered && !isPressed,
+        "bg-gray-200": isPressed,
+        "outline-gray-1000": isFocusVisible
+      }),
+      dark: cn("text-white border-transparent", {
+        "bg-gray-1000": !isHovered && !isPressed,
+        "bg-gray-800": isHovered && !isPressed,
+        "bg-gray-900": isPressed,
+        "outline-gray-600": isFocusVisible
+      }),
+      gray: cn("text-gray-1000 border-transparent", {
+        "bg-gray-50": !isHovered && !isPressed,
+        "bg-gray-300": isHovered && !isPressed,
+        "bg-gray-500": isPressed,
+        "outline-gray-1000": isFocusVisible
+      }),
+      red: cn("text-red-700 border-transparent", {
+        "bg-gray-50": !blank && !isHovered && !isPressed,
+        "bg-red-100": isHovered && !isPressed,
+        "bg-red-200": isPressed,
+        "outline-red-700": isFocusVisible
+      })
+    };
+    const sizeStyle = {
+      large: "py-2.5 px-5 text-md rounded-lg gap-2",
+      medium: "py-1.5 px-3.5 text-md rounded-lg gap-2",
+      small: "py-[5px] px-3 text-sm rounded-md gap-2",
+      extraSmall: "py-1 px-2.5 text-sm rounded gap-[5px]"
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+        className: cn(
+          sizeStyle[size],
+          variantStyle[variant],
+          "flex items-center justify-center font-medium border",
+          "transition-colors ease-in-out",
+          {
+            "outline-none": isFocused && !isFocusVisible,
+            "outline outline-2 outline-offset-0": isFocusVisible,
+            "cursor-not-allowed opacity-50": buttonProps.disabled,
+            "w-full": fullWidth
+          }
+        )
+      }, buttonProps), focusProps), hoverProps), {
+        form,
+        ref,
+        children
+      })
+    );
+  }
+);
+
+// src/components/Badge/Badge.tsx
+import cn2 from "classnames";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Badge = ({
+  children,
+  variant = "primary",
+  capitalize = true
+}) => {
+  const colorStyle = {
+    info: "bg-[#F0F7FF] text-cta",
+    success: "bg-[#F1FFF1] text-[#53AB53]",
+    warning: "bg-[#FFF5DC] text-[#FFB800]",
+    danger: "bg-[#FFF3F1] text-[#E42525]",
+    primary: "bg-primary text-graySelected",
+    secondary: "bg-graySelected text-primaryLight",
+    basic: "bg-transparent text-primaryLight border border-primaryLight"
+  };
+  return /* @__PURE__ */ jsx2(
+    "span",
+    {
+      className: cn2("px-2 py-[2px] text-xs rounded-md whitespace-nowrap", colorStyle[variant], {
+        capitalize
+      }),
+      children
+    }
+  );
+};
+
+// src/components/Drawer/Drawer.tsx
+import { useRef as useRef2, useState, cloneElement } from "react";
+import { Overlay, useModalOverlay } from "react-aria";
+import { useOverlayTriggerState } from "react-stately";
+import { CSSTransition } from "react-transition-group";
+import cn3 from "classnames";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var placementsStyle = {
+  top: {
+    container: " items-start justify-center",
+    transition: {
+      appear: "-translate-y-full",
+      appearDone: "translate-y-0",
+      exit: "-translate-y-full"
+    }
+  },
+  right: {
+    container: "justify-end",
+    transition: {
+      appear: "translate-x-full",
+      appearDone: "translate-x-0",
+      exit: "translate-x-full"
+    }
+  },
+  bottom: {
+    container: " items-end justify-center",
+    transition: {
+      appear: "translate-y-full",
+      appearDone: "translate-y-0",
+      exit: "translate-y-full"
+    }
+  },
+  left: {
+    container: "justify-start",
+    transition: {
+      appear: "-translate-x-full",
+      appearDone: "translate-x-0",
+      exit: "-translate-x-full"
+    }
+  }
+};
+var Drawer = (_a) => {
+  var _b = _a, {
+    state,
+    placement = "left",
+    container,
+    children
+  } = _b, props = __objRest(_b, [
+    "state",
+    "placement",
+    "container",
+    "children"
+  ]);
+  const ref = useRef2(null);
+  const [exited, setExited] = useState(!state.isOpen);
+  const { modalProps, underlayProps } = useModalOverlay(
+    __spreadValues({
+      isDismissable: true
+    }, props),
+    state,
+    ref
+  );
+  if (!(state.isOpen || !exited)) {
+    return null;
+  }
+  const placementStyle = placementsStyle[placement];
+  const position = container ? "absolute" : "fixed";
+  return /* @__PURE__ */ jsxs(Overlay, { portalContainer: container, children: [
+    /* @__PURE__ */ jsx3(
+      CSSTransition,
+      {
+        in: state.isOpen,
+        appear: true,
+        onEntered: () => setExited(false),
+        onExited: () => setExited(true),
+        timeout: { enter: 0, exit: 300 },
+        classNames: {
+          appear: "opacity-0",
+          appearDone: "opacity-1",
+          exit: "opacity-0"
+        },
+        children: /* @__PURE__ */ jsx3(
+          "div",
+          {
+            className: cn3(
+              "z-50 inset-0 bg-black/50 transition-opacity duration-300",
+              position
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      "div",
+      __spreadProps(__spreadValues({
+        className: cn3("z-50 inset-0 flex", position, placementStyle.container)
+      }, underlayProps), {
+        children: /* @__PURE__ */ jsx3(
+          CSSTransition,
+          {
+            in: state.isOpen,
+            appear: true,
+            nodeRef: ref,
+            timeout: { enter: 0, exit: 300 },
+            classNames: placementStyle.transition,
+            children: cloneElement(
+              typeof children === "function" ? children(state.close) : children,
+              __spreadValues({
+                ref,
+                style: {
+                  transitionProperty: "transform",
+                  transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
+                  transitionDuration: "300ms"
+                }
+              }, modalProps)
+            )
+          }
+        )
+      })
+    )
+  ] });
+};
+var useDrawerState = useOverlayTriggerState;
+export {
+  Badge,
+  Button,
+  Drawer,
+  useDrawerState
+};

package/dist/style.css

@@ -0,0 +1 @@
+*{box-sizing:border-box;font-family:Inter;-webkit-font-smoothing:antialiased}:root{--color-gray-25:252 252 252;--color-gray-50:247 247 247;--color-gray-100:242 242 242;--color-gray-200:237 237 237;--color-gray-300:232 232 232;--color-gray-400:227 227 227;--color-gray-500:219 219 219;--color-gray-600:199 199 199;--color-gray-700:143 143 143;--color-gray-800:133 133 133;--color-gray-900:112 112 112;--color-gray-1000:23 23 23;--color-blue-25:250 252 255;--color-blue-50:245 249 255;--color-blue-100:240 246 255;--color-blue-200:215 231 254;--color-blue-300:199 222 255;--color-blue-400:184 213 255;--color-blue-500:133 184 255;--color-blue-600:87 157 255;--color-blue-700:0 106 255;--color-blue-800:0 91 219;--color-blue-900:0 77 184;--color-blue-1000:0 34 82;--color-red-25:255 250 250;--color-red-50:255 250 250;--color-red-100:255 240 240;--color-red-200:255 229 229;--color-red-300:253 216 216;--color-red-400:249 200 200;--color-red-500:243 175 176;--color-red-600:234 143 144;--color-red-700:229 72 77;--color-red-800:219 61 66;--color-red-900:206 44 49;--color-red-1000:57 20 23;--color-amber-25:254 253 251;--color-amber-50:255 248 235;--color-amber-100:255 244 214;--color-amber-200:255 236 189;--color-amber-300:255 227 163;--color-amber-400:255 210 133;--color-amber-500:243 185 98;--color-amber-600:238 157 43;--color-amber-700:255 178 36;--color-amber-800:255 159 26;--color-amber-900:173 87 0;--color-amber-1000:78 32 9;--color-green-25:251 254 252;--color-green-50:243 252 245;--color-green-100:235 250 240;--color-green-200:221 243 228;--color-green-300:204 235 215;--color-green-400:180 223 196;--color-green-500:146 206 172;--color-green-600:91 185 139;--color-green-700:48 166 109;--color-green-800:42 152 101;--color-green-900:24 119 76;--color-green-1000:21 50 38;--color-tomato-25:255 250 250;--color-tomato-50:255 246 245;--color-tomato-100:255 241 240;--color-tomato-200:255 228 224;--color-tomato-300:253 216 211;--color-tomato-400:250 198 189;--color-tomato-500:243 174 160;--color-tomato-600:234 146 128;--color-tomato-700:229 77 46;--color-tomato-800:219 66 36;--color-tomato-900:204 51 20;--color-tomato-1000:54 24 17;--color-crimson-25:255 250 252;--color-crimson-50:255 245 250;--color-crimson-100:254 241 247;--color-crimson-200:252 228 239;--color-crimson-300:249 215 230;--color-crimson-400:244 199 220;--color-crimson-500:237 171 199;--color-crimson-600:229 143 178;--color-crimson-700:234 62 131;--color-crimson-800:225 51 120;--color-crimson-900:210 30 102;--color-crimson-1000:63 13 30;--color-pink-25:255 250 253;--color-pink-50:255 245 251;--color-pink-100:254 236 247;--color-pink-200:252 228 243;--color-pink-300:249 215 235;--color-pink-400:243 196 225;--color-pink-500:236 172 211;--color-pink-600:226 141 194;--color-pink-700:215 66 160;--color-pink-800:210 50 151;--color-pink-900:205 29 141;--color-pink-1000:61 10 43;--color-plum-25:253 250 255;--color-plum-50:255 250 255;--color-plum-100:252 238 252;--color-plum-200:249 230 249;--color-plum-300:243 215 244;--color-plum-400:236 201 238;--color-plum-500:223 176 227;--color-plum-600:207 146 217;--color-plum-700:171 74 186;--color-plum-800:164 60 180;--color-plum-900:154 43 171;--color-plum-1000:52 12 59;--color-purple-25:254 251 254;--color-purple-50:253 250 255;--color-purple-100:249 241 254;--color-purple-200:244 232 252;--color-purple-300:237 220 249;--color-purple-400:228 205 244;--color-purple-500:212 181 237;--color-purple-600:191 149 228;--color-purple-700:142 78 198;--color-purple-800:131 68 187;--color-purple-900:121 59 176;--color-purple-1000:43 14 68;--color-violet-25:252 251 254;--color-violet-50:251 250 255;--color-violet-100:243 240 255;--color-violet-200:235 231 254;--color-violet-300:228 222 252;--color-violet-400:213 205 249;--color-violet-500:197 185 243;--color-violet-600:168 152 236;--color-violet-700:109 84 207;--color-violet-800:99 78 193;--color-violet-900:87 70 175;--color-violet-1000:31 18 73;--color-indigo-25:252 252 253;--color-indigo-50:250 251 255;--color-indigo-100:240 244 255;--color-indigo-200:231 237 254;--color-indigo-300:217 226 252;--color-indigo-400:200 213 249;--color-indigo-500:173 191 245;--color-indigo-600:143 166 239;--color-indigo-700:60 97 221;--color-indigo-800:56 91 204;--color-indigo-900:52 81 178;--color-indigo-1000:16 29 71;--color-cyan-25:251 253 254;--color-cyan-50:242 252 253;--color-cyan-100:233 249 251;--color-cyan-200:218 244 247;--color-cyan-300:195 233 239;--color-cyan-400:168 222 230;--color-cyan-500:133 206 219;--color-cyan-600:63 185 207;--color-cyan-700:5 162 194;--color-cyan-800:8 149 180;--color-cyan-900:12 119 146;--color-cyan-1000:4 50 62;--color-teal-25:251 254 253;--color-teal-50:242 252 250;--color-teal-100:231 249 245;--color-teal-200:216 243 237;--color-teal-300:199 235 229;--color-teal-400:175 223 215;--color-teal-500:141 206 195;--color-teal-600:85 185 172;--color-teal-700:18 165 148;--color-teal-800:14 154 138;--color-teal-900:6 122 110;--color-teal-1000:17 50 45;--color-grass-25:251 254 251;--color-grass-50:243 252 243;--color-grass-100:235 249 235;--color-grass-200:222 242 222;--color-grass-300:204 234 205;--color-grass-400:185 223 188;--color-grass-500:150 207 155;--color-grass-600:100 185 116;--color-grass-700:69 165 87;--color-grass-800:61 153 79;--color-grass-900:41 122 58;--color-grass-1000:27 49 30;--color-brown-25:254 252 251;--color-brown-50:252 250 247;--color-brown-100:249 242 236;--color-brown-200:244 232 220;--color-brown-300:239 221 205;--color-brown-400:232 205 181;--color-brown-500:221 185 151;--color-brown-600:208 158 113;--color-brown-700:173 127 88;--color-brown-800:162 118 83;--color-brown-900:136 99 73;--color-brown-1000:63 44 34;--color-orange-25:254 252 251;--color-orange-50:254 249 246;--color-orange-100:255 240 229;--color-orange-200:255 232 214;--color-orange-300:255 219 194;--color-orange-400:255 204 168;--color-orange-500:255 178 128;--color-orange-600:250 146 76;--color-orange-700:247 104 8;--color-orange-800:235 94 0;--color-orange-900:189 75 0;--color-orange-1000:69 30 17;--color-sky-25:250 254 255;--color-sky-50:240 252 255;--color-sky-100:229 249 255;--color-sky-200:211 243 253;--color-sky-300:195 236 249;--color-sky-400:162 222 241;--color-sky-500:123 208 234;--color-sky-600:46 190 229;--color-sky-700:104 221 253;--color-sky-800:93 211 244;--color-sky-900:0 122 163;--color-sky-1000:0 50 66;--color-mint-25:251 254 254;--color-mint-50:241 254 250;--color-mint-100:224 251 243;--color-mint-200:212 247 238;--color-mint-300:194 239 228;--color-mint-400:165 228 212;--color-mint-500:125 212 191;--color-mint-600:64 196 170;--color-mint-700:112 225 200;--color-mint-800:104 217 193;--color-mint-900:20 123 109;--color-mint-1000:9 52 46;--color-lime-25:253 254 251;--color-lime-50:246 252 238;--color-lime-100:238 250 219;--color-lime-200:227 247 197;--color-lime-300:215 242 176;--color-lime-400:202 233 150;--color-lime-500:177 209 107;--color-lime-600:148 186 44;--color-lime-700:153 213 42;--color-lime-800:147 201 38;--color-lime-900:93 119 13;--color-lime-1000:39 52 9;--color-yellow-25:252 252 247;--color-yellow-50:255 252 229;--color-yellow-100:255 251 209;--color-yellow-200:255 248 189;--color-yellow-300:254 242 164;--color-yellow-400:249 231 139;--color-yellow-500:239 210 108;--color-yellow-600:235 188 0;--color-yellow-700:245 217 10;--color-yellow-800:245 204 0;--color-yellow-900:148 104 0;--color-yellow-1000:52 40 15;--color-gold-25:253 253 252;--color-gold-50:251 250 243;--color-gold-100:246 243 234;--color-gold-200:238 234 221;--color-gold-300:230 224 209;--color-gold-400:218 209 190;--color-gold-500:203 189 164;--color-gold-600:184 163 132;--color-gold-700:150 130 100;--color-gold-800:141 122 94;--color-gold-900:119 103 80;--color-gold-1000:59 53 43;--color-bronze-25:253 252 252;--color-bronze-50:253 248 247;--color-bronze-100:248 240 237;--color-bronze-200:242 232 227;--color-bronze-300:234 221 215;--color-bronze-400:224 206 199;--color-bronze-500:208 184 175;--color-bronze-600:190 159 147;--color-bronze-700:161 128 114;--color-bronze-800:150 118 105;--color-bronze-900:132 99 88;--color-bronze-1000:68 49 44}.dark-theme{--color-gray-25:23 23 23;--color-gray-50:28 28 28;--color-gray-100:36 36 36;--color-gray-200:41 41 41;--color-gray-300:46 46 46;--color-gray-400:51 51 51;--color-gray-500:61 61 61;--color-gray-600:79 79 79;--color-gray-700:112 112 112;--color-gray-800:125 125 125;--color-gray-900:161 161 161;--color-gray-1000:237 237 237;--color-blue-25:15 22 31;--color-blue-50:15 28 46;--color-blue-100:16 35 61;--color-blue-200:16 42 76;--color-blue-300:15 47 87;--color-blue-400:13 56 104;--color-blue-500:10 67 128;--color-blue-600:9 84 165;--color-blue-700:0 145 255;--color-blue-800:56 159 255;--color-blue-900:82 168 255;--color-blue-1000:235 246 255;--color-red-25:32 19 21;--color-red-50:41 20 21;--color-red-100:58 23 25;--color-red-200:71 26 29;--color-red-300:85 27 31;--color-red-400:103 30 33;--color-red-500:131 33 38;--color-red-600:168 36 40;--color-red-700:229 72 77;--color-red-800:242 84 90;--color-red-900:255 97 102;--color-red-1000:254 236 238;--color-amber-25:31 19 0;--color-amber-50:41 24 0;--color-amber-100:51 27 0;--color-amber-200:61 33 0;--color-amber-300:77 42 0;--color-amber-400:87 51 0;--color-amber-500:107 65 5;--color-amber-600:128 77 0;--color-amber-700:255 178 36;--color-amber-800:255 203 71;--color-amber-900:242 162 13;--color-amber-1000:254 243 220;--color-green-25:12 24 17;--color-green-50:11 29 22;--color-green-100:15 41 30;--color-green-200:17 49 35;--color-green-300:19 57 41;--color-green-400:22 69 49;--color-green-500:27 85 59;--color-green-600:34 109 73;--color-green-700:48 166 109;--color-green-800:60 175 119;--color-green-900:75 195 137;--color-green-1000:229 251 234;--color-tomato-25:28 20 18;--color-tomato-50:41 19 15;--color-tomato-100:58 23 19;--color-tomato-200:72 26 20;--color-tomato-300:86 29 21;--color-tomato-400:100 32 22;--color-tomato-500:127 35 21;--color-tomato-600:165 43 18;--color-tomato-700:229 77 46;--color-tomato-800:236 93 65;--color-tomato-900:241 107 80;--color-tomato-1000:254 239 236;--color-crimson-25:30 21 25;--color-crimson-50:40 21 29;--color-crimson-100:58 23 38;--color-crimson-200:71 26 45;--color-crimson-300:85 27 51;--color-crimson-400:99 29 58;--color-crimson-500:129 29 69;--color-crimson-600:174 25 85;--color-crimson-700:234 62 131;--color-crimson-800:240 81 137;--color-crimson-900:247 95 143;--color-crimson-1000:254 236 244;--color-pink-25:32 19 28;--color-pink-50:40 21 34;--color-pink-100:58 24 47;--color-pink-200:70 27 56;--color-pink-300:80 27 63;--color-pink-400:98 29 74;--color-pink-500:124 29 91;--color-pink-600:165 24 113;--color-pink-700:215 66 160;--color-pink-800:227 74 168;--color-pink-900:246 90 181;--color-pink-1000:254 236 247;--color-plum-25:28 18 28;--color-plum-50:36 20 36;--color-plum-100:51 26 51;--color-plum-200:62 28 63;--color-plum-300:72 33 74;--color-plum-400:85 38 89;--color-plum-500:107 46 112;--color-plum-600:136 56 148;--color-plum-700:171 74 186;--color-plum-800:188 83 198;--color-plum-900:216 100 216;--color-plum-1000:251 237 252;--color-purple-25:28 21 30;--color-purple-50:35 21 40;--color-purple-100:46 25 56;--color-purple-200:58 30 72;--color-purple-300:66 33 84;--color-purple-400:79 39 104;--color-purple-500:95 46 133;--color-purple-600:121 56 178;--color-purple-700:142 78 198;--color-purple-800:156 91 210;--color-purple-900:191 122 240;--color-purple-1000:248 237 252;--color-violet-25:23 21 30;--color-violet-50:28 23 43;--color-violet-100:36 29 62;--color-violet-200:43 34 79;--color-violet-300:50 38 94;--color-violet-400:57 44 114;--color-violet-500:68 53 146;--color-violet-600:87 65 195;--color-violet-700:109 84 207;--color-violet-800:123 101 220;--color-violet-900:159 141 252;--color-violet-1000:239 236 254;--color-indigo-25:19 22 32;--color-indigo-50:21 25 45;--color-indigo-100:24 32 62;--color-indigo-200:28 39 79;--color-indigo-300:31 44 92;--color-indigo-400:34 51 109;--color-indigo-500:39 63 139;--color-indigo-600:47 77 177;--color-indigo-700:60 97 221;--color-indigo-800:84 116 232;--color-indigo-900:133 157 255;--color-indigo-1000:237 240 253;--color-cyan-25:7 25 29;--color-cyan-50:6 29 35;--color-cyan-100:7 41 49;--color-cyan-200:7 48 59;--color-cyan-300:7 57 69;--color-cyan-400:6 66 81;--color-cyan-500:4 79 98;--color-cyan-600:0 102 128;--color-cyan-700:5 162 194;--color-cyan-800:0 177 204;--color-cyan-900:0 193 214;--color-cyan-1000:224 248 250;--color-teal-25:9 26 22;--color-teal-50:4 32 27;--color-teal-100:6 40 34;--color-teal-200:7 49 43;--color-teal-300:8 58 51;--color-teal-400:9 68 60;--color-teal-500:11 86 76;--color-teal-600:12 110 99;--color-teal-700:18 165 148;--color-teal-800:16 178 162;--color-teal-900:10 199 180;--color-teal-1000:224 250 244;--color-grass-25:12 24 17;--color-grass-50:15 31 19;--color-grass-100:20 42 26;--color-grass-200:22 49 30;--color-grass-300:25 57 33;--color-grass-400:29 68 39;--color-grass-500:37 86 49;--color-grass-600:47 111 59;--color-grass-700:69 165 87;--color-grass-800:85 180 102;--color-grass-900:98 192 115;--color-grass-1000:229 251 234;--color-brown-25:26 22 20;--color-brown-50:33 23 18;--color-brown-100:46 32 26;--color-brown-200:53 37 29;--color-brown-300:63 44 34;--color-brown-400:72 53 40;--color-brown-500:93 67 50;--color-brown-600:119 89 64;--color-brown-700:173 127 88;--color-brown-800:189 140 97;--color-brown-900:219 162 112;--color-brown-1000:250 240 229;--color-orange-25:30 17 6;--color-orange-50:41 19 0;--color-orange-100:58 27 3;--color-orange-200:67 30 4;--color-orange-300:77 34 5;--color-orange-400:96 42 6;--color-orange-500:118 50 5;--color-orange-600:148 62 0;--color-orange-700:247 104 8;--color-orange-800:255 126 41;--color-orange-900:255 139 61;--color-orange-1000:254 234 220;--color-sky-25:13 25 33;--color-sky-50:7 30 44;--color-sky-100:8 37 53;--color-sky-200:8 44 64;--color-sky-300:8 52 74;--color-sky-400:8 62 89;--color-sky-500:6 74 106;--color-sky-600:0 93 133;--color-sky-700:104 221 253;--color-sky-800:138 232 255;--color-sky-900:47 200 238;--color-sky-1000:235 248 255;--color-mint-25:7 23 21;--color-mint-50:5 31 29;--color-mint-100:5 41 38;--color-mint-200:4 47 42;--color-mint-300:3 58 52;--color-mint-400:1 70 62;--color-mint-500:0 87 75;--color-mint-600:0 107 89;--color-mint-700:112 225 200;--color-mint-800:149 243 217;--color-mint-900:37 208 171;--color-mint-1000:232 252 248;--color-lime-25:20 24 7;--color-lime-50:23 28 8;--color-lime-100:30 38 13;--color-lime-200:37 46 15;--color-lime-300:43 55 17;--color-lime-400:53 67 20;--color-lime-500:64 81 21;--color-lime-600:84 105 22;--color-lime-700:153 213 42;--color-lime-800:196 240 66;--color-lime-900:136 191 34;--color-lime-1000:240 251 223;--color-yellow-25:26 19 0;--color-yellow-50:36 27 0;--color-yellow-100:46 34 0;--color-yellow-200:51 38 0;--color-yellow-300:61 47 0;--color-yellow-400:71 58 0;--color-yellow-500:87 72 5;--color-yellow-600:112 94 0;--color-yellow-700:245 217 10;--color-yellow-800:255 239 92;--color-yellow-900:240 192 0;--color-yellow-1000:255 250 209;--color-gold-25:22 21 18;--color-gold-50:29 27 22;--color-gold-100:38 35 28;--color-gold-200:44 41 32;--color-gold-300:53 48 39;--color-gold-400:63 57 44;--color-gold-500:79 70 54;--color-gold-600:107 93 71;--color-gold-700:150 130 100;--color-gold-800:165 145 115;--color-gold-900:191 168 136;--color-gold-1000:247 245 232;--color-bronze-25:25 21 20;--color-bronze-50:32 26 24;--color-bronze-100:41 32 30;--color-bronze-200:51 40 36;--color-bronze-300:60 47 42;--color-bronze-400:69 53 48;--color-bronze-500:87 68 61;--color-bronze-600:116 89 78;--color-bronze-700:161 128 114;--color-bronze-800:176 140 125;--color-bronze-900:204 164 148;--color-bronze-1000:249 237 231}