@televet/kibble-ui 4.0.0-beta.2 → 4.0.0-beta.20

package/dist/chunks/theme-CLg3P-xE.js

@@ -1,3174 +0,0 @@
-import { x as u } from "./vendor-D56wCYP8.js";
-import { d as c, J as V, a as n, b as O, c as g, e as $, f as j, g as G, C as M, G as N } from "./chakra-LFfg7ED-.js";
-import { t as a, i as o } from "./internal-utils-DreEpeAu.js";
-const _ = {
-  accent: {
-    color: "text.accent"
-  },
-  accentSubtle: {
-    color: "text.accent.subtle"
-  },
-  brand: {
-    color: "text.brand"
-  },
-  brandOnContrast: {
-    color: "text.brand.contrast"
-  },
-  danger: {
-    color: "text.danger"
-  },
-  dangerOnContrast: {
-    color: "text.danger.contrast"
-  },
-  default: {
-    color: "text.default"
-  },
-  info: {
-    color: "text.info"
-  },
-  interactive: {
-    color: "text.interactive",
-    _hover: {
-      color: "text.interactive.hover"
-    }
-  },
-  interactiveOnContrast: {
-    color: "text.interactive.contrast",
-    _hover: {
-      color: "text.interactive.contrast.hover"
-    }
-  },
-  onContrast: {
-    color: "text.contrast"
-  },
-  placeholder: {
-    color: "text.placeholder"
-  },
-  placeholderOnContrast: {
-    color: "text.placeholder.contrast"
-  },
-  subtle: {
-    color: "text.subtle"
-  },
-  subtleOnContrast: {
-    color: "text.subtle.contrast"
-  },
-  success: {
-    color: "text.success"
-  },
-  warning: {
-    color: "text.warning"
-  }
-}, A = {
-  normal: { fontWeight: "normal" },
-  semibold: { fontWeight: "semibold" },
-  bold: { fontWeight: "bold" }
-}, P = {
-  heading: "'aktiv-grotesk', sans-serif",
-  body: "'aktiv-grotesk', sans-serif",
-  mono: "LinearSans, Noto Sans, Arial, Helvetica, sans-serif"
-}, v = {
-  xs: "0.75rem",
-  sm: "0.875rem",
-  md: "1rem",
-  lg: "1.125rem",
-  xl: "1.25rem",
-  "2xl": "1.5rem",
-  "3xl": "1.875rem",
-  "4xl": "2.25rem",
-  "5xl": "3rem",
-  "6xl": "3.75rem",
-  "7xl": "4.5rem",
-  "8xl": "6rem",
-  "9xl": "8rem"
-}, ke = {
-  normal: 400,
-  semibold: 600,
-  bold: 600
-}, fe = {
-  normal: "normal",
-  none: 1,
-  shorter: 1.25,
-  short: 1.375,
-  base: 1.5,
-  tall: 1.625,
-  taller: "2",
-  3: ".75rem",
-  4: "1rem",
-  5: "1.25rem",
-  6: "1.5rem",
-  7: "1.75rem",
-  8: "2rem",
-  9: "2.25rem",
-  10: "2.5rem"
-}, Ce = {
-  tight: "-0.025em",
-  tighter: "-0.05em",
-  normal: "0em",
-  wide: "0.025em",
-  wider: "0.05em",
-  widest: "0.1em"
-}, i = {
-  sm: 3,
-  md: 4,
-  lg: 5
-}, k = {
-  sm: 2,
-  md: 2,
-  lg: 3
-}, K = [
-  "root",
-  "content",
-  "arrow",
-  "arrowTip",
-  "body",
-  "header",
-  "footer"
-], Y = {
-  xs: {
-    content: {
-      width: 160
-    }
-  },
-  sm: {
-    content: {
-      width: 200
-    }
-  },
-  md: {
-    content: {
-      width: 260
-    }
-  },
-  lg: {
-    content: {
-      width: 320
-    }
-  },
-  xl: {
-    content: {
-      width: 480
-    }
-  }
-}, q = {
-  default: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  defaultDestructive: {
-    arrowTip: {
-      borderColor: "border"
-    },
-    content: {
-      "--popover-bg": "colors.background.default",
-      "--hovercard-bg": "colors.background.default",
-      borderColor: "border",
-      color: "text.default"
-    }
-  },
-  contrast: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  },
-  contrastDestructive: {
-    arrowTip: {
-      borderColor: "border.contrast"
-    },
-    content: {
-      "--popover-bg": "colors.background.contrast",
-      "--hovercard-bg": "colors.background.contrast",
-      borderColor: "border.contrast",
-      color: "text.contrast"
-    }
-  }
-}, S = c({
-  slots: K,
-  base: {
-    arrowTip: {
-      borderTopWidth: "1px",
-      borderInlineStartWidth: "1px",
-      top: "-1px !important"
-    },
-    body: {
-      p: 3
-    },
-    content: {
-      border: "1px"
-    },
-    footer: {
-      borderTop: 0,
-      borderRadius: "inherit",
-      pb: 3,
-      pt: 0,
-      px: 3
-    },
-    header: {
-      borderBottom: 0,
-      borderRadius: "inherit",
-      minH: 6,
-      pb: 0,
-      pt: 3,
-      px: 3
-    }
-  },
-  variants: {
-    size: Y,
-    variant: q
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "contrast"
-  }
-}), b = {
-  sm: 3,
-  md: 4,
-  lg: 5
-}, f = {
-  sm: 2,
-  md: 2,
-  lg: 3
-}, J = (s) => /* @__PURE__ */ u.jsx(V, { attribute: "class", disableTransitionOnChange: !0, ...s }), Q = {
-  none: "0",
-  sm: "4px",
-  base: "8px",
-  md: "12px",
-  lg: "16px",
-  xl: "24px",
-  "2xl": "40px",
-  "3xl": "64px"
-}, X = n.blurs(a(Q)), Z = {
-  none: "0",
-  "1px": "1px solid",
-  "2px": "2px solid",
-  "4px": "4px solid",
-  "8px": "8px solid"
-}, rr = {
-  none: "0",
-  xs: "0.125rem",
-  sm: "0.375rem",
-  base: "0.5rem",
-  md: "0.75rem",
-  lg: "1rem",
-  xl: "1.5rem",
-  "2xl": "2rem",
-  "3xl": "2.5rem",
-  full: "9999px"
-}, er = n.borders(a(Z)), or = n.radii(a(rr)), e = {
-  primary: {
-    50: "#F6FCEB",
-    100: "#E5F9C6",
-    200: "#CDF197",
-    300: "#BDE87D",
-    400: "#9FCF5D",
-    500: "#6AAE0D",
-    600: "#4F830F",
-    700: "#3E660C",
-    800: "#284309",
-    900: "#1A2D06"
-  },
-  secondary: {
-    50: "#F6FAFF",
-    100: "#E9F2FF",
-    200: "#CBE2FF",
-    300: "#ADCFFF",
-    400: "#7FAFF2",
-    500: "#497CC3",
-    600: "#305992",
-    700: "#2B5082",
-    800: "#122136",
-    900: "#080E17"
-  },
-  tertiary: {
-    50: "#FAF8F2",
-    100: "#F6F3EA",
-    200: "#EAE4DD",
-    300: "#DCD1C6",
-    400: "#BCAC9E",
-    500: "#9D7E6B",
-    600: "#7D5B48",
-    700: "#5E3B28",
-    800: "#381F12",
-    900: "#170D07"
-  },
-  neutral: {
-    50: "#FFFFFF",
-    100: "#FCFBFA",
-    200: "#EDEBEB",
-    300: "#DCDBDA",
-    400: "#BEBCB9",
-    500: "#96928F",
-    600: "#706E6C",
-    700: "#504D4C",
-    800: "#373331",
-    900: "#000000"
-  },
-  danger: {
-    50: "#FFF4F7",
-    100: "#FFDFE6",
-    200: "#FFC9D4",
-    300: "#F9A7A6",
-    400: "#F78C7F",
-    500: "#EE634A",
-    600: "#CA4038",
-    700: "#A6333F",
-    800: "#82314D",
-    900: "#48091F"
-  },
-  warning: {
-    50: "#FFFDFA",
-    100: "#FFF7EB",
-    200: "#FEE8C3",
-    300: "#F6BE5E",
-    400: "#ECB14B",
-    500: "#D69E2E",
-    600: "#B7791F",
-    700: "#975A16",
-    800: "#744210",
-    900: "#5F370E"
-  },
-  success: {
-    50: "#F6FCEB",
-    100: "#E5F9C6",
-    200: "#CDF197",
-    300: "#BDE87D",
-    400: "#9FCF5D",
-    500: "#6AAE0D",
-    600: "#4F830F",
-    700: "#3E660C",
-    800: "#284309",
-    900: "#1A2D06"
-  },
-  primaryAlpha: {
-    50: "#4F830F0A",
-    100: "#4F830F0F",
-    200: "#4F830F14",
-    300: "#4F830F29",
-    400: "#4F830F3D",
-    500: "#4F830F5C",
-    600: "#4F830F7A",
-    700: "#4F830F9E",
-    800: "#4F830FCC",
-    900: "#4F830FEB"
-  },
-  primaryAlphaInverse: {
-    50: "#CDF1970A",
-    100: "#CDF1970F",
-    200: "#CDF19714",
-    300: "#CDF19729",
-    400: "#CDF1973D",
-    500: "#CDF1975C",
-    600: "#CDF1977A",
-    700: "#CDF1979E",
-    800: "#CDF197CC",
-    900: "#CDF197EB"
-  },
-  secondaryAlpha: {
-    50: "#497CC30A",
-    100: "#497CC30F",
-    200: "#497CC314",
-    300: "#497CC329",
-    400: "#497CC33D",
-    500: "#497CC35C",
-    600: "#497CC37A",
-    700: "#497CC39E",
-    800: "#497CC3CC",
-    900: "#497CC3EB"
-  },
-  secondaryAlphaInverse: {
-    50: "#CBE2FF0A",
-    100: "#CBE2FF0F",
-    200: "#CBE2FF14",
-    300: "#CBE2FF29",
-    400: "#CBE2FF3D",
-    500: "#CBE2FF5C",
-    600: "#CBE2FF7A",
-    700: "#CBE2FF9E",
-    800: "#CBE2FFCC",
-    900: "#CBE2FFEB"
-  },
-  blackAlpha: {
-    50: "#0000000a",
-    100: "#0000000f",
-    200: "#00000014",
-    300: "#00000029",
-    400: "#0000003d",
-    500: "#0000005c",
-    600: "#0000007a",
-    700: "#0000009e",
-    800: "#000000cc",
-    900: "#000000eb"
-  },
-  whiteAlpha: {
-    50: "#FFFFFF0A",
-    100: "#FFFFFF0F",
-    200: "#FFFFFF14",
-    300: "#FFFFFF29",
-    400: "#FFFFFF3D",
-    500: "#FFFFFF5C",
-    600: "#FFFFFF7A",
-    700: "#FFFFFF9E",
-    800: "#FFFFFFCC",
-    900: "#FFFFFFEB"
-  },
-  dangerAlpha: {
-    50: "#CA40380A",
-    100: "#CA40380F",
-    200: "#CA403814",
-    300: "#CA403829",
-    400: "#CA40383D",
-    500: "#CA40385C",
-    600: "#CA40387A",
-    700: "#CA40389E",
-    800: "#CA4038CC",
-    900: "#CA4038EB"
-  },
-  dangerAlphaInverse: {
-    50: "#F9A7A60A",
-    100: "#F9A7A60F",
-    200: "#F9A7A614",
-    300: "#F9A7A629",
-    400: "#F9A7A63D",
-    500: "#F9A7A65C",
-    600: "#F9A7A67A",
-    700: "#F9A7A69E",
-    800: "#F9A7A6CC",
-    900: "#F9A7A6EB"
-  }
-}, tr = (s) => Object.fromEntries(
-  Object.entries(s).map(([x, m]) => [
-    x,
-    Object.fromEntries(
-      Object.entries(m).map(([I, H]) => [I, { value: H }])
-    )
-  ])
-), ar = n.colors(tr(e)), t = {
-  xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
-  xsR: "0px 0px 0px 1px rgba(0, 0, 0, 0.05)",
-  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
-  smR: " 0px -1px 2px rgba(0, 0, 0, 0.05)",
-  base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
-  baseR: "0px -1px 3px rgba(0, 0, 0, 0.1), 0px -1px 2px rgba(0, 0, 0, 0.06)",
-  mdR: "0px -4px 6px -1px rgba(0, 0, 0, 0.1), 0px -2px 4px -1px rgba(0, 0, 0, 0.06)",
-  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
-  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
-  lgR: "0px -10px 15px -3px rgba(0, 0, 0, 0.1), 0px -4px 6px -2px rgba(0, 0, 0, 0.05)",
-  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
-  xlR: "0px -20px 25px -5px rgba(0, 0, 0, 0.1), 0px -10px 10px -5px rgba(0, 0, 0, 0.04)",
-  "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
-  "2xlR": "0px -25px 50px -12px rgba(0, 0, 0, 0.25)",
-  outline: "0 0 0 3px rgba(66, 153, 225, 0.6)",
-  hover: "0 0 0 3px #EDEBEB",
-  // border || border.default
-  "hover.contrast": "0 0 0 3px #504D4C",
-  // border.contrast
-  active: "0 0 0 3px #497CC3",
-  // border.focus
-  "active.contrast": "0 0 0 3px #CBE2FF",
-  // border.focus.contrast
-  inner: "inset 0 2px 4px 0 rgba(0,0,0,0.06)",
-  none: "none",
-  "dark-lg": "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"
-}, ye = {
-  xs: { type: "base", value: t.xs },
-  xsR: { type: "reverse", value: t.xsR },
-  sm: { type: "base", value: t.sm },
-  smR: { type: "reverse", value: t.smR },
-  base: { type: "base", value: t.base },
-  baseR: { type: "reverse", value: t.baseR },
-  mdR: { type: "reverse", value: t.mdR },
-  md: { type: "base", value: t.md },
-  lgR: { type: "reverse", value: t.lgR },
-  lg: { type: "base", value: t.lg },
-  xlR: { type: "reverse", value: t.xlR },
-  xl: { type: "base", value: t.xl },
-  "2xl": { type: "base", value: t["2xl"] },
-  "2xlR": { type: "reverse", value: t["2xlR"] },
-  outline: { type: "misc", value: t.outline },
-  hover: { type: "misc", value: t.hover },
-  "hover.contrast": { type: "misc", value: t["hover.contrast"] },
-  active: { type: "misc", value: t.active },
-  "active.contrast": { type: "misc", value: t["active.contrast"] },
-  inner: { type: "misc", value: t.inner },
-  none: { type: "misc", value: "none" },
-  "dark-lg": { type: "misc", value: "dark-lg" }
-}, nr = n.shadows(a(t)), sr = {
-  max: "max-content",
-  min: "min-content",
-  full: "100%",
-  "3xs": "14rem",
-  "2xs": "16rem",
-  xs: "20rem",
-  sm: "24rem",
-  md: "28rem",
-  lg: "32rem",
-  xl: "36rem",
-  "2xl": "42rem",
-  "3xl": "48rem",
-  "4xl": "56rem",
-  "5xl": "64rem",
-  "6xl": "72rem",
-  "7xl": "80rem",
-  "8xl": "90rem"
-}, cr = {
-  sm: "640px",
-  md: "768px",
-  lg: "1024px",
-  xl: "1280px"
-}, dr = n.sizes({
-  ...a(sr),
-  container: {
-    ...a(cr)
-  }
-}), lr = n.fonts(a(P)), ir = n.fontSizes(
-  a(v)
-), br = n.fontWeights(
-  a(v)
-), gr = n.lineHeights(
-  a(v)
-), ur = n.letterSpacings(
-  a(v)
-), pr = {
-  px: "1px",
-  0.5: "0.125rem",
-  1: "0.25rem",
-  1.5: "0.375rem",
-  2: "0.5rem",
-  2.5: "0.625rem",
-  3: "0.75rem",
-  3.5: "0.875rem",
-  4: "1rem",
-  5: "1.25rem",
-  6: "1.5rem",
-  7: "1.75rem",
-  8: "2rem",
-  9: "2.25rem",
-  10: "2.5rem",
-  12: "3rem",
-  14: "3.5rem",
-  16: "4rem",
-  20: "5rem",
-  24: "6rem",
-  28: "7rem",
-  32: "8rem",
-  36: "9rem",
-  40: "10rem",
-  44: "11rem",
-  48: "12rem",
-  52: "13rem",
-  56: "14rem",
-  60: "15rem",
-  64: "16rem",
-  72: "18rem",
-  80: "20rem",
-  96: "24rem"
-}, hr = n.spacing(a(pr)), vr = {
-  "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
-  "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
-  "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)"
-}, xr = {
-  "ultra-fast": "50ms",
-  faster: "100ms",
-  fast: "150ms",
-  normal: "200ms",
-  slow: "300ms",
-  slower: "400ms",
-  "ultra-slow": "500ms"
-}, mr = n.durations(
-  a(xr)
-), kr = n.easings(
-  a(vr)
-), fr = {
-  hide: -1,
-  auto: "auto",
-  base: 0,
-  docked: 10,
-  dropdown: 1e3,
-  sticky: 1100,
-  banner: 1200,
-  overlay: 1300,
-  modal: 1400,
-  popover: 1500,
-  skipLink: 1600,
-  toast: 1700,
-  tooltip: 1800,
-  tooltipExtra: 1e4
-}, Cr = n.zIndex(a(fr)), r = {
-  primary: {
-    default: {
-      value: {
-        _light: e.primary[600],
-        _dark: e.primary[200]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.primary[700],
-        _dark: e.primary[100]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.primary[800],
-        _dark: e.primary[50]
-      }
-    }
-  },
-  secondary: {
-    default: {
-      value: {
-        _light: e.secondary[500],
-        _dark: e.secondary[200]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.secondary[600],
-        _dark: e.secondary[100]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.secondary[700],
-        _dark: e.secondary[50]
-      }
-    },
-    subtle: {
-      value: {
-        _light: e.secondary[100],
-        _dark: e.secondary[600]
-      }
-    }
-  },
-  danger: {
-    default: {
-      value: {
-        _light: e.danger[600],
-        _dark: e.danger[300]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.danger[600],
-        _dark: e.danger[200]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.danger[700],
-        _dark: e.danger[100]
-      }
-    },
-    // Leaving this in because it's the only one which is not truly inverse from the default because of WCAG
-    inverse: {
-      value: {
-        _light: e.danger[300],
-        _dark: e.danger[500]
-      }
-    }
-  },
-  warning: {
-    default: {
-      value: {
-        _light: e.warning[600],
-        _dark: e.warning[500]
-      }
-    },
-    subtle: {
-      value: {
-        _light: e.warning[100],
-        _dark: e.warning[700]
-      }
-    },
-    note: {
-      value: {
-        _light: e.warning[100],
-        _dark: e.warning[800]
-      }
-    }
-  },
-  success: {
-    default: {
-      value: {
-        _light: e.success[600],
-        _dark: e.success[300]
-      }
-    },
-    subtle: {
-      value: {
-        _light: e.success[100],
-        _dark: e.success[700]
-      }
-    }
-  },
-  neutral: {
-    default: {
-      value: {
-        _light: e.neutral[50],
-        _dark: e.neutral[900]
-      }
-    },
-    subtle1: {
-      value: {
-        _light: e.neutral[100],
-        _dark: e.neutral[800]
-      }
-    },
-    subtle2: {
-      value: {
-        _light: e.neutral[200],
-        _dark: e.neutral[700]
-      }
-    },
-    subtle3: {
-      value: {
-        _light: e.neutral[300],
-        _dark: e.neutral[600]
-      }
-    },
-    subtle4: {
-      value: {
-        _light: e.neutral[600],
-        _dark: e.neutral[400]
-      }
-    },
-    overlay: {
-      value: {
-        _light: e.neutral[50],
-        _dark: e.neutral[800]
-      }
-    },
-    backdrop: {
-      value: {
-        _light: e.blackAlpha[600],
-        _dark: e.blackAlpha[600]
-      }
-    }
-  },
-  primaryAlpha: {
-    default: {
-      value: {
-        _light: e.primaryAlpha[50],
-        _dark: e.primaryAlphaInverse[300]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.primaryAlpha[100],
-        _dark: e.primaryAlphaInverse[400]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.primaryAlpha[200],
-        _dark: e.primaryAlphaInverse[500]
-      }
-    }
-  },
-  secondaryAlpha: {
-    default: {
-      value: {
-        _light: e.secondaryAlpha[50],
-        _dark: e.secondaryAlphaInverse[300]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.secondaryAlpha[100],
-        _dark: e.secondaryAlphaInverse[400]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.secondaryAlpha[200],
-        _dark: e.secondaryAlphaInverse[500]
-      }
-    }
-  },
-  dangerAlpha: {
-    default: {
-      value: {
-        _light: e.dangerAlpha[50],
-        _dark: e.dangerAlphaInverse[300]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.dangerAlpha[100],
-        _dark: e.dangerAlphaInverse[400]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.dangerAlpha[200],
-        _dark: e.dangerAlphaInverse[500]
-      }
-    }
-  },
-  neutralAlpha: {
-    default: {
-      value: {
-        _light: e.blackAlpha[50],
-        _dark: e.whiteAlpha[300]
-      }
-    },
-    hover: {
-      value: {
-        _light: e.blackAlpha[100],
-        _dark: e.whiteAlpha[400]
-      }
-    },
-    pressed: {
-      value: {
-        _light: e.blackAlpha[200],
-        _dark: e.whiteAlpha[500]
-      }
-    },
-    dark: {
-      value: {
-        _light: e.blackAlpha[500],
-        _dark: e.whiteAlpha[800]
-      }
-    }
-  },
-  ai: {
-    default: {
-      value: {
-        _light: `linear-gradient(87.05deg, ${e.primary[100]} 7.97%, ${e.secondary[100]} 50.46%, ${e.danger[100]} 94.47%)`,
-        _dark: `linear-gradient(87.05deg, ${e.primary[700]} 7.97%, ${e.secondary[700]} 50.46%, ${e.danger[700]} 94.47%)`
-      }
-    },
-    hover: {
-      value: {
-        _light: `linear-gradient(87.05deg, ${e.primary[200]} 7.97%, ${e.secondary[200]} 50.46%, ${e.danger[200]} 94.47%)`,
-        _dark: `linear-gradient(87.05deg, ${e.primary[600]} 7.97%, ${e.secondary[600]} 50.46%, ${e.danger[600]} 94.47%)`
-      }
-    },
-    pressed: {
-      value: {
-        _light: `linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${e.primary[200]} 7.97%, ${e.secondary[200]} 50.46%, ${e.danger[200]} 94.47%)`,
-        _dark: `linear-gradient(87.05deg, rgba(0,0,0,0.1), rgba(0,0,0,0.1)), linear-gradient(87.05deg, ${e.primary[600]} 7.97%, ${e.secondary[600]} 50.46%, ${e.danger[600]} 94.47%)`
-      }
-    }
-  }
-}, w = o(
-  r.neutral.default
-), yr = {
-  DEFAULT: w,
-  accent: {
-    DEFAULT: r.secondary.default,
-    subtle: r.secondary.subtle
-  },
-  brand: {
-    DEFAULT: r.primary.default,
-    contrast: {
-      DEFAULT: o(r.primary.default),
-      hover: o(r.primary.hover)
-    },
-    hover: r.primary.hover
-  },
-  contrast: r.neutral.default,
-  danger: {
-    DEFAULT: r.danger.default,
-    contrast: {
-      DEFAULT: r.danger.inverse
-    }
-  },
-  default: w,
-  info: r.secondary.default,
-  interactive: {
-    DEFAULT: r.secondary.default,
-    contrast: {
-      DEFAULT: o(r.secondary.default),
-      hover: o(r.secondary.hover)
-    },
-    hover: r.secondary.hover
-  },
-  placeholder: {
-    DEFAULT: r.neutralAlpha.dark,
-    contrast: o(r.neutralAlpha.dark)
-  },
-  subtle: {
-    DEFAULT: r.neutral.subtle4,
-    contrast: o(r.neutral.subtle4)
-  },
-  success: r.success.default,
-  warning: r.warning.default
-}, D = r.neutral.subtle2, _r = {
-  DEFAULT: D,
-  default: D
-}, E = r.neutral.subtle2, Ar = {
-  DEFAULT: E,
-  accent: {
-    DEFAULT: r.secondary.default,
-    subtle: r.secondary.subtle
-  },
-  brand: {
-    DEFAULT: r.primary.default,
-    contrast: o(r.primary.default)
-  },
-  contrast: o(r.neutral.subtle2),
-  danger: {
-    DEFAULT: r.danger.default,
-    contrast: r.danger.inverse
-  },
-  default: E,
-  focus: {
-    DEFAULT: r.secondary.default,
-    contrast: o(r.secondary.default)
-  },
-  info: r.secondary.default,
-  strong: {
-    DEFAULT: o(r.neutral.default),
-    contrast: r.neutral.default
-  },
-  // This separation is needed to override Chakra's default
-  subtle: r.neutral.subtle4,
-  "subtle.contrast": o(r.neutral.subtle4),
-  success: r.success.default,
-  warning: r.warning.default
-}, z = r.neutral.default, Fr = {
-  DEFAULT: z,
-  accent: {
-    DEFAULT: r.secondary.default,
-    subtle: r.secondary.subtle
-  },
-  ai: {
-    DEFAULT: r.ai.default,
-    hover: r.ai.hover,
-    pressed: r.ai.pressed
-  },
-  alpha: {
-    DEFAULT: r.neutralAlpha.default,
-    contrast: {
-      DEFAULT: o(r.neutralAlpha.default),
-      hover: o(r.neutralAlpha.hover),
-      pressed: o(r.neutralAlpha.pressed)
-    },
-    hover: r.neutralAlpha.hover,
-    pressed: r.neutralAlpha.pressed
-  },
-  backdrop: r.neutral.backdrop,
-  brand: r.primary.pressed,
-  contrast: o(r.neutral.subtle1),
-  danger: {
-    DEFAULT: o(r.danger.hover),
-    contrast: r.danger.default
-  },
-  default: z,
-  destructive: {
-    DEFAULT: r.danger.default,
-    contrast: {
-      DEFAULT: r.danger.inverse,
-      hover: o(r.danger.hover),
-      pressed: o(r.danger.pressed)
-    },
-    hover: r.danger.hover,
-    pressed: r.danger.pressed
-  },
-  destructiveAlpha: {
-    DEFAULT: r.dangerAlpha.default,
-    contrast: {
-      DEFAULT: o(r.dangerAlpha.default),
-      hover: o(r.dangerAlpha.hover),
-      pressed: o(r.dangerAlpha.pressed)
-    },
-    hover: r.dangerAlpha.hover,
-    pressed: r.dangerAlpha.pressed
-  },
-  info: r.secondary.subtle,
-  note: {
-    DEFAULT: r.warning.note,
-    hover: r.warning.subtle
-  },
-  overlay: {
-    DEFAULT: r.neutral.overlay,
-    contrast: o(r.neutral.overlay)
-  },
-  primary: {
-    DEFAULT: r.primary.default,
-    contrast: {
-      DEFAULT: o(r.primary.default),
-      hover: o(r.primary.hover),
-      pressed: o(r.primary.pressed)
-    },
-    hover: r.primary.hover,
-    pressed: r.primary.pressed
-  },
-  primaryAlpha: {
-    DEFAULT: r.primaryAlpha.default,
-    contrast: {
-      DEFAULT: o(r.primaryAlpha.default),
-      hover: o(r.primaryAlpha.hover),
-      pressed: o(r.primaryAlpha.pressed)
-    },
-    hover: r.primaryAlpha.hover,
-    pressed: r.primaryAlpha.pressed
-  },
-  secondary: {
-    DEFAULT: r.secondary.default,
-    contrast: {
-      DEFAULT: o(r.secondary.default),
-      hover: o(r.secondary.hover),
-      pressed: o(r.secondary.pressed)
-    },
-    hover: r.secondary.hover,
-    pressed: r.secondary.pressed
-  },
-  secondaryAlpha: {
-    DEFAULT: r.secondaryAlpha.default,
-    contrast: {
-      DEFAULT: o(r.secondaryAlpha.default),
-      hover: o(r.secondaryAlpha.hover),
-      pressed: o(r.secondaryAlpha.pressed)
-    },
-    hover: r.secondaryAlpha.hover,
-    pressed: r.secondaryAlpha.pressed
-  },
-  subtle: {
-    DEFAULT: r.neutral.subtle1,
-    contrast: o(r.neutral.subtle2),
-    less: r.neutral.subtle2,
-    more: o(r.neutral.subtle3),
-    most: r.neutral.subtle3
-  },
-  success: {
-    DEFAULT: r.success.subtle,
-    contrast: r.success.default
-  },
-  warning: {
-    DEFAULT: r.warning.subtle,
-    contrast: r.warning.default
-  }
-}, Sr = {
-  background: Fr,
-  border: Ar,
-  divider: _r,
-  text: yr
-}, wr = O.colors(
-  Sr
-), W = {
-  xs: { fontSize: "xs" },
-  sm: { fontSize: "sm" },
-  md: { fontSize: "md" },
-  lg: { fontSize: "lg" },
-  xl: { fontSize: "xl" },
-  "2xl": { fontSize: "2xl" },
-  "3xl": { fontSize: "3xl" },
-  "4xl": { fontSize: "4xl" },
-  "5xl": { fontSize: "5xl" },
-  "6xl": { fontSize: "6xl" }
-}, F = "150%", Dr = g({
-  base: {
-    lineHeight: F
-  },
-  variants: {
-    variant: _,
-    size: W,
-    fontWeight: A
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "md",
-    fontWeight: "normal"
-  }
-}), Er = {
-  xs: { fontSize: "sm", lineHeight: "120%" },
-  sm: { fontSize: "md", lineHeight: "120%" },
-  md: { fontSize: "xl", lineHeight: "120%" },
-  lg: { fontSize: ["2xl", "3xl"], lineHeight: ["133%", "120%"] },
-  xl: { fontSize: ["3xl", "4xl"], lineHeight: ["133%", "120%"] },
-  "2xl": { fontSize: ["4xl", "5xl"], lineHeight: ["120%", "100%"] },
-  "3xl": { fontSize: ["5xl", "6xl"], lineHeight: "100%" },
-  "4xl": { fontSize: ["6xl", "7xl"], lineHeight: "100%" }
-}, zr = g({
-  base: {
-    fontWeight: "semibold"
-  },
-  variants: {
-    variant: _,
-    size: Er,
-    fontWeight: A
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "lg",
-    fontWeight: "semibold"
-  }
-}), Tr = g({
-  base: {
-    lineHeight: F,
-    textDecoration: "underline"
-  },
-  variants: {
-    variant: _,
-    size: W,
-    fontWeight: A
-  },
-  defaultVariants: {
-    variant: "interactive",
-    size: "md",
-    fontWeight: "normal"
-  }
-}), Br = ["root", "label", "closeTrigger"], Rr = {
-  default: {
-    root: {
-      bgColor: "background.subtle.less",
-      color: "text.default"
-    }
-  },
-  error: {
-    root: {
-      bgColor: "background.danger",
-      color: "text.danger"
-    }
-  },
-  info: {
-    root: {
-      bgColor: "background.info",
-      color: "text.info"
-    }
-  },
-  success: {
-    root: {
-      bgColor: "background.success",
-      color: "text.success"
-    }
-  },
-  warning: {
-    root: {
-      bgColor: "background.warning",
-      color: "text.warning"
-    }
-  }
-}, Lr = {
-  sm: {
-    root: {
-      height: "20px",
-      px: "8px"
-    },
-    label: {
-      fontSize: "xs"
-    },
-    closeTrigger: {
-      _icon: {
-        height: "14px",
-        width: "14px"
-      }
-    }
-  },
-  md: {
-    root: {
-      height: "24px",
-      px: "8px"
-    },
-    label: {
-      fontSize: "sm"
-    },
-    closeTrigger: {
-      _icon: {
-        height: "16px",
-        width: "16px"
-      }
-    }
-  },
-  lg: {
-    root: {
-      borderRadius: "lg",
-      height: "32px",
-      px: "12px"
-    },
-    label: {
-      fontSize: "md"
-    },
-    closeTrigger: {
-      _icon: {
-        height: "18px",
-        width: "18px"
-      }
-    }
-  }
-}, Wr = {
-  hover: {
-    closeTrigger: {
-      borderRadius: "md",
-      bgColor: "inherit",
-      color: "inherit",
-      display: "none",
-      opacity: 0,
-      padding: "2px !important",
-      position: "absolute",
-      right: 0,
-      ring: 0,
-      width: "auto",
-      _groupHover: { display: "flex", opacity: 0.89 }
-    }
-  },
-  always: {
-    root: {
-      gap: 0
-    }
-  },
-  never: {}
-}, Ur = c({
-  slots: Br,
-  base: {
-    root: {
-      borderRadius: "md",
-      boxShadow: "none",
-      gap: 0,
-      position: "relative"
-    },
-    label: {
-      fontWeight: "semibold",
-      overflowY: "visible",
-      lineHeight: F
-    },
-    closeTrigger: {
-      height: "20px",
-      marginInline: 0,
-      marginLeft: 1,
-      opacity: 0.5,
-      width: "20px",
-      _hover: {
-        opacity: 0.8
-      },
-      _active: {
-        opacity: 1
-      },
-      _focus: {
-        backgroundColor: "transparent",
-        boxShadow: "none",
-        outline: "none"
-      }
-    }
-  },
-  variants: {
-    size: Lr,
-    variant: Rr,
-    closeButtonDisplay: Wr
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default",
-    closeButtonDisplay: "never"
-  }
-}), Ir = {
-  xs: {
-    fontSize: "xs",
-    h: 6,
-    p: "3px 8px",
-    minW: 6
-  },
-  sm: {
-    fontSize: "sm",
-    h: 8,
-    p: "6px 12px",
-    minW: 8
-  },
-  md: {
-    fontSize: "md",
-    h: 10,
-    p: "8px 16px",
-    minW: 10
-  },
-  lg: {
-    fontSize: "lg",
-    h: 12,
-    p: "10px 20px",
-    minW: 12
-  }
-}, Hr = {
-  primary: {
-    bg: {
-      base: "background.primary",
-      _hover: {
-        base: "background.primary.hover",
-        _disabled: "background.primary"
-      },
-      _active: {
-        base: "background.primary.pressed",
-        _hover: "background.primary.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _icon: "text.contrast"
-    }
-  },
-  primaryOnContrast: {
-    bg: {
-      base: "background.primary.contrast",
-      _hover: {
-        base: "background.primary.contrast.hover",
-        _disabled: "background.primary.contrast"
-      },
-      _active: {
-        base: "background.primary.contrast.pressed",
-        _hover: "background.primary.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    }
-  },
-  primaryDestructive: {
-    bg: {
-      base: "background.destructive",
-      _hover: {
-        base: "background.destructive.hover",
-        _disabled: "background.destructive"
-      },
-      _active: {
-        base: "background.destructive.pressed",
-        _hover: "background.destructive.pressed"
-      }
-    },
-    color: "text.contrast",
-    _icon: {
-      color: "text.contrast"
-    }
-  },
-  primaryDestructiveOnContrast: {
-    bg: {
-      base: "background.destructive.contrast",
-      _hover: {
-        base: "background.destructive.contrast.hover",
-        _disabled: "background.destructive.contrast"
-      },
-      _active: {
-        base: "background.destructive.contrast.pressed",
-        _hover: "background.destructive.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    }
-  },
-  secondary: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    borderColor: {
-      base: "border.strong",
-      _active: "border.focus"
-    },
-    color: {
-      base: "text",
-      _active: "text.interactive",
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  secondaryOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    borderColor: {
-      base: "border.strong.contrast",
-      _active: "border.focus.contrast"
-    },
-    color: {
-      base: "text.contrast",
-      _active: "text.interactive.contrast",
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  secondaryDestructive: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    borderColor: "border.danger",
-    color: "text.danger",
-    _icon: {
-      color: "text.danger"
-    }
-  },
-  secondaryDestructiveOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    borderColor: "border.danger.contrast",
-    color: "text.danger.contrast",
-    _icon: {
-      color: "text.danger.contrast"
-    }
-  },
-  secondarySubtle: {
-    bg: {
-      base: "background",
-      _hover: {
-        base: "background.subtle",
-        _disabled: "background"
-      },
-      _active: {
-        base: "background.secondaryAlpha",
-        _hover: "background.secondaryAlpha"
-      }
-    },
-    borderColor: {
-      base: "border",
-      _active: "border.focus.contrast"
-    },
-    color: {
-      base: "text",
-      _active: "text.interactive",
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  secondarySubtleOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.subtle.contrast",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast",
-        _hover: "background.secondaryAlpha.contrast"
-      }
-    },
-    borderColor: {
-      base: "border.contrast",
-      _active: "border.focus"
-    },
-    color: {
-      base: "text.contrast",
-      _active: "text.interactive.contrast",
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  secondarySubtleDestructive: {
-    bg: {
-      base: "background",
-      _hover: {
-        base: "background.subtle",
-        _disabled: "background"
-      },
-      _active: {
-        base: "background.destructiveAlpha",
-        _hover: "background.destructiveAlpha"
-      }
-    },
-    color: "text.danger",
-    borderColor: "border",
-    _icon: {
-      color: "text.danger"
-    }
-  },
-  secondarySubtleDestructiveOnContrast: {
-    bg: {
-      base: "background.contrast",
-      _hover: {
-        base: "background.subtle.contrast",
-        _disabled: "background.contrast"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast",
-        _hover: "background.destructiveAlpha.contrast"
-      }
-    },
-    color: "text.danger.contrast",
-    borderColor: "border.contrast",
-    _icon: {
-      color: "text.danger.contrast"
-    }
-  },
-  tertiary: {
-    bg: {
-      base: "background.alpha",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "background.alpha"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _active: "text.interactive",
-      _icon: "text"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  tertiaryOnContrast: {
-    bg: {
-      base: "background.alpha.contrast",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "background.alpha.contrast"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _active: "text.interactive.contrast",
-      _icon: "text.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  tertiaryDestructive: {
-    bg: {
-      base: "background.destructiveAlpha",
-      _hover: {
-        base: "background.destructiveAlpha.hover",
-        _disabled: "background.destructiveAlpha"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text.danger",
-      _icon: "text.danger"
-    }
-  },
-  tertiaryDestructiveOnContrast: {
-    bg: {
-      base: "background.destructiveAlpha.contrast",
-      _hover: {
-        base: "background.destructiveAlpha.contrast.hover",
-        _disabled: "background.destructiveAlpha.contrast"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.danger.contrast",
-      _icon: "text.danger.contrast"
-    }
-  },
-  ghost: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    // Separating to override Chakra's variant
-    _hover: {
-      bg: "background.secondaryAlpha.hover"
-    },
-    color: {
-      base: "text.interactive",
-      _icon: "text.interactive"
-    }
-  },
-  ghostOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.secondaryAlpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.interactive.contrast",
-      _icon: "text.interactive.contrast"
-    }
-  },
-  ghostNeutral: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.pressed",
-        _hover: "background.secondaryAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text",
-      _icon: "text"
-    },
-    _active: {
-      color: "text.interactive",
-      _icon: {
-        color: "text.interactive"
-      }
-    }
-  },
-  ghostNeutralOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.alpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.secondaryAlpha.contrast.pressed",
-        _hover: "background.secondaryAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.contrast",
-      _icon: "text.contrast",
-      _active: "text.interactive.contrast"
-    },
-    _active: {
-      _icon: {
-        color: "text.interactive.contrast"
-      }
-    }
-  },
-  ghostDestructive: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.destructiveAlpha.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.pressed",
-        _hover: "background.destructiveAlpha.pressed"
-      }
-    },
-    color: {
-      base: "text.danger",
-      _icon: "text.danger"
-    }
-  },
-  ghostDestructiveOnContrast: {
-    bg: {
-      base: "transparent",
-      _hover: {
-        base: "background.destructiveAlpha.contrast.hover",
-        _disabled: "transparent"
-      },
-      _active: {
-        base: "background.destructiveAlpha.contrast.pressed",
-        _hover: "background.destructiveAlpha.contrast.pressed"
-      }
-    },
-    color: {
-      base: "text.danger.contrast",
-      _icon: "text.danger.contrast"
-    }
-  },
-  ai: {
-    bg: {
-      base: "background.ai",
-      _hover: {
-        base: "background.ai.hover",
-        _disabled: "background.ai"
-      },
-      _active: {
-        base: "background.ai.pressed",
-        _hover: "background.ai.pressed"
-      }
-    },
-    color: {
-      base: "text.interactive",
-      _icon: "text.interactive"
-    },
-    borderWidth: "0"
-  }
-}, T = g({
-  base: {
-    borderColor: "transparent",
-    borderRadius: "base",
-    borderWidth: "1px",
-    fontWeight: "semibold",
-    letterSpacing: "0.12px",
-    lineHeight: "150%"
-  },
-  variants: {
-    variant: Hr,
-    size: Ir
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "primary"
-  }
-}), Vr = {
-  default: {
-    bgColor: "background",
-    borderWidth: "1px",
-    borderColor: "border",
-    borderRadius: "base",
-    outline: "2px transparent",
-    color: "text",
-    _placeholder: {
-      color: "text.placeholder"
-    }
-  },
-  onContrast: {
-    bgColor: "background.contrast",
-    borderWidth: "1px",
-    borderColor: "border.contrast",
-    borderRadius: "base",
-    color: "text.contrast",
-    _placeholder: {
-      color: "text.placeholder.contrast"
-    }
-  }
-}, Or = {
-  default: {
-    borderColor: "border.danger",
-    borderWidth: "1px",
-    boxShadow: "0 0 0 1px var(--chakra-colors-border-danger)",
-    _hover: {
-      borderColor: "border.danger"
-    }
-  },
-  onContrast: {
-    borderColor: "border.danger.contrast",
-    boxShadow: "0 0 0 1px var(--chakra-colors-border-danger-contrast)",
-    _hover: {
-      borderColor: "border.danger.contrast"
-    }
-  }
-}, $r = {
-  default: {
-    bgColor: "border",
-    borderColor: "border",
-    cursor: "not-allowed",
-    opacity: 0.6,
-    _placeholder: {
-      color: "text.placeholder",
-      opacity: 1
-    }
-  },
-  onContrast: {
-    bgColor: "border.contrast",
-    borderColor: "border.contrast",
-    cursor: "not-allowed",
-    opacity: 0.6,
-    _placeholder: {
-      color: "text.placeholder.contrast",
-      opacity: 1
-    }
-  }
-}, y = {
-  default: {
-    borderColor: "border.focus",
-    borderWidth: "1px",
-    boxShadow: "0 0 0 1px var(--chakra-colors-border-focus) !important",
-    _hover: {
-      boxShadow: "0 0 0 1px var(--chakra-colors-border-focus)",
-      borderColor: "border.focus"
-    }
-  },
-  onContrast: {
-    borderColor: "border.focus.contrast",
-    borderWidth: "1px",
-    boxShadow: "0 0 0 1px var(--chakra-colors-border-focus-contrast) !important",
-    _hover: {
-      boxShadow: "0 0 0 1px var(--chakra-colors-border-focus-contrast)",
-      borderColor: "border.focus.contrast"
-    }
-  }
-}, jr = {
-  default: {
-    borderColor: "border.strong"
-  },
-  onContrast: {
-    borderColor: "border.strong.contrast"
-  }
-}, h = (s) => ({
-  ...Vr[s],
-  _hover: {
-    ...jr[s]
-  },
-  _disabled: {
-    ...$r[s]
-  },
-  _focus: {
-    ...y[s]
-  },
-  _invalid: {
-    ...Or[s]
-  }
-}), p = {
-  sm: {
-    fontSize: "sm",
-    minH: "32px"
-  },
-  md: {
-    fontSize: "md",
-    minH: "40px"
-  },
-  lg: {
-    fontSize: "lg",
-    minH: "48px"
-  }
-}, B = g({
-  variants: {
-    variant: {
-      default: h("default"),
-      onContrast: h("onContrast")
-    },
-    size: p
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), Gr = [
-  "root",
-  "hiddenInput",
-  "control",
-  "indicator",
-  "label"
-], Mr = {
-  sm: {
-    control: {
-      height: i.sm,
-      width: i.sm
-    },
-    label: {
-      fontSize: "sm",
-      ml: k.sm
-    },
-    root: {
-      gap: 0
-    }
-  },
-  md: {
-    control: {
-      height: i.md,
-      width: i.md
-    },
-    label: {
-      fontSize: "md",
-      ml: k.md
-    },
-    root: {
-      gap: 0
-    }
-  },
-  lg: {
-    control: {
-      height: i.lg,
-      width: i.lg
-    },
-    label: {
-      fontSize: "lg",
-      ml: k.lg
-    },
-    root: {
-      gap: 0
-    }
-  }
-}, R = {
-  bg: "background.secondary",
-  borderColor: "background.secondary",
-  color: "text.contrast",
-  _hover: {
-    bg: "background.secondary.hover",
-    borderColor: "background.secondary.hover"
-  },
-  _disabled: {
-    bg: "background.secondary",
-    borderColor: "background.secondary",
-    color: "text.contrast"
-  },
-  _icon: {
-    strokeWidth: "4px !important"
-  }
-}, L = {
-  bg: "background.secondary.contrast",
-  borderColor: "background.secondary.contrast",
-  color: "text",
-  _hover: {
-    bg: "background.secondary.contrast.hover",
-    borderColor: "background.secondary.contrast.hover"
-  },
-  _disabled: {
-    bg: "background.secondary.contrast",
-    borderColor: "background.secondary.contrast",
-    color: "text"
-  }
-}, Nr = {
-  default: {
-    control: {
-      bg: "background",
-      color: "text.contrast",
-      _hover: {
-        borderColor: "border.strong"
-      },
-      _checked: { ...R },
-      _indeterminate: { ...R },
-      _disabled: {
-        bg: "background.subtle.less",
-        borderColor: "background.subtle.less"
-      },
-      _invalid: {
-        borderColor: "border.danger",
-        _hover: {
-          borderColor: "border.danger"
-        }
-      }
-    },
-    label: {
-      color: "text"
-    }
-  },
-  onContrast: {
-    control: {
-      bg: "background.contrast",
-      borderColor: "border.subtle",
-      _hover: {
-        borderColor: "border.strong.contrast"
-      },
-      _checked: { ...L },
-      _indeterminate: { ...L },
-      _disabled: {
-        bg: "background.subtle.more.contrast",
-        borderColor: "background.subtle.more.contrast",
-        _hover: {
-          borderColor: "background.subtle.more.contrast"
-        }
-      },
-      _invalid: {
-        borderColor: "border.danger.contrast",
-        _hover: {
-          borderColor: "border.danger.contrast"
-        }
-      }
-    },
-    label: {
-      color: "text.contrast"
-    }
-  }
-}, Pr = c({
-  slots: Gr,
-  base: {
-    root: {
-      width: "inherit",
-      _disabled: {
-        cursor: "not-allowed"
-      }
-    },
-    control: {
-      borderWidth: "1px",
-      borderColor: "border.subtle",
-      borderRadius: "xs",
-      _focus: {
-        boxShadow: "none"
-      },
-      _disabled: {
-        opacity: 0.6
-      }
-    },
-    label: {
-      lineHeight: "150%",
-      _disabled: {
-        opacity: 0.6
-      }
-    }
-  },
-  variants: {
-    variant: Nr,
-    size: Mr
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), Kr = [
-  "root",
-  "item",
-  "itemHiddenInput",
-  "itemControl",
-  "itemText"
-], Yr = {
-  sm: {
-    itemControl: {
-      height: b.sm,
-      width: b.sm
-    },
-    itemText: {
-      ml: f.sm
-    },
-    item: {
-      gap: 0
-    }
-  },
-  md: {
-    itemControl: {
-      height: b.md,
-      width: b.md
-    },
-    itemText: {
-      ml: f.md
-    },
-    item: {
-      gap: 0
-    }
-  },
-  lg: {
-    itemControl: {
-      height: b.lg,
-      width: b.lg
-    },
-    itemText: {
-      ml: f.lg
-    },
-    item: {
-      gap: 0
-    }
-  }
-}, qr = {
-  default: {
-    itemText: {
-      color: "text"
-    },
-    itemControl: {
-      background: "background",
-      borderColor: "border.subtle",
-      _hover: {
-        borderColor: "border.strong",
-        _disabled: {
-          borderColor: "border.subtle"
-        }
-      },
-      _checked: {
-        background: "background.secondary",
-        borderColor: "border.focus",
-        _hover: {
-          background: "background.secondary.hover",
-          borderColor: "background.secondary.hover"
-        },
-        _disabled: {
-          background: "background.secondary",
-          borderColor: "border.focus",
-          color: "text.contrast",
-          _hover: {
-            background: "background.secondary",
-            borderColor: "border.focus"
-          }
-        }
-      },
-      _disabled: {
-        background: "background.subtle.less",
-        borderColor: "background.subtle.less"
-      },
-      _invalid: {
-        borderColor: "border.danger",
-        _hover: {
-          borderColor: "border.danger"
-        },
-        _checked: {
-          borderColor: "border.focus"
-        },
-        _disabled: {
-          borderColor: "border.subtle"
-        }
-      }
-    }
-  },
-  onContrast: {
-    itemText: {
-      color: "text.contrast"
-    },
-    itemControl: {
-      background: "background.contrast",
-      borderColor: "border.subtle",
-      _hover: {
-        borderColor: "border.strong.contrast",
-        _disabled: {
-          borderColor: "background.subtle.less"
-        }
-      },
-      _checked: {
-        background: "background.secondary.contrast",
-        borderColor: "border.focus.contrast",
-        _before: {
-          bg: "background.contrast"
-        },
-        _hover: {
-          background: "background.secondary.contrast.hover",
-          borderColor: "background.secondary.contrast.hover"
-        },
-        _disabled: {
-          background: "background.secondary.contrast",
-          borderColor: "border.focus.contrast",
-          color: "text.contrast",
-          _hover: {
-            background: "background.secondary.contrast",
-            borderColor: "border.focus.contrast"
-          }
-        }
-      },
-      _disabled: {
-        background: "background.subtle.more",
-        borderColor: "background.subtle.more"
-      },
-      _invalid: {
-        borderColor: "border.danger.contrast",
-        _hover: {
-          borderColor: "border.danger.contrast"
-        },
-        _checked: {
-          borderColor: "border.focus.contrast"
-        },
-        _disabled: {
-          borderColor: "border.more.subtle"
-        }
-      }
-    }
-  }
-}, Jr = c({
-  slots: Kr,
-  base: {
-    root: {
-      width: "inherit",
-      _disabled: {
-        opacity: 0.6
-      },
-      _focus: {
-        boxShadow: "none"
-      }
-    },
-    item: {
-      width: "inherit"
-    },
-    itemControl: {
-      borderWidth: "1px"
-    },
-    itemText: {
-      _disabled: {
-        opacity: 0.6
-      }
-    }
-  },
-  variants: {
-    size: Yr,
-    variant: qr
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), Qr = [
-  "root",
-  "control",
-  "indicator",
-  "thumb",
-  "label"
-], Xr = {
-  sm: {
-    root: {
-      "--switch-height": "12px",
-      "--switch-width": "24px"
-    },
-    label: {
-      fontSize: "sm"
-    }
-  },
-  md: {
-    root: {
-      "--switch-height": "16px",
-      "--switch-width": "32px"
-    },
-    label: {
-      fontSize: "md"
-    }
-  },
-  lg: {
-    root: {
-      "--switch-height": "20px",
-      "--switch-width": "40px"
-    },
-    label: {
-      fontSize: "lg"
-    }
-  }
-}, d = {
-  controlBg: "background.alpha.pressed",
-  controlBgChecked: "background.secondary",
-  controlInvalidBorder: "border.danger",
-  thumbBg: "background",
-  thumbBgChecked: "background"
-}, l = {
-  controlBg: "background.alpha.contrast.pressed",
-  controlBgChecked: "background.secondary.contrast",
-  controlInvalidBorder: "border.danger.contrast",
-  thumbBg: "background.contrast",
-  thumbBgChecked: "background.contrast"
-}, Zr = {
-  default: {
-    control: {
-      bg: d.controlBg,
-      _checked: {
-        bg: d.controlBgChecked
-      },
-      _invalid: {
-        outlineColor: d.controlInvalidBorder
-      }
-    },
-    thumb: {
-      bg: d.thumbBg,
-      _checked: {
-        bg: d.thumbBgChecked
-      }
-    }
-  },
-  onContrast: {
-    control: {
-      bg: l.controlBg,
-      _checked: {
-        bg: l.controlBgChecked
-      },
-      _invalid: {
-        outlineColor: l.controlInvalidBorder
-      }
-    },
-    thumb: {
-      bg: l.thumbBg,
-      _checked: {
-        bg: l.thumbBgChecked
-      }
-    }
-  },
-  indeterminate: {
-    root: {
-      "--switch-diff": "50%"
-    },
-    control: {
-      bg: d.controlBg,
-      _checked: {
-        bg: d.controlBgChecked
-      },
-      _invalid: {
-        outlineColor: d.controlInvalidBorder
-      }
-    },
-    thumb: {
-      bg: d.thumbBg,
-      translate: "var(--switch-x) 0",
-      _checked: {
-        bg: d.thumbBg
-      }
-    }
-  },
-  indeterminateOnContrast: {
-    root: {
-      "--switch-diff": "50%"
-    },
-    control: {
-      bg: l.controlBg,
-      _checked: {
-        bg: l.controlBgChecked
-      },
-      _invalid: {
-        outlineColor: l.controlInvalidBorder
-      }
-    },
-    thumb: {
-      bg: l.thumbBg,
-      translate: "var(--switch-x) 0",
-      _checked: {
-        bg: l.thumbBg
-      }
-    }
-  }
-}, re = c({
-  slots: Qr,
-  base: {
-    control: {
-      _focusVisible: {
-        outline: "none"
-      }
-    },
-    thumb: {
-      boxShadow: "xsR",
-      height: "var(--switch-height)",
-      width: "var(--switch-height)",
-      scale: 0.8
-    }
-  },
-  variants: {
-    size: Xr,
-    variant: Zr
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), ee = ["root", "list", "trigger", "content"], oe = {
-  xs: {
-    root: {
-      "--tabs-height": "36px"
-    },
-    trigger: {
-      py: 2
-    }
-  },
-  sm: {
-    root: {
-      "--tabs-height": "44px"
-    },
-    trigger: {
-      py: 3
-    }
-  },
-  md: {
-    root: {
-      "--tabs-height": "52px"
-    },
-    trigger: {
-      py: 4
-    }
-  },
-  lg: {
-    root: {
-      "--tabs-height": "64px"
-    },
-    trigger: {
-      py: 5
-    }
-  }
-}, te = c({
-  slots: ee,
-  base: {
-    list: {
-      borderBottomWidth: "3px !important",
-      borderColor: "border"
-    },
-    trigger: {
-      color: "text",
-      _selected: {
-        background: "transparent",
-        _before: {
-          "--indicator-offset-y": "-3px",
-          bgColor: "background.accent !important",
-          height: "3px !important"
-        },
-        _hover: {
-          background: "transparent"
-        }
-      },
-      _hover: {
-        background: "background.alpha"
-      }
-    }
-  },
-  variants: {
-    size: oe
-  },
-  defaultVariants: {
-    size: "md"
-  }
-}), ae = ["root", "fallback", "image"], ne = {
-  xs: {
-    root: {
-      "--avatar-size": "24px"
-    },
-    fallback: {
-      fontSize: "10px",
-      fontWeight: "semibold"
-    }
-  },
-  sm: {
-    root: {
-      "--avatar-size": "32px"
-    },
-    fallback: {
-      fontSize: "sm"
-    }
-  },
-  md: {
-    root: {
-      "--avatar-size": "36px"
-    },
-    fallback: {
-      fontSize: "md"
-    }
-  },
-  lg: {
-    root: {
-      "--avatar-size": "40px"
-    },
-    fallback: {
-      fontSize: "md"
-    }
-  },
-  xl: {
-    root: {
-      "--avatar-size": "64px",
-      boxShadow: "0 0 0 2px var(--chakra-colors-border-strong-contrast)"
-    },
-    fallback: {
-      fontSize: "2xl"
-    }
-  }
-}, se = {
-  accent: {
-    root: {
-      backgroundColor: "background.accent",
-      borderColor: "border.accent",
-      position: "relative",
-      "&[data-group-item]": {
-        borderColor: "border.accent"
-      }
-    }
-  },
-  contrast: {
-    root: {
-      backgroundColor: "background.subtle.more",
-      borderColor: "background.subtle.more",
-      "&[data-group-item]": {
-        borderColor: "background.subtle.more"
-      }
-    }
-  },
-  dashed: {
-    root: {
-      backgroundColor: "background",
-      borderColor: "transparent",
-      overflow: "visible",
-      color: "text",
-      _after: {
-        content: "''",
-        position: "absolute",
-        top: "-2px",
-        right: "-2px",
-        bottom: "-2px",
-        left: "-2px",
-        border: "1px dashed",
-        borderColor: "border.strong",
-        borderRadius: "100%"
-      },
-      "&[data-group-item]": {
-        borderColor: "transparent"
-      }
-    }
-  },
-  default: {
-    root: {
-      backgroundColor: "background.subtle.most",
-      borderColor: "background.subtle.most",
-      "&[data-group-item]": {
-        borderColor: "background.subtle.most"
-      }
-    }
-  },
-  outlineAccent: {
-    root: {
-      backgroundColor: "background",
-      color: "text.accent",
-      borderColor: "border.accent",
-      overflow: "visible",
-      "&[data-group-item]": {
-        borderColor: "border.accent"
-      }
-    }
-  },
-  outlineYellow: {
-    root: {
-      backgroundColor: "background.warning",
-      borderColor: "border.warning",
-      overflow: "visible",
-      color: "text",
-      "&[data-group-item]": {
-        borderColor: "border.warning"
-      }
-    }
-  }
-}, ce = c({
-  slots: ae,
-  base: {
-    fallback: {
-      alignItems: "center",
-      display: "flex",
-      justifyContent: "center",
-      lineHeight: "24px",
-      pt: "1px"
-    },
-    root: {
-      boxShadow: "0 0 0 1px var(--chakra-colors-border-strong-contrast)",
-      color: "text.contrast",
-      zIndex: "calc(var(--group-count) - var(--group-index))"
-    }
-  },
-  variants: {
-    size: ne,
-    variant: se,
-    interactive: {
-      true: {
-        root: {
-          cursor: "pointer",
-          _hover: {
-            img: { opacity: 1 },
-            _after: {
-              content: '""',
-              backgroundColor: "background.alpha.hover",
-              w: "110%",
-              h: "110%",
-              borderRadius: "full",
-              position: "absolute"
-            }
-          },
-          _active: {
-            img: { opacity: 1 },
-            _after: {
-              content: '""',
-              backgroundColor: "background.alpha.pressed",
-              w: "110%",
-              h: "110%",
-              borderRadius: "full",
-              position: "absolute"
-            }
-          }
-        }
-      },
-      false: {
-        root: {
-          cursor: "default"
-        }
-      }
-    },
-    hideBorder: {
-      true: {
-        root: {
-          borderWidth: "0px"
-        }
-      },
-      false: {
-        root: {
-          borderWidth: "2px"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default",
-    interactive: !1,
-    hideBorder: !1
-  }
-}), U = {
-  padding: "8px 12px 8px 20px !important"
-}, C = {
-  ...U,
-  cursor: "pointer",
-  _hover: {
-    bgColor: "background.secondaryAlpha.hover"
-  },
-  "&[data-highlighted]": {
-    bgColor: "background.secondaryAlpha.hover !important"
-  }
-}, de = c({
-  slots: [
-    "checkboxItem",
-    "content",
-    "item",
-    "itemGroupLabel",
-    "trigger",
-    "triggerItem"
-  ],
-  base: {
-    checkboxItem: C,
-    content: {
-      bgColor: "background.overlay",
-      borderColor: "border",
-      boxShadow: "md",
-      px: "0 !important",
-      py: 2
-    },
-    item: C,
-    itemGroupLabel: U,
-    trigger: {
-      _icon: {
-        h: "unset",
-        w: "unset"
-      }
-    },
-    triggerItem: C
-  }
-}), le = c({
-  slots: ["trigger", "item", "valueText", "content"],
-  base: {
-    content: {
-      borderRadius: "base",
-      borderWidth: "1px",
-      boxShadow: "md",
-      px: "0 !important"
-    },
-    item: {
-      justifyContent: "flex-start"
-    },
-    trigger: {
-      justifyContent: "flex-start"
-    },
-    valueText: {
-      alignItems: "center",
-      display: "flex",
-      gap: 2
-    }
-  },
-  variants: {
-    variant: {
-      default: {
-        content: {
-          bgColor: "background",
-          borderColor: "border"
-        },
-        item: {
-          _selected: {
-            bgColor: "background.secondaryAlpha.hover"
-          },
-          "&[data-highlighted]": {
-            bgColor: "background.secondaryAlpha.hover"
-          }
-        },
-        trigger: {
-          ...h("default"),
-          _placeholderShown: {
-            color: "text.placeholder"
-          },
-          _open: {
-            ...y.default
-          }
-        }
-      },
-      onContrast: {
-        content: {
-          bgColor: "background.contrast",
-          borderColor: "border.contrast"
-        },
-        item: {
-          _selected: {
-            bgColor: "background.secondaryAlpha.contrast.hover"
-          },
-          "&[data-highlighted]": {
-            bgColor: "background.secondaryAlpha.contrast.hover"
-          }
-        },
-        trigger: {
-          ...h("onContrast"),
-          _placeholderShown: {
-            color: "text.placeholder.contrast"
-          },
-          _open: {
-            ...y.onContrast
-          }
-        }
-      }
-    },
-    size: {
-      sm: {
-        item: {
-          fontSize: "sm"
-        },
-        trigger: {
-          ...p.sm
-        }
-      },
-      md: {
-        item: {
-          fontSize: "md"
-        },
-        trigger: {
-          ...p.md
-        }
-      },
-      lg: {
-        item: {
-          fontSize: "lg"
-        },
-        trigger: {
-          ...p.lg
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "default"
-  }
-}), ie = [
-  "root",
-  "indicator",
-  "content",
-  "title",
-  "description"
-], be = {
-  default: {
-    root: {
-      bgColor: "background"
-    }
-  },
-  error: {
-    root: {
-      bgColor: "background.danger"
-    }
-  },
-  info: {
-    root: {
-      bgColor: "background.info"
-    }
-  },
-  success: {
-    root: {
-      bgColor: "background.success"
-    }
-  },
-  warning: {
-    root: {
-      bgColor: "background.warning"
-    }
-  }
-}, ge = c({
-  slots: ie,
-  base: {
-    content: {
-      gap: 0
-    },
-    root: {
-      borderRadius: "md",
-      color: "text",
-      pt: "8px !important",
-      pr: "12px !important",
-      pb: "8px !important",
-      pl: "12px !important",
-      width: "inherit"
-    },
-    title: {
-      alignItems: "center",
-      display: "flex"
-    }
-  },
-  variants: {
-    variant: be,
-    hideIcon: {
-      true: {
-        root: {
-          gap: 0
-        }
-      },
-      false: {
-        root: {
-          gap: 2
-        }
-      }
-    },
-    onContrast: {
-      true: {},
-      false: {}
-    }
-  },
-  defaultVariants: {
-    variant: "success",
-    hideIcon: !1,
-    onContrast: !1
-  },
-  compoundVariants: [
-    {
-      onContrast: !0,
-      variant: "default",
-      css: { root: { bgColor: "background.contrast", color: "text.contrast" } }
-    },
-    {
-      onContrast: !0,
-      variant: "error",
-      css: {
-        root: { bgColor: "background.danger.contrast", color: "text.contrast" }
-      }
-    },
-    {
-      onContrast: !0,
-      variant: "info",
-      css: { root: { bgColor: "background.contrast", color: "text.contrast" } }
-    },
-    {
-      onContrast: !0,
-      variant: "success",
-      css: {
-        root: {
-          bgColor: "background.success.contrast",
-          color: "text.contrast"
-        }
-      }
-    },
-    {
-      onContrast: !0,
-      variant: "warning",
-      css: {
-        root: {
-          bgColor: "background.warning.contrast",
-          color: "text.contrast"
-        }
-      }
-    }
-  ]
-}), ue = c({
-  slots: [
-    "root",
-    "backdrop",
-    "positioner",
-    "content",
-    "closeTrigger",
-    "header",
-    "title",
-    "body",
-    "footer",
-    "actionTrigger"
-  ],
-  base: {
-    backdrop: {
-      transition: "background 0.7s ease-in-out"
-    },
-    body: {
-      pb: 3,
-      pt: 0
-    },
-    content: {
-      transition: "all 0.7s ease-in-out"
-    },
-    footer: {
-      pt: 3,
-      pb: 6
-    },
-    header: {
-      maxW: "85%",
-      py: 3
-    }
-  },
-  variants: {
-    expanded: {
-      true: {
-        backdrop: {
-          background: "{colors.neutral.100}"
-        },
-        content: {
-          borderRadius: "none",
-          minH: "100%",
-          minW: "650px"
-        }
-      },
-      false: {
-        backdrop: {
-          background: "{colors.blackAlpha.600}"
-        },
-        content: {
-          minH: "100px",
-          minW: "300px"
-        }
-      }
-    }
-  },
-  defaultVariants: {}
-}), pe = j({
-  theme: {
-    tokens: {
-      blurs: X,
-      borders: er,
-      colors: ar,
-      durations: mr,
-      easings: kr,
-      letterSpacings: ur,
-      lineHeights: gr,
-      fonts: lr,
-      fontSizes: ir,
-      fontWeights: br,
-      radii: or,
-      shadows: nr,
-      sizes: dr,
-      spacing: hr,
-      zIndex: Cr
-    },
-    semanticTokens: {
-      colors: wr
-    },
-    recipes: {
-      button: T,
-      heading: zr,
-      iconButton: T,
-      input: B,
-      link: Tr,
-      text: Dr,
-      textarea: B
-    },
-    slotRecipes: {
-      avatar: ce,
-      checkbox: Pr,
-      radioGroup: Jr,
-      switch: re,
-      tabs: te,
-      tag: Ur,
-      popover: S,
-      hoverCard: S,
-      menu: de,
-      select: le,
-      alert: ge,
-      dialog: ue
-    }
-  },
-  globalCss: {
-    "button:focus-visible, button[data-focus-visible]": {
-      outline: "none !important",
-      boxShadow: "none !important"
-    },
-    "html, body": {
-      color: "text"
-    }
-  }
-}), he = $(G, pe), _e = ({
-  customTheme: s,
-  children: x,
-  ...m
-}) => /* @__PURE__ */ u.jsxs(M, { value: s ?? he, children: [
-  /* @__PURE__ */ u.jsx(
-    N,
-    {
-      styles: `
-          @import url("https://use.typekit.net/wtr4buu.css");
-          @font-face {
-            font-family: "aktiv-grotesk", sans-serif;
-            font-style: normal;
-            font-weight: 400;
-          }
-          @font-face {
-            font-family: "aktiv-grotesk", sans-serif;
-            font-style: italic;
-            font-weight: 400;
-          }
-          @font-face {
-            font-family: "aktiv-grotesk", sans-serif;
-            font-style: normal;
-            font-weight: 600;
-          }
-          @font-face {
-            font-family: "aktiv-grotesk", sans-serif;
-            font-style: italic;
-            font-weight: 600;
-          }
-        `
-    }
-  ),
-  /* @__PURE__ */ u.jsx(J, { ...m, children: x })
-] }), Ae = [
-  "text",
-  "text.accent",
-  "text.accentSubtle",
-  "text.brand",
-  "text.brand.contrast",
-  "text.brand.contrast.hover",
-  "text.brand.hover",
-  "text.contrast",
-  "text.danger",
-  "text.danger.contrast",
-  "text.default",
-  "text.info",
-  "text.interactive",
-  "text.interactive.contrast",
-  "text.interactive.contrast.hover",
-  "text.interactive.hover",
-  "text.placeholder",
-  "text.placeholder.contrast",
-  "text.subtle",
-  "text.subtle.contrast",
-  "text.success",
-  "text.warning"
-], Fe = [
-  "background.accent",
-  "background.accentSubtle",
-  "background.ai",
-  "background.ai.hover",
-  "background.ai.pressed",
-  "background.alpha",
-  "background.alpha.contrast",
-  "background.alpha.contrast.hover",
-  "background.alpha.contrast.pressed",
-  "background.alpha.hover",
-  "background.alpha.pressed",
-  "background.backdrop",
-  "background.brand",
-  "background.contrast",
-  "background.danger",
-  "background.danger.contrast",
-  "background.default",
-  "background.destructive",
-  "background.destructive.hover",
-  "background.destructive.pressed",
-  "background.destructive.contrast",
-  "background.destructive.contrast.hover",
-  "background.destructive.contrast.pressed",
-  "background.destructiveAlpha",
-  "background.destructiveAlpha.contrast",
-  "background.destructiveAlpha.contrast.hover",
-  "background.destructiveAlpha.contrast.pressed",
-  "background.destructiveAlpha.hover",
-  "background.destructiveAlpha.pressed",
-  "background.info",
-  "background.note",
-  "background.note.hover",
-  "background.overlay",
-  "background.primary",
-  "background.primary.contrast",
-  "background.primary.contrast.hover",
-  "background.primary.contrast.pressed",
-  "background.primary.hover",
-  "background.primary.pressed",
-  "background.primaryAlpha",
-  "background.primaryAlpha.contrast",
-  "background.primaryAlpha.contrast.hover",
-  "background.primaryAlpha.contrast.pressed",
-  "background.primaryAlpha.hover",
-  "background.primaryAlpha.pressed",
-  "background.secondary",
-  "background.secondary.contrast",
-  "background.secondary.contrast.hover",
-  "background.secondary.contrast.pressed",
-  "background.secondary.hover",
-  "background.secondary.pressed",
-  "background.secondaryAlpha",
-  "background.secondaryAlpha.contrast",
-  "background.secondaryAlpha.contrast.hover",
-  "background.secondaryAlpha.contrast.pressed",
-  "background.secondaryAlpha.hover",
-  "background.secondaryAlpha.pressed",
-  "background.subtle",
-  "background.subtle.contrast",
-  "background.subtle.less",
-  "background.subtle.more",
-  "background.subtle.most",
-  "background.success",
-  "background.success.contrast",
-  "background.warning",
-  "background.warning.contrast"
-], Se = ["divider", "divider.default"], we = [
-  "border",
-  "border.accent",
-  "border.accentSubtle",
-  "border.brand",
-  "border.contrast",
-  "border.danger",
-  "border.danger.contrast",
-  "border.default",
-  "border.focus",
-  "border.focus.contrast",
-  "border.info",
-  "border.strong",
-  "border.strong.contrast",
-  "border.subtle",
-  "border.subtle.contrast",
-  "border.success",
-  "border.warning"
-];
-export {
-  i as C,
-  _e as K,
-  b as R,
-  k as a,
-  f as b,
-  e as c,
-  Q as d,
-  Z as e,
-  v as f,
-  ye as g,
-  sr as h,
-  cr as i,
-  pr as j,
-  vr as k,
-  xr as l,
-  P as m,
-  ke as n,
-  fe as o,
-  S as p,
-  Ce as q,
-  rr as r,
-  t as s,
-  _ as t,
-  Ae as u,
-  Fe as v,
-  Se as w,
-  we as x,
-  fr as z
-};
-//# sourceMappingURL=theme-CLg3P-xE.js.map