@televet/kibble-ui 4.0.0-beta.39 → 4.0.0-beta.4

package/dist/chunks/theme/index-CR7sF4U7.js

@@ -0,0 +1,1101 @@
+import { x as c, bX as A } from "../chunks/vendor-CBMqSZOw.js";
+import { aU as n, aV as k, aW as y, aX as f, aY as C, aZ as E, a_ as D } from "../chunks/chakra-BnJq9Kzm.js";
+import { m as _, c as T, s as B, d as w, p, t as L, e as R, f as U, r as S, g as $, h as z, i as I, l as j, j as u, k as O } from "../components/index-DPP6HXLU.js";
+import { c as g } from "../hocs/index-BnAHqZKA.js";
+const H = {
+  heading: "'aktiv-grotesk', sans-serif",
+  body: "'aktiv-grotesk', sans-serif",
+  mono: "LinearSans, Noto Sans, Arial, Helvetica, sans-serif"
+}, i = {
+  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"
+}, Ee = {
+  normal: 400,
+  semibold: 600,
+  bold: 600
+}, De = {
+  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"
+}, _e = {
+  tight: "-0.025em",
+  tighter: "-0.05em",
+  normal: "0em",
+  wide: "0.025em",
+  wider: "0.05em",
+  widest: "0.1em"
+}, W = (o) => /* @__PURE__ */ c.jsx(A, { attribute: "class", disableTransitionOnChange: !0, ...o }), G = {
+  none: "0",
+  sm: "4px",
+  base: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  "2xl": "40px",
+  "3xl": "64px"
+}, s = (o) => Object.fromEntries(
+  Object.entries(o).map(([l, d]) => [
+    l,
+    { value: String(d) }
+  ])
+), P = n.blurs(s(G)), K = {
+  none: "0",
+  "1px": "1px solid",
+  "2px": "2px solid",
+  "4px": "4px solid",
+  "8px": "8px solid"
+}, M = {
+  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"
+}, X = n.borders(s(K)), q = n.radii(s(M)), r = {
+  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"
+  }
+}, J = (o) => Object.fromEntries(
+  Object.entries(o).map(([l, d]) => [
+    l,
+    Object.fromEntries(
+      Object.entries(d).map(([v, x]) => [v, { value: x }])
+    )
+  ])
+), N = n.colors(J(r)), 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"
+}, Te = {
+  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" }
+}, V = n.shadows(s(t)), Y = {
+  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"
+}, Z = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px"
+}, Q = n.sizes({
+  ...s(Y),
+  container: {
+    ...s(Z)
+  }
+}), ee = n.fonts(s(H)), re = n.fontSizes(
+  s(i)
+), ae = n.fontWeights(
+  s(i)
+), te = n.lineHeights(
+  s(i)
+), se = n.letterSpacings(
+  s(i)
+), ne = {
+  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"
+}, oe = n.spacing(s(ne)), le = {
+  "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)"
+}, de = {
+  "ultra-fast": "50ms",
+  faster: "100ms",
+  fast: "150ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "400ms",
+  "ultra-slow": "500ms"
+}, ce = n.durations(
+  s(de)
+), ie = n.easings(
+  s(le)
+), pe = {
+  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
+}, ue = n.zIndex(s(pe)), a = (o) => ({
+  value: {
+    _light: o.value._dark,
+    _dark: o.value._light
+  }
+}), e = {
+  primary: {
+    default: {
+      value: {
+        _light: r.primary[600],
+        _dark: r.primary[200]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.primary[700],
+        _dark: r.primary[100]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.primary[800],
+        _dark: r.primary[50]
+      }
+    }
+  },
+  secondary: {
+    default: {
+      value: {
+        _light: r.secondary[500],
+        _dark: r.secondary[200]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.secondary[600],
+        _dark: r.secondary[100]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.secondary[700],
+        _dark: r.secondary[50]
+      }
+    },
+    subtle: {
+      value: {
+        _light: r.secondary[100],
+        _dark: r.secondary[600]
+      }
+    }
+  },
+  danger: {
+    default: {
+      value: {
+        _light: r.danger[600],
+        _dark: r.danger[300]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.danger[600],
+        _dark: r.danger[200]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.danger[700],
+        _dark: r.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: r.danger[300],
+        _dark: r.danger[500]
+      }
+    }
+  },
+  warning: {
+    default: {
+      value: {
+        _light: r.warning[600],
+        _dark: r.warning[500]
+      }
+    },
+    subtle: {
+      value: {
+        _light: r.warning[100],
+        _dark: r.warning[700]
+      }
+    },
+    note: {
+      value: {
+        _light: r.warning[100],
+        _dark: r.warning[800]
+      }
+    }
+  },
+  success: {
+    default: {
+      value: {
+        _light: r.success[600],
+        _dark: r.success[300]
+      }
+    },
+    subtle: {
+      value: {
+        _light: r.success[100],
+        _dark: r.success[700]
+      }
+    }
+  },
+  neutral: {
+    default: {
+      value: {
+        _light: r.neutral[50],
+        _dark: r.neutral[900]
+      }
+    },
+    subtle1: {
+      value: {
+        _light: r.neutral[100],
+        _dark: r.neutral[800]
+      }
+    },
+    subtle2: {
+      value: {
+        _light: r.neutral[200],
+        _dark: r.neutral[700]
+      }
+    },
+    subtle3: {
+      value: {
+        _light: r.neutral[300],
+        _dark: r.neutral[600]
+      }
+    },
+    subtle4: {
+      value: {
+        _light: r.neutral[600],
+        _dark: r.neutral[400]
+      }
+    },
+    overlay: {
+      value: {
+        _light: r.neutral[50],
+        _dark: r.neutral[800]
+      }
+    },
+    backdrop: {
+      value: {
+        _light: r.blackAlpha[600],
+        _dark: r.blackAlpha[600]
+      }
+    }
+  },
+  primaryAlpha: {
+    default: {
+      value: {
+        _light: r.primaryAlpha[50],
+        _dark: r.primaryAlphaInverse[300]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.primaryAlpha[100],
+        _dark: r.primaryAlphaInverse[400]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.primaryAlpha[200],
+        _dark: r.primaryAlphaInverse[500]
+      }
+    }
+  },
+  secondaryAlpha: {
+    default: {
+      value: {
+        _light: r.secondaryAlpha[50],
+        _dark: r.secondaryAlphaInverse[300]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.secondaryAlpha[100],
+        _dark: r.secondaryAlphaInverse[400]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.secondaryAlpha[200],
+        _dark: r.secondaryAlphaInverse[500]
+      }
+    }
+  },
+  dangerAlpha: {
+    default: {
+      value: {
+        _light: r.dangerAlpha[50],
+        _dark: r.dangerAlphaInverse[300]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.dangerAlpha[100],
+        _dark: r.dangerAlphaInverse[400]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.dangerAlpha[200],
+        _dark: r.dangerAlphaInverse[500]
+      }
+    }
+  },
+  neutralAlpha: {
+    default: {
+      value: {
+        _light: r.blackAlpha[50],
+        _dark: r.whiteAlpha[300]
+      }
+    },
+    hover: {
+      value: {
+        _light: r.blackAlpha[100],
+        _dark: r.whiteAlpha[400]
+      }
+    },
+    pressed: {
+      value: {
+        _light: r.blackAlpha[200],
+        _dark: r.whiteAlpha[500]
+      }
+    },
+    dark: {
+      value: {
+        _light: r.blackAlpha[500],
+        _dark: r.whiteAlpha[800]
+      }
+    }
+  },
+  ai: {
+    default: {
+      value: {
+        _light: `linear-gradient(87.05deg, ${r.primary[100]} 7.97%, ${r.secondary[100]} 50.46%, ${r.danger[100]} 94.47%)`,
+        _dark: `linear-gradient(87.05deg, ${r.primary[700]} 7.97%, ${r.secondary[700]} 50.46%, ${r.danger[700]} 94.47%)`
+      }
+    },
+    hover: {
+      value: {
+        _light: `linear-gradient(87.05deg, ${r.primary[200]} 7.97%, ${r.secondary[200]} 50.46%, ${r.danger[200]} 94.47%)`,
+        _dark: `linear-gradient(87.05deg, ${r.primary[600]} 7.97%, ${r.secondary[600]} 50.46%, ${r.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, ${r.primary[200]} 7.97%, ${r.secondary[200]} 50.46%, ${r.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, ${r.primary[600]} 7.97%, ${r.secondary[600]} 50.46%, ${r.danger[600]} 94.47%)`
+      }
+    }
+  }
+}, h = a(
+  e.neutral.default
+), ge = {
+  DEFAULT: h,
+  accent: {
+    DEFAULT: e.secondary.default,
+    subtle: e.secondary.subtle
+  },
+  brand: {
+    DEFAULT: e.primary.default,
+    contrast: {
+      DEFAULT: a(e.primary.default),
+      hover: a(e.primary.hover)
+    },
+    hover: e.primary.hover
+  },
+  contrast: e.neutral.default,
+  danger: {
+    DEFAULT: e.danger.default,
+    contrast: {
+      DEFAULT: e.danger.inverse
+    }
+  },
+  default: h,
+  info: e.secondary.default,
+  interactive: {
+    DEFAULT: e.secondary.default,
+    contrast: {
+      DEFAULT: a(e.secondary.default),
+      hover: a(e.secondary.hover)
+    },
+    hover: e.secondary.hover
+  },
+  placeholder: {
+    DEFAULT: e.neutralAlpha.dark,
+    contrast: a(e.neutralAlpha.dark)
+  },
+  subtle: {
+    DEFAULT: e.neutral.subtle4,
+    contrast: a(e.neutral.subtle4)
+  },
+  success: e.success.default,
+  warning: e.warning.default
+}, b = e.neutral.subtle2, he = {
+  DEFAULT: b,
+  default: b
+}, m = e.neutral.subtle2, be = {
+  DEFAULT: m,
+  accent: {
+    DEFAULT: e.secondary.default,
+    subtle: e.secondary.subtle
+  },
+  brand: {
+    DEFAULT: e.primary.default,
+    contrast: a(e.primary.default)
+  },
+  contrast: a(e.neutral.subtle2),
+  danger: {
+    DEFAULT: e.danger.default,
+    contrast: e.danger.inverse
+  },
+  default: m,
+  focus: {
+    DEFAULT: e.secondary.default,
+    contrast: a(e.secondary.default)
+  },
+  info: e.secondary.default,
+  strong: {
+    DEFAULT: a(e.neutral.default),
+    contrast: e.neutral.default
+  },
+  // This separation is needed to override Chakra's default
+  subtle: e.neutral.subtle4,
+  "subtle.contrast": a(e.neutral.subtle4),
+  success: e.success.default,
+  warning: e.warning.default
+}, F = e.neutral.default, me = {
+  DEFAULT: F,
+  accent: {
+    DEFAULT: e.secondary.default,
+    subtle: e.secondary.subtle
+  },
+  ai: {
+    DEFAULT: e.ai.default,
+    hover: e.ai.hover,
+    pressed: e.ai.pressed
+  },
+  alpha: {
+    DEFAULT: e.neutralAlpha.default,
+    contrast: {
+      DEFAULT: a(e.neutralAlpha.default),
+      hover: a(e.neutralAlpha.hover),
+      pressed: a(e.neutralAlpha.pressed)
+    },
+    hover: e.neutralAlpha.hover,
+    pressed: e.neutralAlpha.pressed
+  },
+  backdrop: e.neutral.backdrop,
+  brand: e.primary.pressed,
+  contrast: a(e.neutral.subtle1),
+  danger: {
+    DEFAULT: a(e.danger.hover),
+    contrast: e.danger.default
+  },
+  default: F,
+  destructive: {
+    DEFAULT: e.danger.default,
+    contrast: {
+      DEFAULT: e.danger.inverse,
+      hover: a(e.danger.hover),
+      pressed: a(e.danger.pressed)
+    },
+    hover: e.danger.hover,
+    pressed: e.danger.pressed
+  },
+  destructiveAlpha: {
+    DEFAULT: e.dangerAlpha.default,
+    contrast: {
+      DEFAULT: a(e.dangerAlpha.default),
+      hover: a(e.dangerAlpha.hover),
+      pressed: a(e.dangerAlpha.pressed)
+    },
+    hover: e.dangerAlpha.hover,
+    pressed: e.dangerAlpha.pressed
+  },
+  info: e.secondary.subtle,
+  note: {
+    DEFAULT: e.warning.note,
+    hover: e.warning.subtle
+  },
+  overlay: {
+    DEFAULT: e.neutral.overlay,
+    contrast: a(e.neutral.overlay)
+  },
+  primary: {
+    DEFAULT: e.primary.default,
+    contrast: {
+      DEFAULT: a(e.primary.default),
+      hover: a(e.primary.hover),
+      pressed: a(e.primary.pressed)
+    },
+    hover: e.primary.hover,
+    pressed: e.primary.pressed
+  },
+  primaryAlpha: {
+    DEFAULT: e.primaryAlpha.default,
+    contrast: {
+      DEFAULT: a(e.primaryAlpha.default),
+      hover: a(e.primaryAlpha.hover),
+      pressed: a(e.primaryAlpha.pressed)
+    },
+    hover: e.primaryAlpha.hover,
+    pressed: e.primaryAlpha.pressed
+  },
+  secondary: {
+    DEFAULT: e.secondary.default,
+    contrast: {
+      DEFAULT: a(e.secondary.default),
+      hover: a(e.secondary.hover),
+      pressed: a(e.secondary.pressed)
+    },
+    hover: e.secondary.hover,
+    pressed: e.secondary.pressed
+  },
+  secondaryAlpha: {
+    DEFAULT: e.secondaryAlpha.default,
+    contrast: {
+      DEFAULT: a(e.secondaryAlpha.default),
+      hover: a(e.secondaryAlpha.hover),
+      pressed: a(e.secondaryAlpha.pressed)
+    },
+    hover: e.secondaryAlpha.hover,
+    pressed: e.secondaryAlpha.pressed
+  },
+  subtle: {
+    DEFAULT: e.neutral.subtle1,
+    contrast: a(e.neutral.subtle2),
+    less: e.neutral.subtle2,
+    more: a(e.neutral.subtle3),
+    most: e.neutral.subtle3
+  },
+  success: {
+    DEFAULT: e.success.subtle,
+    contrast: e.success.default
+  },
+  warning: {
+    DEFAULT: e.warning.subtle,
+    contrast: e.warning.default
+  }
+}, Fe = {
+  background: me,
+  border: be,
+  divider: he,
+  text: ge
+}, ve = k.colors(
+  Fe
+), xe = f({
+  theme: {
+    tokens: {
+      blurs: P,
+      borders: X,
+      colors: N,
+      durations: ce,
+      easings: ie,
+      letterSpacings: se,
+      lineHeights: te,
+      fonts: ee,
+      fontSizes: re,
+      fontWeights: ae,
+      radii: q,
+      shadows: V,
+      sizes: Q,
+      spacing: oe,
+      zIndex: ue
+    },
+    semanticTokens: {
+      colors: ve
+    },
+    recipes: {
+      button: u,
+      heading: O,
+      iconButton: u,
+      input: g,
+      link: j,
+      text: I,
+      textarea: g
+    },
+    slotRecipes: {
+      avatar: z,
+      checkbox: $,
+      radioGroup: S,
+      switch: U,
+      tabs: R,
+      tag: L,
+      popover: p,
+      hoverCard: p,
+      menu: w,
+      select: B,
+      alert: T,
+      dialog: _
+    }
+  },
+  globalCss: {
+    "button:focus-visible, button[data-focus-visible]": {
+      outline: "none !important",
+      boxShadow: "none !important"
+    },
+    "html, body": {
+      color: "text"
+    }
+  }
+}), Ae = y(C, xe), Be = ({
+  customTheme: o,
+  children: l,
+  ...d
+}) => /* @__PURE__ */ c.jsxs(E, { value: o ?? Ae, children: [
+  /* @__PURE__ */ c.jsx(
+    D,
+    {
+      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__ */ c.jsx(W, { ...d, children: l })
+] }), we = [
+  "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"
+], Le = [
+  "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"
+], Re = ["divider", "divider.default"], Ue = [
+  "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 {
+  Be as K,
+  K as a,
+  G as b,
+  r as c,
+  Te as d,
+  Y as e,
+  i as f,
+  Z as g,
+  ne as h,
+  de as i,
+  H as j,
+  Ee as k,
+  De as l,
+  _e as m,
+  we as n,
+  Le as o,
+  Re as p,
+  Ue as q,
+  M as r,
+  t as s,
+  le as t,
+  pe as z
+};
+//# sourceMappingURL=index-CR7sF4U7.js.map