@televet/kibble-ui 4.0.0-beta.100 → 4.0.0-beta.102

package/dist/chunks/theme.provider-CQ3U4kMw.js

@@ -0,0 +1,2885 @@
+import { j as o } from "./jsx-runtime-C5mzlN2N.js";
+import { J as pr } from "./index-DAWHN3cH.js";
+import { c as ur, d as hr } from "./preset-Bpky4UAW.js";
+import { c as i, e as mr, b as w, a as b, f as xr } from "./config-BsZeMu66.js";
+import { coreColors as e } from "../esm/theme/tokens/colors/index.js";
+import { a as vr, f as kr, b as fr, l as _r, c as yr } from "./typography.records-BEd2lI_g.js";
+import { f as I, t as F } from "./typography-Cqrokog3.js";
+import { a as R, C as v } from "./checkbox.records-JWbKQ684.js";
+import { a as j, R as k } from "./radio.records-Cc3kP4Vn.js";
+import { Global as Cr } from "@emotion/react";
+import Ar, { forwardRef as m, useId as Tr } from "react";
+import { B as Q } from "./button.component-DOAhnxbj.js";
+import { I as Sr } from "./icon.component-DszmCnE4.js";
+import { B as X } from "./box-Ck9I7FYv.js";
+import { StatusIconMap as wr } from "../esm/shared/records/index.js";
+import { W as P } from "./text.component-DDSfgcFP.js";
+import { F as zr } from "./flex-smlF8uQG.js";
+import { c as Dr } from "./create-slot-recipe-context-BJmsuxih.js";
+import { c as Rr } from "./factory-Ctbv0Ozn.js";
+import { C as jr, W as V, a as Er } from "./icons-BXxdrBrf.js";
+import { c as Lr, f as z, j as Br, i as Z, k as rr, n as er, P as Ir } from "./use-locale-context-ib8415q7.js";
+import { g as N, m as Fr, c as Wr, b as Ur, a as Pr, d as Vr, t as Nr, e as $r, f as Or } from "./toaster.records-DjNU8CFN.js";
+import { a1 as y } from "./index-1syExFDc.js";
+import { c as Hr } from "./theme-BOK659O0.js";
+import { C as Gr } from "./provider-ClCAdPxy.js";
+const [Mr, C] = Lr({
+  name: "ToastContext",
+  hookName: "useToastContext",
+  providerName: "<ToastProvider />"
+}), tr = m((t, n) => {
+  const s = C(), d = y(s.getActionTriggerProps(), t);
+  return /* @__PURE__ */ o.jsx(z.button, { ...d, ref: n });
+});
+tr.displayName = "ToastActionTrigger";
+const or = m((t, n) => {
+  const s = C(), d = y(s.getCloseTriggerProps(), t);
+  return /* @__PURE__ */ o.jsx(z.button, { ...d, ref: n });
+});
+or.displayName = "ToastCloseTrigger";
+const ar = m((t, n) => {
+  const s = C(), d = y(s.getDescriptionProps(), t);
+  return /* @__PURE__ */ o.jsx(z.div, { ...d, ref: n });
+});
+ar.displayName = "ToastDescription";
+const sr = m((t, n) => {
+  const s = C(), d = y(s.getRootProps(), t);
+  return /* @__PURE__ */ o.jsxs("div", { ...d, ref: n, children: [
+    /* @__PURE__ */ o.jsx("div", { ...s.getGhostBeforeProps() }),
+    t.children,
+    /* @__PURE__ */ o.jsx("div", { ...s.getGhostAfterProps() })
+  ] });
+});
+sr.displayName = "ToastRoot";
+const nr = m((t, n) => {
+  const s = C(), d = y(s.getTitleProps(), t);
+  return /* @__PURE__ */ o.jsx(z.div, { ...d, ref: n });
+});
+nr.displayName = "ToastTitle";
+const dr = m((t, n) => {
+  const { toaster: s, children: d, ...g } = t, l = Br(), A = Z(), x = rr(N.machine, {
+    store: s,
+    id: Tr(),
+    dir: l?.dir,
+    getRootNode: A?.getRootNode
+  }), T = N.connect(x, er), lr = y(T.getGroupProps(), g);
+  return /* @__PURE__ */ o.jsx(z.div, { ...lr, ref: n, children: T.getToasts().map((U, br) => /* @__PURE__ */ o.jsx(cr, { value: U, parent: x, index: br, children: (gr) => d(gr) }, U.id)) });
+});
+dr.displayName = "Toaster";
+const cr = (t) => {
+  const n = Z(), s = {
+    ...t.value,
+    parent: t.parent,
+    index: t.index,
+    getRootNode: n.getRootNode
+  }, d = rr(Fr, { ...s }), g = Wr(d, er);
+  return /* @__PURE__ */ o.jsx(Mr, { value: g, children: t.children(t.value) });
+};
+cr.displayName = "ToastActor";
+const {
+  withProvider: Kr,
+  withContext: D,
+  useStyles: Yr
+} = Dr({ key: "toast" }), Jr = Rr(
+  dr,
+  {},
+  { forwardAsChild: !0 }
+), qr = Kr(
+  sr,
+  "root",
+  { forwardAsChild: !0 }
+), Qr = D(or, "closeTrigger", {
+  forwardAsChild: !0,
+  defaultProps: {
+    children: /* @__PURE__ */ o.jsx(jr, {})
+  }
+}), Xr = D(
+  nr,
+  "title",
+  { forwardAsChild: !0 }
+), Zr = D(ar, "description", { forwardAsChild: !0 });
+D(tr, "actionTrigger", { forwardAsChild: !0 });
+const re = {
+  warning: V,
+  success: Er,
+  error: V
+};
+m(
+  function(n, s) {
+    const d = C(), g = Yr(), l = re[d.type];
+    return l ? /* @__PURE__ */ o.jsx(l, { ref: s, ...n, css: [g.indicator, n.css] }) : null;
+  }
+);
+const ee = (t) => /* @__PURE__ */ o.jsx(pr, { attribute: "class", disableTransitionOnChange: !0, ...t }), te = {
+  none: "0",
+  sm: "4px",
+  base: "8px",
+  md: "12px",
+  lg: "16px",
+  xl: "24px",
+  "2xl": "40px",
+  "3xl": "64px"
+}, c = (t) => Object.fromEntries(Object.entries(t).map(([n, s]) => [n, { value: String(s) }])), oe = i.blurs(c(te)), ae = {
+  none: "0",
+  "1px": "1px solid",
+  "2px": "2px solid",
+  "4px": "4px solid",
+  "8px": "8px solid"
+}, se = {
+  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"
+}, ne = i.borders(c(ae)), de = i.radii(c(se)), ce = (t) => Object.fromEntries(
+  Object.entries(t).map(([n, s]) => [
+    n,
+    Object.fromEntries(Object.entries(s).map(([d, g]) => [d, { value: g }]))
+  ])
+), ie = i.colors(ce(e)), le = {
+  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"
+}, be = i.shadows(c(le)), ge = {
+  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"
+}, W = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px"
+}, pe = i.sizes({
+  ...c(ge),
+  container: {
+    ...c(W)
+  }
+}), ue = i.breakpoints({
+  ...c(W)
+}), he = i.fonts(c(vr)), me = i.fontSizes(c(kr)), xe = i.fontWeights(c(fr)), ve = i.lineHeights(c(_r)), ke = i.letterSpacings(c(yr)), fe = {
+  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"
+}, _e = i.spacing(c(fe)), ye = {
+  "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)"
+}, Ce = {
+  "ultra-fast": "50ms",
+  faster: "100ms",
+  fast: "150ms",
+  normal: "200ms",
+  slow: "300ms",
+  slower: "400ms",
+  "ultra-slow": "500ms"
+}, Ae = i.durations(c(Ce)), Te = i.easings(c(ye)), Se = {
+  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
+}, we = i.zIndex(c(Se)), a = (t) => ({
+  value: {
+    _light: t.value._dark,
+    _dark: t.value._light
+  }
+}), 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]
+      }
+    },
+    dark: {
+      value: {
+        _light: e.primary[800],
+        _dark: e.primary[300]
+      }
+    }
+  },
+  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[700],
+        _dark: e.danger[200]
+      }
+    },
+    pressed: {
+      value: {
+        _light: e.danger[800],
+        _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]
+      }
+    },
+    subtle: {
+      value: {
+        _light: e.danger[700],
+        _dark: e.danger[100]
+      }
+    }
+  },
+  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%)`
+      }
+    }
+  }
+}, $ = a(r.neutral.default), ze = {
+  DEFAULT: $,
+  accent: {
+    DEFAULT: r.secondary.default,
+    subtle: r.secondary.subtle
+  },
+  brand: {
+    DEFAULT: r.primary.default,
+    contrast: {
+      DEFAULT: a(r.primary.default),
+      hover: a(r.primary.hover)
+    },
+    hover: r.primary.hover
+  },
+  contrast: r.neutral.default,
+  danger: {
+    DEFAULT: r.danger.default,
+    contrast: {
+      DEFAULT: r.danger.inverse
+    }
+  },
+  default: $,
+  info: r.secondary.default,
+  interactive: {
+    DEFAULT: r.secondary.default,
+    contrast: {
+      DEFAULT: a(r.secondary.default),
+      hover: a(r.secondary.hover)
+    },
+    hover: r.secondary.hover
+  },
+  logo: {
+    DEFAULT: r.primary.dark,
+    contrast: a(r.primary.dark)
+  },
+  placeholder: {
+    DEFAULT: r.neutralAlpha.dark,
+    contrast: a(r.neutralAlpha.dark)
+  },
+  subtle: {
+    DEFAULT: r.neutral.subtle4,
+    contrast: a(r.neutral.subtle4)
+  },
+  success: r.success.default,
+  warning: r.warning.default
+}, O = r.neutral.subtle2, De = {
+  DEFAULT: O,
+  default: O
+}, H = r.neutral.subtle2, Re = {
+  DEFAULT: H,
+  accent: {
+    DEFAULT: r.secondary.default,
+    subtle: r.secondary.subtle
+  },
+  brand: {
+    DEFAULT: r.primary.default,
+    contrast: a(r.primary.default)
+  },
+  contrast: a(r.neutral.subtle2),
+  danger: {
+    DEFAULT: r.danger.default,
+    contrast: r.danger.inverse
+  },
+  default: H,
+  focus: {
+    DEFAULT: r.secondary.default,
+    contrast: a(r.secondary.default)
+  },
+  info: r.secondary.default,
+  strong: {
+    DEFAULT: a(r.neutral.default),
+    contrast: r.neutral.default
+  },
+  // This separation is needed to override Chakra's default
+  subtle: r.neutral.subtle4,
+  "subtle.contrast": a(r.neutral.subtle4),
+  success: r.success.default,
+  warning: r.warning.default
+}, G = r.neutral.default, je = {
+  DEFAULT: G,
+  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: a(r.neutralAlpha.default),
+      hover: a(r.neutralAlpha.hover),
+      pressed: a(r.neutralAlpha.pressed)
+    },
+    hover: r.neutralAlpha.hover,
+    pressed: r.neutralAlpha.pressed
+  },
+  backdrop: r.neutral.backdrop,
+  brand: r.primary.pressed,
+  contrast: a(r.neutral.subtle1),
+  danger: {
+    DEFAULT: a(r.danger.subtle),
+    contrast: r.danger.default
+  },
+  default: G,
+  destructive: {
+    DEFAULT: r.danger.default,
+    contrast: {
+      DEFAULT: r.danger.inverse,
+      hover: a(r.danger.hover),
+      pressed: a(r.danger.pressed)
+    },
+    hover: r.danger.hover,
+    pressed: r.danger.pressed
+  },
+  destructiveAlpha: {
+    DEFAULT: r.dangerAlpha.default,
+    contrast: {
+      DEFAULT: a(r.dangerAlpha.default),
+      hover: a(r.dangerAlpha.hover),
+      pressed: a(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: a(r.neutral.overlay)
+  },
+  primary: {
+    DEFAULT: r.primary.default,
+    contrast: {
+      DEFAULT: a(r.primary.default),
+      hover: a(r.primary.hover),
+      pressed: a(r.primary.pressed)
+    },
+    hover: r.primary.hover,
+    pressed: r.primary.pressed
+  },
+  primaryAlpha: {
+    DEFAULT: r.primaryAlpha.default,
+    contrast: {
+      DEFAULT: a(r.primaryAlpha.default),
+      hover: a(r.primaryAlpha.hover),
+      pressed: a(r.primaryAlpha.pressed)
+    },
+    hover: r.primaryAlpha.hover,
+    pressed: r.primaryAlpha.pressed
+  },
+  secondary: {
+    DEFAULT: r.secondary.default,
+    contrast: {
+      DEFAULT: a(r.secondary.default),
+      hover: a(r.secondary.hover),
+      pressed: a(r.secondary.pressed)
+    },
+    hover: r.secondary.hover,
+    pressed: r.secondary.pressed
+  },
+  secondaryAlpha: {
+    DEFAULT: r.secondaryAlpha.default,
+    contrast: {
+      DEFAULT: a(r.secondaryAlpha.default),
+      hover: a(r.secondaryAlpha.hover),
+      pressed: a(r.secondaryAlpha.pressed)
+    },
+    hover: r.secondaryAlpha.hover,
+    pressed: r.secondaryAlpha.pressed
+  },
+  subtle: {
+    DEFAULT: r.neutral.subtle1,
+    contrast: a(r.neutral.subtle2),
+    less: r.neutral.subtle2,
+    more: a(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
+  }
+}, Ee = {
+  background: je,
+  border: Re,
+  divider: De,
+  text: ze
+}, Le = mr.colors(Ee), S = {
+  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" }
+}, Be = w({
+  base: {
+    lineHeight: "150%"
+  },
+  variants: {
+    variant: F,
+    size: S,
+    fontWeight: I
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md",
+    fontWeight: "normal"
+  }
+}), Ie = {
+  xs: { fontSize: "sm" },
+  sm: { fontSize: "md" },
+  md: { fontSize: "xl" },
+  lg: {
+    fontSize: { base: "2xl", lg: "3xl" }
+  },
+  xl: {
+    fontSize: { base: "3xl", lg: "4xl" }
+  },
+  "2xl": {
+    fontSize: { base: "4xl", lg: "5xl" }
+  },
+  "3xl": { fontSize: { base: "5xl", lg: "6xl" } },
+  "4xl": { fontSize: { base: "6xl", lg: "7xl" } }
+}, Fe = w({
+  base: {
+    fontWeight: "semibold",
+    lineHeight: "120%"
+  },
+  variants: {
+    variant: F,
+    size: Ie,
+    fontWeight: I
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "lg",
+    fontWeight: "semibold"
+  }
+}), We = w({
+  base: {
+    textDecoration: "underline"
+  },
+  variants: {
+    variant: F,
+    size: S,
+    fontWeight: I
+  },
+  defaultVariants: {
+    variant: "interactive",
+    size: "md",
+    fontWeight: "normal"
+  }
+}), Ue = ["root", "label", "closeTrigger"], Pe = {
+  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"
+    }
+  }
+}, Ve = {
+  sm: {
+    root: {
+      height: "20px",
+      px: "8px"
+    },
+    label: S.xs,
+    closeTrigger: {
+      _icon: {
+        height: "14px",
+        width: "14px"
+      }
+    }
+  },
+  md: {
+    root: {
+      height: "24px",
+      px: "8px"
+    },
+    label: S.sm,
+    closeTrigger: {
+      _icon: {
+        height: "16px",
+        width: "16px"
+      }
+    }
+  },
+  lg: {
+    root: {
+      borderRadius: "lg",
+      height: "32px",
+      px: "12px"
+    },
+    label: S.md,
+    closeTrigger: {
+      _icon: {
+        height: "18px",
+        width: "18px"
+      }
+    }
+  }
+}, Ne = {
+  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: {}
+}, $e = b({
+  slots: Ue,
+  base: {
+    root: {
+      borderRadius: "md",
+      boxShadow: "none",
+      gap: 0,
+      position: "relative"
+    },
+    label: {
+      fontWeight: "semibold",
+      overflowY: "visible"
+    },
+    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: Ve,
+    variant: Pe,
+    closeButtonDisplay: Ne
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default",
+    closeButtonDisplay: "never"
+  }
+}), Oe = {
+  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
+  }
+}, He = {
+  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"
+  }
+}, M = w({
+  base: {
+    borderColor: "transparent",
+    borderRadius: "base",
+    borderWidth: "1px",
+    fontWeight: "semibold",
+    letterSpacing: "0.12px",
+    lineHeight: "150%",
+    _focusVisible: {
+      boxShadow: "none !important",
+      outline: "none !important"
+    }
+  },
+  variants: {
+    variant: He,
+    size: Oe
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "primary"
+  }
+}), Ge = {
+  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"
+    }
+  }
+}, Me = {
+  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"
+    }
+  }
+}, Ke = {
+  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
+    }
+  }
+}, B = {
+  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"
+    }
+  }
+}, Ye = {
+  default: {
+    borderColor: "border.strong"
+  },
+  onContrast: {
+    borderColor: "border.strong.contrast"
+  }
+}, _ = (t) => ({
+  ...Ge[t],
+  _hover: {
+    ...Ye[t]
+  },
+  _disabled: {
+    ...Ke[t]
+  },
+  _focus: {
+    ...B[t]
+  },
+  _invalid: {
+    ...Me[t]
+  }
+}), h = {
+  sm: {
+    fontSize: "sm",
+    minH: "32px"
+  },
+  md: {
+    fontSize: "md",
+    minH: "40px"
+  },
+  lg: {
+    fontSize: "lg",
+    minH: "48px"
+  }
+}, K = w({
+  variants: {
+    variant: {
+      default: _("default"),
+      onContrast: _("onContrast")
+    },
+    size: h
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), Je = ["root", "hiddenInput", "control", "indicator", "label"], qe = {
+  sm: {
+    control: {
+      height: v.sm,
+      width: v.sm
+    },
+    label: {
+      fontSize: "sm",
+      ml: R.sm,
+      mt: "-4px"
+    },
+    root: {
+      gap: 0
+    }
+  },
+  md: {
+    control: {
+      height: v.md,
+      width: v.md
+    },
+    label: {
+      fontSize: "md",
+      ml: R.md,
+      mt: "-1px"
+    },
+    root: {
+      gap: 0
+    }
+  },
+  lg: {
+    control: {
+      height: v.lg,
+      width: v.lg
+    },
+    label: {
+      fontSize: "lg",
+      ml: R.lg,
+      mt: "-2px"
+    },
+    root: {
+      gap: 0
+    }
+  }
+}, Y = {
+  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"
+  }
+}, J = {
+  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"
+  }
+}, Qe = {
+  default: {
+    control: {
+      bg: "background",
+      color: "text.contrast",
+      _hover: {
+        borderColor: "border.strong"
+      },
+      _checked: { ...Y },
+      _indeterminate: { ...Y },
+      _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: { ...J },
+      _indeterminate: { ...J },
+      _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"
+    }
+  }
+}, Xe = b({
+  slots: Je,
+  base: {
+    root: {
+      alignItems: "flex-start",
+      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: Qe,
+    size: qe
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), Ze = ["root", "item", "itemHiddenInput", "itemControl", "itemText"], rt = {
+  sm: {
+    itemControl: {
+      height: k.sm,
+      width: k.sm
+    },
+    itemText: {
+      ml: j.sm,
+      mt: "-4px"
+    },
+    item: {
+      gap: 0
+    }
+  },
+  md: {
+    itemControl: {
+      height: k.md,
+      width: k.md
+    },
+    itemText: {
+      ml: j.md,
+      mt: "-1px"
+    },
+    item: {
+      gap: 0
+    }
+  },
+  lg: {
+    itemControl: {
+      height: k.lg,
+      width: k.lg
+    },
+    itemText: {
+      ml: j.lg,
+      mt: "-2px"
+    },
+    item: {
+      gap: 0
+    }
+  }
+}, et = {
+  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"
+        }
+      }
+    }
+  }
+}, tt = b({
+  slots: Ze,
+  base: {
+    root: {
+      width: "inherit",
+      _disabled: {
+        opacity: 0.6
+      },
+      _focus: {
+        boxShadow: "none"
+      }
+    },
+    item: {
+      alignItems: "flex-start",
+      width: "inherit"
+    },
+    itemControl: {
+      borderWidth: "1px"
+    },
+    itemText: {
+      _disabled: {
+        opacity: 0.6
+      }
+    }
+  },
+  variants: {
+    size: rt,
+    variant: et
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), ot = ["root", "control", "indicator", "thumb", "label"], at = {
+  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"
+    }
+  }
+}, p = {
+  controlBg: "background.alpha.pressed",
+  controlBgChecked: "background.secondary",
+  controlInvalidBorder: "border.danger",
+  thumbBg: "background",
+  thumbBgChecked: "background"
+}, u = {
+  controlBg: "background.alpha.contrast.pressed",
+  controlBgChecked: "background.secondary.contrast",
+  controlInvalidBorder: "border.danger.contrast",
+  thumbBg: "background.contrast",
+  thumbBgChecked: "background.contrast"
+}, st = {
+  default: {
+    control: {
+      bg: p.controlBg,
+      _checked: {
+        bg: p.controlBgChecked
+      },
+      _invalid: {
+        outlineColor: p.controlInvalidBorder
+      }
+    },
+    thumb: {
+      bg: p.thumbBg,
+      _checked: {
+        bg: p.thumbBgChecked
+      }
+    }
+  },
+  onContrast: {
+    control: {
+      bg: u.controlBg,
+      _checked: {
+        bg: u.controlBgChecked
+      },
+      _invalid: {
+        outlineColor: u.controlInvalidBorder
+      }
+    },
+    thumb: {
+      bg: u.thumbBg,
+      _checked: {
+        bg: u.thumbBgChecked
+      }
+    }
+  },
+  indeterminate: {
+    root: {
+      "--switch-diff": "50%"
+    },
+    control: {
+      bg: p.controlBg,
+      _checked: {
+        bg: p.controlBgChecked
+      },
+      _invalid: {
+        outlineColor: p.controlInvalidBorder
+      }
+    },
+    thumb: {
+      bg: p.thumbBg,
+      translate: "var(--switch-x) 0",
+      _checked: {
+        bg: p.thumbBg
+      }
+    }
+  },
+  indeterminateOnContrast: {
+    root: {
+      "--switch-diff": "50%"
+    },
+    control: {
+      bg: u.controlBg,
+      _checked: {
+        bg: u.controlBgChecked
+      },
+      _invalid: {
+        outlineColor: u.controlInvalidBorder
+      }
+    },
+    thumb: {
+      bg: u.thumbBg,
+      translate: "var(--switch-x) 0",
+      _checked: {
+        bg: u.thumbBg
+      }
+    }
+  }
+}, nt = b({
+  slots: ot,
+  base: {
+    control: {
+      _focusVisible: {
+        outline: "none"
+      }
+    },
+    thumb: {
+      boxShadow: "xsR",
+      height: "var(--switch-height)",
+      width: "var(--switch-height)",
+      scale: 0.8
+    }
+  },
+  variants: {
+    size: at,
+    variant: st
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), dt = ["root", "list", "trigger", "content"], ct = {
+  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
+    }
+  }
+}, it = b({
+  slots: dt,
+  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: ct
+  },
+  defaultVariants: {
+    size: "md"
+  }
+}), lt = ["root", "fallback", "image"], bt = {
+  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"
+    }
+  }
+}, gt = {
+  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"
+      }
+    }
+  }
+}, pt = b({
+  slots: lt,
+  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: bt,
+    variant: gt,
+    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
+  }
+}), ir = {
+  padding: "8px 12px 8px 20px !important"
+}, E = {
+  ...ir,
+  cursor: "pointer",
+  _highlighted: {
+    bgColor: "background.secondaryAlpha.hover !important"
+  }
+}, ut = b({
+  slots: ["checkboxItem", "content", "item", "itemGroupLabel", "trigger", "triggerItem"],
+  base: {
+    checkboxItem: E,
+    content: {
+      bgColor: "background.overlay",
+      borderColor: "border",
+      boxShadow: "md",
+      px: "0 !important",
+      py: 2
+    },
+    item: E,
+    itemGroupLabel: ir,
+    trigger: {
+      _icon: {
+        h: "unset",
+        w: "unset"
+      }
+    },
+    triggerItem: E
+  }
+}), q = "8px 12px 8px 20px !important", ht = b({
+  slots: ["trigger", "item", "itemGroupLabel", "valueText", "content"],
+  base: {
+    content: {
+      borderRadius: "base",
+      borderWidth: "1px",
+      boxShadow: "md",
+      px: "0 !important",
+      py: "6px"
+    },
+    item: {
+      justifyContent: "flex-start",
+      padding: q
+    },
+    itemGroupLabel: {
+      fontSize: "sm",
+      fontWeight: "semibold",
+      padding: q
+    },
+    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"
+          }
+        },
+        itemGroupLabel: {
+          color: "text"
+        },
+        trigger: {
+          ..._("default"),
+          _placeholderShown: {
+            color: "text.placeholder"
+          },
+          _open: {
+            ...B.default
+          }
+        }
+      },
+      onContrast: {
+        content: {
+          bgColor: "background.contrast",
+          borderColor: "border.contrast"
+        },
+        item: {
+          _selected: {
+            bgColor: "background.secondaryAlpha.contrast.hover"
+          },
+          "&[data-highlighted]": {
+            bgColor: "background.secondaryAlpha.contrast.hover"
+          }
+        },
+        itemGroupLabel: {
+          color: "text.contrast"
+        },
+        trigger: {
+          ..._("onContrast"),
+          _placeholderShown: {
+            color: "text.placeholder.contrast"
+          },
+          _open: {
+            ...B.onContrast
+          }
+        }
+      }
+    },
+    size: {
+      sm: {
+        item: {
+          fontSize: "sm"
+        },
+        trigger: {
+          ...h.sm
+        }
+      },
+      md: {
+        item: {
+          fontSize: "md"
+        },
+        trigger: {
+          ...h.md
+        }
+      },
+      lg: {
+        item: {
+          fontSize: "lg"
+        },
+        trigger: {
+          ...h.lg
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), mt = ["root", "indicator", "content", "title", "description"], xt = {
+  default: {
+    root: {
+      bgColor: "background"
+    }
+  },
+  error: {
+    root: {
+      bgColor: "background.danger"
+    }
+  },
+  info: {
+    root: {
+      bgColor: "background.info"
+    }
+  },
+  success: {
+    root: {
+      bgColor: "background.success"
+    }
+  },
+  warning: {
+    root: {
+      bgColor: "background.warning"
+    }
+  }
+}, vt = b({
+  slots: mt,
+  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: xt,
+    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"
+        }
+      }
+    }
+  ]
+}), kt = b({
+  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,
+      pt: 6
+    }
+  },
+  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: {}
+}), ft = b({
+  slots: ["root", "control", "input", "hiddenInput"],
+  base: {},
+  variants: {
+    size: {
+      sm: {
+        input: h.sm
+      },
+      md: {
+        input: h.md
+      },
+      lg: {
+        input: h.lg
+      }
+    },
+    variant: {
+      default: {
+        input: _("default")
+      },
+      onContrast: {
+        input: _("onContrast")
+      }
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    variant: "default"
+  }
+}), _t = ["root", "indicator", "title", "description", "closeTrigger", "actionTrigger"], yt = {
+  default: {
+    root: {
+      bgColor: "background.contrast"
+    }
+  },
+  error: {
+    root: {
+      bgColor: "background.danger.contrast"
+    }
+  },
+  info: {
+    root: {
+      bgColor: "background.info.contrast"
+    }
+  },
+  success: {
+    root: {
+      bgColor: "background.success.contrast"
+    }
+  },
+  warning: {
+    root: {
+      bgColor: "background.warning.contrast"
+    }
+  }
+}, Ct = b({
+  slots: _t,
+  base: {
+    root: {
+      borderRadius: "md",
+      color: "text.contrast",
+      py: 2,
+      px: 3,
+      height: "auto",
+      width: "auto",
+      maxW: { base: "100%", md: "560px" },
+      minW: "300px"
+    },
+    closeTrigger: {
+      position: "unset",
+      right: "unset",
+      top: "unset"
+    },
+    description: {
+      opacity: 1
+    }
+  },
+  variants: {
+    variant: yt,
+    hideIcon: {
+      true: {
+        root: {
+          gap: 0
+        }
+      },
+      false: {
+        root: {
+          gap: 2
+        }
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "success",
+    hideIcon: !1
+  }
+}), At = xr({
+  theme: {
+    breakpoints: W,
+    tokens: {
+      blurs: oe,
+      borders: ne,
+      breakpoints: ue,
+      colors: ie,
+      durations: Ae,
+      easings: Te,
+      fonts: he,
+      fontSizes: me,
+      fontWeights: xe,
+      letterSpacings: ke,
+      lineHeights: ve,
+      radii: de,
+      shadows: be,
+      sizes: pe,
+      spacing: _e,
+      zIndex: we
+    },
+    semanticTokens: {
+      colors: Le
+    },
+    recipes: {
+      button: M,
+      heading: Fe,
+      iconButton: M,
+      input: K,
+      link: We,
+      text: Be,
+      textarea: K
+    },
+    slotRecipes: {
+      alert: vt,
+      avatar: pt,
+      checkbox: Xe,
+      dialog: kt,
+      menu: ut,
+      pinInput: ft,
+      radioGroup: tt,
+      select: ht,
+      switch: nt,
+      tabs: it,
+      tag: $e,
+      toast: Ct
+    }
+  },
+  globalCss: {
+    "html, body": {
+      color: "text"
+    },
+    body: {
+      minHeight: "100%"
+    }
+  }
+}), Tt = ur(hr, At), L = ({
+  buttonPosition: t = "topRight",
+  buttonText: n,
+  status: s,
+  ...d
+}) => /* @__PURE__ */ o.jsx(
+  X,
+  {
+    className: "Toast__Action",
+    "data-testid": "kibble-toast-action",
+    ...t === "bottomLeft" && { pt: 2, pb: 1 },
+    children: /* @__PURE__ */ o.jsx(
+      Q,
+      {
+        size: "xs",
+        variant: s === "default" ? "primary" : "secondary",
+        w: "max-content",
+        ...d,
+        onContrast: !0,
+        children: n
+      }
+    )
+  }
+), St = ({
+  action: t,
+  closable: n = !0,
+  description: s,
+  hideIcon: d = !1,
+  icon: g,
+  status: l = "success",
+  title: A
+}) => {
+  t && !t.buttonPosition && (t.buttonPosition = "topRight");
+  const x = t && t.buttonPosition === "topRight", T = x ? zr : Ar.Fragment;
+  return /* @__PURE__ */ o.jsxs(qr, { className: "Toast", "data-testid": "kibble-toast", variant: l, hideIcon: d, children: [
+    !d && /* @__PURE__ */ o.jsx(
+      Sr,
+      {
+        className: "Toast__Icon",
+        "data-testid": "kibble-toast-icon",
+        name: wr[l],
+        variant: "onContrast",
+        ...g
+      }
+    ),
+    /* @__PURE__ */ o.jsxs(X, { className: "Toast__Content", "data-testid": "kibble-toast-content", flexDirection: "column", flex: 1, children: [
+      A && /* @__PURE__ */ o.jsxs(
+        T,
+        {
+          ...x && {
+            justifyContent: "space-between",
+            gap: 2
+          },
+          children: [
+            /* @__PURE__ */ o.jsx(Xr, { className: "Alert__Title", "data-testid": "kibble-alert-title", children: /* @__PURE__ */ o.jsx(P, { size: "md", variant: "onContrast", fontWeight: "semibold", children: A }) }),
+            t && t.buttonPosition === "topRight" && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
+          ]
+        }
+      ),
+      s && /* @__PURE__ */ o.jsxs(T, { ...x && { justifyContent: "space-between" }, children: [
+        /* @__PURE__ */ o.jsx(Zr, { className: "Alert__Description", "data-testid": "kibble-alert-description", children: /* @__PURE__ */ o.jsx(P, { size: "md", variant: "onContrast", children: s }) }),
+        t && t.buttonPosition === "topRight" && !A && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
+      ] }),
+      t?.buttonPosition === "bottomLeft" && /* @__PURE__ */ o.jsx(L, { status: l, ...t })
+    ] }),
+    n && /* @__PURE__ */ o.jsx(Qr, { asChild: !0, children: /* @__PURE__ */ o.jsx(
+      Q,
+      {
+        className: "Toast__CloseTrigger",
+        "data-testid": "kibble-toast-close-trigger",
+        iconName: "close",
+        size: "xs",
+        variant: "ghostNeutral",
+        onContrast: !0
+      }
+    ) })
+  ] });
+}, f = ({ toaster: t }) => /* @__PURE__ */ o.jsx(Ir, { children: /* @__PURE__ */ o.jsx(Jr, { className: "Toaster", "data-testid": "kibble-toaster", toaster: t, children: ({ title: n, description: s, meta: d }) => {
+  const g = typeof n == "string" ? n : void 0, l = typeof s == "string" ? s : void 0;
+  return /* @__PURE__ */ o.jsx(St, { title: g, description: l, ...d });
+} }) }), Xt = ({
+  customTheme: t,
+  children: n,
+  enableSystem: s = !1,
+  ...d
+}) => /* @__PURE__ */ o.jsxs(Gr, { value: t ?? Tt, children: [
+  /* @__PURE__ */ o.jsx(
+    Cr,
+    {
+      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__ */ o.jsx(f, { toaster: Ur }),
+  /* @__PURE__ */ o.jsx(f, { toaster: Pr }),
+  /* @__PURE__ */ o.jsx(f, { toaster: Vr }),
+  /* @__PURE__ */ o.jsx(f, { toaster: Nr }),
+  /* @__PURE__ */ o.jsx(f, { toaster: $r }),
+  /* @__PURE__ */ o.jsx(f, { toaster: Or }),
+  /* @__PURE__ */ o.jsx(ee, { storageKey: Hr, enableSystem: s, ...d, children: n })
+] });
+export {
+  Xt as K,
+  At as k,
+  Tt as s
+};
+//# sourceMappingURL=theme.provider-CQ3U4kMw.js.map