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

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

@@ -0,0 +1,3174 @@
+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