@pstdio/ui 0.26.0 → 0.35.0

package/dist/theme-AzJH4Om3.js

@@ -1,3999 +0,0 @@
-import { defineSlotRecipe as t, defineRecipe as c, defaultConfig as d, defineLayerStyles as k, defineTextStyles as w, createSystem as C, defineConfig as E } from "@chakra-ui/react";
-import { alertAnatomy as z, colorPickerAnatomy as A, dialogAnatomy as W, drawerAnatomy as R, fieldsetAnatomy as D, menuAnatomy as B, numberInputAnatomy as H, popoverAnatomy as T, switchAnatomy as L, tabsAnatomy as I, timelineAnatomy as V, tooltipAnatomy as P } from "@chakra-ui/react/anatomy";
-import { progressCircleSlotRecipe as p } from "@chakra-ui/react/theme";
-const X = t({
-  className: "ps-window-title-bar",
-  slots: ["root", "content"],
-  base: {
-    root: {
-      position: "relative",
-      flexShrink: 0,
-      width: "full",
-      height: "window-title-bar",
-      bg: "bg",
-      color: "fg",
-      userSelect: "none",
-      WebkitAppRegion: "drag"
-    },
-    content: {
-      display: "flex",
-      alignItems: "center",
-      gap: "xs",
-      height: "full",
-      minWidth: 0,
-      paddingInline: "compact",
-      "& button, & a, & input, & [role=tab]": {
-        WebkitAppRegion: "no-drag"
-      }
-    }
-  },
-  variants: {
-    controls: {
-      mac: {
-        content: {
-          paddingInlineStart: "window-controls-mac",
-          "[data-window-full-screen] &": {
-            paddingInlineStart: "compact"
-          }
-        }
-      },
-      overlay: {
-        content: {
-          marginLeft: "env(titlebar-area-x, 0px)",
-          width: "env(titlebar-area-width, 100%)"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    controls: "overlay"
-  }
-}), M = t({
-  className: "ps-window-tabs",
-  slots: ["list", "tab", "trigger", "label", "close"],
-  base: {
-    list: {
-      display: "flex",
-      alignItems: "center",
-      gap: "2xs",
-      minWidth: 0,
-      overflowX: "auto",
-      scrollbarWidth: "none"
-    },
-    tab: {
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      flexShrink: 0,
-      height: "window-tab",
-      maxWidth: "window-tab-max",
-      borderRadius: "xs",
-      borderWidth: "1px",
-      borderColor: "border",
-      color: "fg.muted",
-      bg: "transparent",
-      _selected: {
-        bg: "bg.muted",
-        color: "fg"
-      },
-      _hover: {
-        bg: "bg.hover",
-        color: "fg"
-      },
-      _dragging: {
-        bg: "bg.hover",
-        color: "fg",
-        zIndex: "docked"
-      },
-      WebkitAppRegion: "no-drag"
-    },
-    trigger: {
-      display: "flex",
-      alignItems: "center",
-      gap: "window-tab-gap",
-      minWidth: 0,
-      height: "full",
-      paddingInlineStart: "compact",
-      paddingInlineEnd: "window-tab-gap",
-      cursor: "pointer",
-      textStyle: "label/S/medium",
-      borderRadius: "xs",
-      focusVisibleRing: "inside",
-      WebkitAppRegion: "no-drag",
-      touchAction: "none",
-      _icon: {
-        width: "icon-xs",
-        height: "icon-xs",
-        flexShrink: 0
-      }
-    },
-    label: {
-      overflow: "hidden",
-      textOverflow: "ellipsis",
-      whiteSpace: "nowrap"
-    },
-    close: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flexShrink: 0,
-      width: "window-tab-close",
-      height: "window-tab-close",
-      marginInlineEnd: "compact",
-      color: "fg.muted",
-      borderRadius: "2xs",
-      cursor: "pointer",
-      focusVisibleRing: "outside",
-      WebkitAppRegion: "no-drag",
-      _hover: {
-        bg: "bg.active",
-        color: "fg"
-      },
-      _icon: {
-        width: "full",
-        height: "full"
-      }
-    }
-  }
-}), j = {
-  "editor.background": ["colors.bg", "colors.bg.code"],
-  "editor.foreground": ["colors.fg"],
-  "editor.lineHighlightBackground": ["colors.bg.hover"],
-  "editor.selectionBackground": ["colors.bg.active"],
-  "editorWidget.background": ["colors.bg.panel"],
-  "sideBar.background": ["colors.bg.panel"],
-  "panel.background": ["colors.bg.panel"],
-  "input.background": ["colors.bg.subtle"],
-  "input.foreground": ["colors.fg"],
-  "input.border": ["colors.border"],
-  "dropdown.background": ["colors.bg.panel"],
-  "menu.background": ["colors.bg.panel", "colors.bg.menu-item.default"],
-  "menu.foreground": ["colors.fg.menu-item.default"],
-  "menu.selectionBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus", "colors.bg.menu-item.selected"],
-  "list.hoverBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus"],
-  "list.focusBackground": ["colors.bg.menu-item.focus"],
-  "list.inactiveSelectionBackground": ["colors.bg.menu-item.selected"],
-  "list.activeSelectionBackground": ["colors.bg.menu-item.selected"],
-  "badge.background": ["colors.bg.muted"],
-  "badge.foreground": ["colors.fg.muted"],
-  "button.background": ["colors.bg.button.primary.default", "colors.bg.accent-primary.default"],
-  "button.hoverBackground": ["colors.bg.button.primary.hover", "colors.bg.accent-primary.hover"],
-  "button.foreground": ["colors.fg.button.primary.default"],
-  "diffEditor.insertedTextBackground": ["colors.bg.success"],
-  "diffEditor.removedTextBackground": ["colors.bg.error"],
-  focusBorder: ["colors.border.accent"],
-  foreground: ["colors.fg"],
-  "gitDecoration.addedResourceForeground": ["colors.fg.success"],
-  "gitDecoration.deletedResourceForeground": ["colors.fg.error"],
-  descriptionForeground: ["colors.fg.muted"],
-  disabledForeground: ["colors.fg.subtle"],
-  border: ["colors.border", "colors.border.subtle"]
-}, U = (o) => `colors.vscode.${o}`, O = (o) => o.replace(/^#/, ""), Y = (o) => {
-  const l = (o.theme.tokenColors ?? []).flatMap((r) => (Array.isArray(r.scope) ? r.scope : r.scope ? [r.scope] : []).map((s) => ({
-    token: s,
-    ...r.settings?.foreground ? {
-      foreground: O(r.settings.foreground)
-    } : {},
-    ...r.settings?.fontStyle ? {
-      fontStyle: r.settings.fontStyle
-    } : {}
-  })));
-  return {
-    base: o.mode === "dark" ? "vs-dark" : "vs",
-    inherit: !0,
-    rules: l,
-    colors: o.theme.colors ?? {}
-  };
-}, io = (o) => {
-  const l = {}, r = o.theme.colors ?? {};
-  for (const [n, s] of Object.entries(r))
-    l[U(n)] = s;
-  for (const [n, s] of Object.entries(j)) {
-    const g = r[n];
-    if (g)
-      for (const m of s) l[m] = g;
-  }
-  return {
-    id: o.id,
-    mode: o.mode,
-    tokens: l,
-    monacoTheme: Y({
-      mode: o.mode,
-      theme: o.theme
-    })
-  };
-}, $ = {
-  "*::selection": {
-    bg: {
-      base: "bg.accent-secondary.blue-medium",
-      _dark: "bg.accent-secondary.blue-medium"
-    },
-    color: {
-      _dark: "fg.inverted"
-    }
-  },
-  ":root": {
-    "--focus-border": "border.accent-light",
-    "--separator-border": "transparent !important"
-  },
-  html: {
-    height: "100%",
-    width: "100%",
-    overflow: "hidden"
-  },
-  hr: {
-    borderColor: "border.subtle"
-  },
-  body: {
-    height: "100%",
-    width: "100%",
-    fontFamily: "body",
-    fontWeight: "regular",
-    fontSize: "md",
-    bg: "bg",
-    color: "fg",
-    borderColor: "border",
-    overflow: "hidden"
-  },
-  "#root": {
-    height: "100%",
-    width: "100%",
-    display: "flex"
-  },
-  ".sash": {
-    zIndex: "docked"
-  },
-  "@keyframes message-fade-in": {
-    from: {
-      opacity: 0,
-      transform: "translateY(4px)"
-    },
-    to: {
-      opacity: 1,
-      transform: "translateY(0)"
-    }
-  },
-  "@media (min-width: 2560px)": {
-    html: {
-      fontSize: "1.25rem"
-    }
-  },
-  "@media (min-width: 3840px)": {
-    html: {
-      fontSize: "1.5rem"
-    }
-  }
-}, N = {
-  DEFAULT: {
-    value: "#0A0D15"
-  },
-  50: {
-    value: "#FFFFFF"
-  },
-  75: {
-    value: "#FCFCFC"
-  },
-  100: {
-    value: "#F9F9F9"
-  },
-  200: {
-    value: "#F5F5F5"
-  },
-  300: {
-    value: "#EAEAEA"
-  },
-  400: {
-    value: "#C5C5C7"
-  },
-  450: {
-    value: "#9DA0A6"
-  },
-  500: {
-    value: "#797D83"
-  },
-  600: {
-    value: "#5A5F67"
-  },
-  700: {
-    value: "#444750"
-  },
-  750: {
-    value: "#33363E"
-  },
-  800: {
-    value: "#22252C"
-  },
-  850: {
-    value: "#1b2028"
-  },
-  900: {
-    value: "#0A0D15"
-  },
-  1e3: {
-    value: "#000000"
-  }
-}, q = {
-  DEFAULT: {
-    value: "#5098FF"
-  },
-  50: {
-    value: "#EEF5FF"
-  },
-  100: {
-    value: "#D2E4FF"
-  },
-  200: {
-    value: "#A8CBFE"
-  },
-  300: {
-    value: "#81B4FE"
-  },
-  400: {
-    value: "#6CA9FF"
-  },
-  500: {
-    value: "#5098FF"
-  },
-  600: {
-    value: "#2B82FF"
-  },
-  700: {
-    value: "#0E6EF6"
-  },
-  800: {
-    value: "#0652C3"
-  },
-  900: {
-    value: "#002862"
-  }
-}, G = {
-  DEFAULT: {
-    value: "#3A4BE4"
-  },
-  25: {
-    value: "#F0F1FF"
-  },
-  50: {
-    value: "#E0E3FF"
-  },
-  100: {
-    value: "#BEC4FF"
-  },
-  200: {
-    value: "#97A2FF"
-  },
-  300: {
-    value: "#6A78F8"
-  },
-  400: {
-    value: "#4E5FF3"
-  },
-  500: {
-    value: "#3A4BE4"
-  },
-  600: {
-    value: "#2A3CD7"
-  },
-  700: {
-    value: "#202FB8"
-  },
-  800: {
-    value: "#131F87"
-  },
-  900: {
-    value: "#0A125A"
-  }
-}, K = {
-  DEFAULT: {
-    value: "#E054EC"
-  },
-  25: {
-    value: "#FDF0FF"
-  },
-  50: {
-    value: "#FCE1FF"
-  },
-  100: {
-    value: "#F5CBF9"
-  },
-  200: {
-    value: "#F6B4FC"
-  },
-  300: {
-    value: "#F69AFF"
-  },
-  400: {
-    value: "#EF81FA"
-  },
-  500: {
-    value: "#E054EC"
-  },
-  600: {
-    value: "#B636C1"
-  },
-  700: {
-    value: "#951BA0"
-  },
-  800: {
-    value: "#6F0C78"
-  },
-  900: {
-    value: "#520659"
-  }
-}, J = {
-  DEFAULT: {
-    value: "#FBD8CE"
-  },
-  50: {
-    value: "#FFF2EC"
-  },
-  100: {
-    value: "#FCE1DA"
-  },
-  200: {
-    value: "#FBD8CE"
-  },
-  300: {
-    value: "#F7C4B8"
-  },
-  400: {
-    value: "#F3AA9A"
-  },
-  500: {
-    value: "#EB8A75"
-  },
-  600: {
-    value: "#D17059"
-  },
-  700: {
-    value: "#A85646"
-  },
-  800: {
-    value: "#7B3F34"
-  },
-  900: {
-    value: "#522923"
-  }
-}, Q = {
-  DEFAULT: {
-    value: "#FF3232"
-  },
-  50: {
-    value: "#FFE0E3"
-  },
-  100: {
-    value: "#FFCCCC"
-  },
-  200: {
-    value: "#FDA8A8"
-  },
-  300: {
-    value: "#FF8B8B"
-  },
-  400: {
-    value: "#FF6B6B"
-  },
-  500: {
-    value: "#FF3232"
-  },
-  600: {
-    value: "#DE1D1D"
-  },
-  700: {
-    value: "#BA1313"
-  },
-  800: {
-    value: "#8E0E0E"
-  },
-  900: {
-    value: "#580707"
-  }
-}, Z = {
-  DEFAULT: {
-    value: "#F78C25"
-  },
-  50: {
-    value: "#FFF4E8"
-  },
-  100: {
-    value: "#FFE2C1"
-  },
-  200: {
-    value: "#FFC98E"
-  },
-  300: {
-    value: "#FFAD57"
-  },
-  400: {
-    value: "#F78C25"
-  },
-  500: {
-    value: "#E26F12"
-  },
-  600: {
-    value: "#C85D12"
-  },
-  700: {
-    value: "#A74810"
-  },
-  800: {
-    value: "#7E330C"
-  },
-  900: {
-    value: "#552107"
-  }
-}, ee = {
-  DEFAULT: {
-    value: "#FFD643"
-  },
-  50: {
-    value: "#FFF7D9"
-  },
-  75: {
-    value: "#FFF3C2"
-  },
-  100: {
-    value: "#FFEEB3"
-  },
-  150: {
-    value: "#FFE999"
-  },
-  200: {
-    value: "#FFE792"
-  },
-  300: {
-    value: "#FFDE67"
-  },
-  400: {
-    value: "#FFD643"
-  },
-  500: {
-    value: "#FFC909"
-  },
-  600: {
-    value: "#E4B200"
-  },
-  700: {
-    value: "#C69B00"
-  },
-  800: {
-    value: "#9D7A00"
-  },
-  900: {
-    value: "#644E00"
-  }
-}, oe = {
-  DEFAULT: {
-    value: "#2DD665"
-  },
-  50: {
-    value: "#CFFFDF"
-  },
-  100: {
-    value: "#ACFBC7"
-  },
-  200: {
-    value: "#86F3AB"
-  },
-  300: {
-    value: "#61EA8F"
-  },
-  400: {
-    value: "#2DD665"
-  },
-  500: {
-    value: "#0AB744"
-  },
-  600: {
-    value: "#029232"
-  },
-  700: {
-    value: "#007126"
-  },
-  800: {
-    value: "#00511B"
-  },
-  900: {
-    value: "#003110"
-  }
-}, re = {
-  DEFAULT: {
-    value: "#3EECC4"
-  },
-  50: {
-    value: "#C9FFF3"
-  },
-  100: {
-    value: "#9EFBE6"
-  },
-  200: {
-    value: "#6DF4D5"
-  },
-  300: {
-    value: "#3EECC4"
-  },
-  400: {
-    value: "#16DFB0"
-  },
-  500: {
-    value: "#12C69C"
-  },
-  600: {
-    value: "#10A884"
-  },
-  700: {
-    value: "#0C8367"
-  },
-  800: {
-    value: "#096C55"
-  },
-  900: {
-    value: "#024F3D"
-  }
-}, le = {
-  DEFAULT: {
-    value: "#5CDCFF"
-  },
-  50: {
-    value: "#DAF7FE"
-  },
-  100: {
-    value: "#ADEDFF"
-  },
-  200: {
-    value: "#85E4FF"
-  },
-  300: {
-    value: "#5CDCFF"
-  },
-  400: {
-    value: "#30D2FF"
-  },
-  500: {
-    value: "#00C0F5"
-  },
-  600: {
-    value: "#03AAD7"
-  },
-  700: {
-    value: "#0095BE"
-  },
-  800: {
-    value: "#007A9B"
-  },
-  900: {
-    value: "#005B73"
-  }
-}, te = {
-  DEFAULT: {
-    value: "#8B47FF"
-  },
-  50: {
-    value: "#EFE6FF"
-  },
-  100: {
-    value: "#D8C2FF"
-  },
-  200: {
-    value: "#BE99FF"
-  },
-  300: {
-    value: "#A36DFF"
-  },
-  400: {
-    value: "#8B47FF"
-  },
-  500: {
-    value: "#7223F9"
-  },
-  600: {
-    value: "#5A00F5"
-  },
-  700: {
-    value: "#4600C0"
-  },
-  800: {
-    value: "#310086"
-  },
-  900: {
-    value: "#1E0050"
-  }
-}, ae = {
-  DEFAULT: {
-    value: "#F4F2EC"
-  },
-  50: {
-    value: "#FCF7EF"
-  },
-  100: {
-    value: "#F4F2EC"
-  },
-  200: {
-    value: "#E8CECE"
-  },
-  300: {
-    value: "#E8CECE"
-  },
-  400: {
-    value: "#E8CECE"
-  },
-  500: {
-    value: "#E8CECE"
-  },
-  600: {
-    value: "#E8CECE"
-  },
-  700: {
-    value: "#E8CECE"
-  },
-  800: {
-    value: "#E8CECE"
-  },
-  900: {
-    value: "#E8CECE"
-  }
-}, ie = {
-  50: {
-    value: "#FCFDFC"
-  },
-  75: {
-    value: "#F7F9F7"
-  },
-  100: {
-    value: "#F1F5F2"
-  },
-  200: {
-    value: "#EDF1EE"
-  },
-  300: {
-    value: "#E9EFEA"
-  },
-  400: {
-    value: "#DEE5DF"
-  },
-  500: {
-    value: "#CCD1CE"
-  },
-  600: {
-    value: "#404347"
-  },
-  700: {
-    value: "#31363C"
-  },
-  750: {
-    value: "#252A2F"
-  },
-  800: {
-    value: "#222A35"
-  },
-  850: {
-    value: "#1A202A"
-  },
-  900: {
-    value: "#141923"
-  },
-  950: {
-    value: "#10141B"
-  }
-}, ne = {
-  100: {
-    value: "#D3ECEE"
-  },
-  200: {
-    value: "#B3DEE2"
-  }
-}, se = {
-  windowControl: {
-    close: {
-      value: "#FF5F57"
-    },
-    minimize: {
-      value: "#FEBC2E"
-    },
-    zoom: {
-      value: "#28C840"
-    }
-  },
-  sand: ae,
-  blacks: N,
-  blue: q,
-  sapphire: G,
-  pink: K,
-  peach: J,
-  red: Q,
-  orange: Z,
-  yellow: ee,
-  green: oe,
-  teal: re,
-  cyan: le,
-  purple: te,
-  neutral: ie,
-  mint: ne
-}, de = {
-  display: {
-    value: "'Playfair Display', serif"
-  },
-  brand: {
-    value: "Onest, sans-serif"
-  },
-  heading: {
-    value: "Onest, sans-serif"
-  },
-  label: {
-    value: "Onest, sans-serif"
-  },
-  body: {
-    value: "Inter, sans-serif"
-  }
-}, ce = {
-  "2xs": {
-    value: "0.5rem"
-  },
-  // 8px
-  xs: {
-    value: "0.625rem"
-  },
-  // 10px
-  sm: {
-    value: "0.75rem"
-  },
-  // 12px
-  md: {
-    value: "0.875rem"
-  },
-  // 14px
-  lg: {
-    value: "1rem"
-  },
-  // 16px
-  xl: {
-    value: "1.125rem"
-  },
-  // 18px
-  "2xl": {
-    value: "1.25rem"
-  },
-  // 20px
-  "3xl": {
-    value: "1.5rem"
-  },
-  // 24px
-  "3.5xl": {
-    value: "1.75rem"
-  },
-  // 28px
-  "4xl": {
-    value: "2.25rem"
-  },
-  // 36px
-  "5xl": {
-    value: "3rem"
-  },
-  // 48px
-  "6xl": {
-    value: "4.375rem"
-  },
-  // 70px
-  "7xl": {
-    value: "5.25rem"
-  },
-  // 84px
-  "icon-xs": {
-    value: "0.875rem"
-  },
-  // 14px
-  "icon-sm": {
-    value: "1rem"
-  },
-  // 16px
-  "icon-md": {
-    value: "1.25rem"
-  },
-  // 20px
-  "icon-lg": {
-    value: "1.25rem"
-  }
-  // 20px
-}, ue = {
-  regular: {
-    value: 400
-  },
-  medium: {
-    value: 500
-  },
-  semibold: {
-    value: 600
-  },
-  bold: {
-    value: 700
-  }
-}, e = {
-  // 0px
-  25: "0.125rem",
-  // 2px
-  50: "0.25rem",
-  // 4px
-  100: "0.5rem",
-  // 8px
-  150: "0.75rem",
-  // 12px
-  200: "1rem",
-  // 16px
-  250: "1.25rem",
-  // 20px
-  300: "1.5rem",
-  // 24px
-  400: "2rem",
-  // 32px
-  500: "2.5rem",
-  // 40px
-  600: "3rem",
-  // 48px
-  700: "3.5rem",
-  // 56px
-  800: "4rem",
-  // 64px
-  900: "4.5rem",
-  // 96px
-  1600: "8rem",
-  // 128px
-  2e3: "10rem"
-}, be = {
-  "window-tab-gap": {
-    value: "0.4375rem"
-  },
-  "window-controls-mac": {
-    value: "5.625rem"
-  },
-  none: {
-    value: "0"
-  },
-  "3xs": {
-    value: e[25]
-  },
-  "2xs": {
-    value: e[50]
-  },
-  xs: {
-    value: e[100]
-  },
-  compact: {
-    value: "0.625rem"
-  },
-  sm: {
-    value: e[150]
-  },
-  comfortable: {
-    value: "0.875rem"
-  },
-  md: {
-    value: e[200]
-  },
-  lg: {
-    value: e[300]
-  },
-  xl: {
-    value: e[400]
-  },
-  "2xl": {
-    value: e[500]
-  },
-  "3xl": {
-    value: e[600]
-  },
-  "3.5xl": {
-    value: e[700]
-  },
-  "4xl": {
-    value: e[800]
-  },
-  "4.5xl": {
-    value: e[900]
-  },
-  "5xl": {
-    value: e[1600]
-  },
-  "panel-gap": {
-    value: e[50]
-  }
-}, ge = {
-  "panel-gap": {
-    value: e[50]
-  },
-  "window-title-bar": {
-    value: "2.75rem"
-  },
-  "window-tab": {
-    value: "1.75rem"
-  },
-  "window-tab-close": {
-    value: "0.8125rem"
-  },
-  "window-tab-max": {
-    value: "15rem"
-  },
-  "mobile-titlebar": {
-    value: "3.25rem"
-  },
-  "collection-row": {
-    value: "2.125rem"
-  },
-  "filter-pill": {
-    value: e[300]
-  },
-  "icon-2xs": {
-    value: e[150]
-  },
-  "icon-xs": {
-    value: "0.875rem"
-  },
-  "icon-sm": {
-    value: e[200]
-  },
-  "icon-md": {
-    value: e[250]
-  },
-  "tag-color-dot": {
-    value: e[250]
-  },
-  "tag-icon-cell": {
-    value: "1.75rem"
-  },
-  "tag-picker": {
-    value: "16.75rem"
-  },
-  "tag-picker-color-only": {
-    value: "13.75rem"
-  },
-  "tag-swatch": {
-    value: "1.625rem"
-  },
-  "tag-swatch-dot": {
-    value: "0.625rem"
-  },
-  "tag-editor-row": {
-    value: e[500]
-  },
-  "tag-editor-add-row": {
-    value: "2.25rem"
-  },
-  "tag-editor-lead": {
-    value: e[600]
-  },
-  "tag-editor-commands": {
-    value: "11.875rem"
-  },
-  "tag-editor-trailing": {
-    value: "1.625rem"
-  },
-  "segmented-control-sm": {
-    value: "1.75rem"
-  },
-  "segmented-control-xs": {
-    value: e[300]
-  },
-  "segmented-control-item-sm": {
-    value: e[300]
-  },
-  "segmented-control-item-xs": {
-    value: e[250]
-  },
-  "tag-action-menu": {
-    value: e[2e3]
-  },
-  "view-bar": {
-    value: e[500]
-  },
-  "view-subheader": {
-    value: "2.25rem"
-  }
-}, me = {
-  selection: {
-    value: "0.09375rem"
-  }
-}, ve = {
-  none: {
-    value: "0"
-  },
-  "2xs": {
-    value: e[25]
-  },
-  xs: {
-    value: e[50]
-  },
-  compact: {
-    value: "0.375rem"
-  },
-  sm: {
-    value: e[100]
-  },
-  md: {
-    value: e[150]
-  },
-  lg: {
-    value: e[200]
-  },
-  xl: {
-    value: e[400]
-  },
-  full: {
-    value: "100%"
-  }
-}, he = t({
-  slots: z.keys(),
-  base: {
-    root: {
-      px: "xs",
-      py: "2xs",
-      gap: "2xs",
-      borderRadius: "xs",
-      alignItems: "flex-start",
-      minH: "auto"
-    },
-    indicator: {
-      mt: "0.0625rem"
-    },
-    content: {
-      gap: "0"
-    },
-    title: {
-      textStyle: "label/S/medium"
-    },
-    description: {
-      textStyle: "paragraph/S/regular"
-    }
-  },
-  compoundVariants: [{
-    status: "info",
-    variant: "subtle",
-    css: {
-      root: {
-        bg: "bg.info",
-        color: "fg.info"
-      },
-      indicator: {
-        color: "fg.info"
-      }
-    }
-  }, {
-    status: "success",
-    variant: "subtle",
-    css: {
-      root: {
-        bg: "bg.success",
-        color: "fg.success"
-      },
-      indicator: {
-        color: "fg.success"
-      }
-    }
-  }, {
-    status: "warning",
-    variant: "subtle",
-    css: {
-      root: {
-        bg: "bg.warning",
-        color: "fg.warning"
-      },
-      indicator: {
-        color: "fg.warning"
-      }
-    }
-  }, {
-    status: "error",
-    variant: "subtle",
-    css: {
-      root: {
-        bg: "bg.error",
-        color: "fg.error"
-      },
-      indicator: {
-        color: "fg.error"
-      }
-    }
-  }]
-}), pe = c({
-  className: "chakra-badge",
-  base: {
-    display: "inline-flex",
-    alignItems: "center",
-    borderRadius: "9999px",
-    gap: "1",
-    fontWeight: "medium",
-    fontVariantNumeric: "tabular-nums",
-    whiteSpace: "nowrap",
-    userSelect: "none"
-  },
-  variants: {
-    variant: {
-      solid: {
-        bg: "colorPalette.solid",
-        color: "colorPalette.contrast"
-      },
-      subtle: {
-        bg: "colorPalette.subtle",
-        color: "colorPalette.fg"
-      },
-      number: {
-        bg: "colorPalette.subtle",
-        color: "colorPalette.fg",
-        borderRadius: "2xs",
-        justifyContent: "center"
-      },
-      chip: {
-        bg: "bg.subtle",
-        color: "fg.muted",
-        borderWidth: "1px",
-        borderColor: "border",
-        borderRadius: "xs",
-        fontWeight: "normal"
-      },
-      outline: {
-        color: "colorPalette.fg",
-        "--outline-shadow-legacy": "colors.colorPalette.muted",
-        "--outline-shadow": "colors.colorPalette.border",
-        shadow: "inset 0 0 0px 1px var(--shadow-color)",
-        shadowColor: "var(--outline-shadow, var(--outline-shadow-legacy))"
-      },
-      plain: {
-        color: "colorPalette.fg"
-      }
-    },
-    size: {
-      xs: {
-        textStyle: "2xs",
-        px: "1",
-        minH: "4"
-      },
-      sm: {
-        textStyle: "xs",
-        px: "1.5",
-        minH: "5"
-      },
-      md: {
-        textStyle: "sm",
-        px: "2",
-        minH: "6"
-      },
-      lg: {
-        textStyle: "sm",
-        px: "2.5",
-        minH: "7"
-      }
-    }
-  },
-  defaultVariants: {
-    variant: "subtle",
-    size: "sm"
-  }
-}), fe = c({
-  base: {
-    borderRadius: "xs",
-    transition: "all 0.1s ease-in-out",
-    fontFamily: "label",
-    fontWeight: "500",
-    color: "fg",
-    bg: "bg",
-    borderColor: "border",
-    _disabled: {
-      opacity: 1,
-      color: "fg.subtle",
-      bg: "bg.muted",
-      _hover: {
-        bg: "bg.muted"
-      }
-    },
-    _loading: {
-      opacity: 1,
-      color: "fg.subtle",
-      bg: "bg.muted",
-      _hover: {
-        bg: "bg.muted"
-      }
-    }
-  },
-  variants: {
-    variant: {
-      "display-primary": {
-        bg: "blacks.900",
-        color: "fg.inverted",
-        outline: "none",
-        border: "none",
-        _hover: {
-          bg: "blacks.800"
-        }
-      },
-      "display-outline": {
-        bg: "transparent",
-        color: "fg",
-        border: "2px solid {fg}",
-        _hover: {
-          bg: "bg.hover"
-        },
-        _active: {
-          bg: "bg.active"
-        }
-      },
-      "display-ghost": {
-        bg: "transparent",
-        color: "fg",
-        _hover: {
-          bg: "bg.hover"
-        },
-        _active: {
-          bg: "bg.active"
-        }
-      },
-      "display-link": {
-        bg: "transparent",
-        color: "fg",
-        border: "none",
-        _hover: {
-          textDecoration: "underline"
-        },
-        _active: {
-          textDecoration: "underline"
-        }
-      },
-      primary: {
-        color: "fg.button.primary.default",
-        bg: "bg.button.primary.default",
-        border: "none",
-        _hover: {
-          bg: "bg.button.primary.hover"
-        },
-        _active: {
-          bg: "bg.button.primary.pressed"
-        }
-      },
-      destructive: {
-        color: "blacks.50",
-        bg: "red.600",
-        border: "none",
-        _hover: {
-          "&:not(:active, [data-active])": {
-            bg: "red.700"
-          }
-        },
-        _active: {
-          bg: "red.800"
-        }
-      },
-      outline: {
-        color: "fg",
-        bg: "bg",
-        border: "border",
-        _hover: {
-          bg: "bg.hover"
-        },
-        _active: {
-          bg: "bg.active"
-        },
-        _expanded: {
-          bg: "bg.active"
-        },
-        _disabled: {
-          opacity: 1,
-          color: "fg.subtle",
-          borderColor: "border"
-        }
-      },
-      ghost: {
-        color: "fg",
-        bg: "transparent",
-        border: "none",
-        _hover: {
-          bg: "bg.hover"
-        },
-        _active: {
-          bg: "bg.active"
-        },
-        _expanded: {
-          bg: "bg.active"
-        },
-        "&[aria-pressed=true]": {
-          bg: "bg.active",
-          _hover: {
-            bg: "bg.active"
-          }
-        },
-        _disabled: {
-          bg: "transparent",
-          _hover: {
-            bg: "transparent"
-          }
-        }
-      },
-      "ghost-static": {
-        color: "fg",
-        bg: "transparent",
-        border: "none",
-        _hover: {
-          bg: "transparent"
-        },
-        _active: {
-          bg: "transparent"
-        }
-      },
-      subtle: {
-        color: "fg",
-        bg: "bg.muted",
-        border: "1px solid {border}",
-        _hover: {
-          bg: "bg.hover"
-        },
-        _active: {
-          bg: "bg.active"
-        },
-        _expanded: {
-          bg: "bg.active"
-        },
-        _disabled: {
-          opacity: 1,
-          color: "fg.subtle",
-          bg: "bg.muted",
-          borderColor: "border",
-          _hover: {
-            bg: "bg.muted"
-          }
-        }
-      }
-    },
-    size: {
-      "2xs": {
-        px: "0.375rem",
-        h: "1.5rem",
-        minW: "1.5rem",
-        textStyle: "label/XS",
-        _icon: {
-          width: "0.75rem",
-          height: "0.75rem"
-        }
-      },
-      xs: {
-        px: "0.5rem",
-        h: "1.75rem",
-        minW: "1.75rem",
-        textStyle: "label/XS",
-        _icon: {
-          width: "0.875rem",
-          height: "0.875rem"
-        }
-      },
-      "2xl": {
-        px: "1.5rem",
-        h: "3.5rem",
-        textStyle: "label/L/medium"
-      },
-      lg: {
-        px: "1rem",
-        h: "3rem",
-        textStyle: "label/M/medium"
-      },
-      md: {
-        textStyle: "label/M/medium"
-      },
-      sm: {
-        px: "0.5rem",
-        h: "2rem",
-        textStyle: "label/S/medium"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "outline"
-  }
-}), u = "border.accent-light", xe = t({
-  slots: A.keys(),
-  base: {
-    control: {
-      display: "flex",
-      alignItems: "center",
-      width: "full",
-      minW: "0",
-      h: "2rem",
-      bg: "bg",
-      color: "fg",
-      border: "1px solid",
-      borderColor: "border",
-      borderRadius: "xs",
-      overflow: "hidden",
-      transition: "border-color 0.2s ease-in-out",
-      outline: "none",
-      boxShadow: "none",
-      _hover: {
-        borderColor: u
-      },
-      _active: {
-        borderColor: u
-      },
-      _focusWithin: {
-        borderColor: u,
-        boxShadow: "none"
-      },
-      "&:is(:hover, [data-hover])": {
-        borderColor: u
-      },
-      "&:is(:active, [data-active])": {
-        borderColor: u
-      },
-      "& [data-scope=color-picker][data-part=trigger]": {
-        border: "0",
-        borderInlineStartWidth: "0",
-        boxShadow: "none"
-      }
-    },
-    channelInput: {
-      h: "full",
-      minW: "0",
-      flex: "1",
-      px: "sm",
-      bg: "transparent",
-      color: "fg",
-      border: "0",
-      borderInlineEndWidth: "0",
-      borderRadius: "0",
-      outline: "none",
-      boxShadow: "none",
-      textStyle: "label/S/regular",
-      _focusVisible: {
-        outline: "none",
-        boxShadow: "none"
-      }
-    },
-    trigger: {
-      h: "full",
-      minH: "0",
-      maxH: "full",
-      minW: "2rem",
-      alignSelf: "stretch",
-      px: "xs",
-      bg: "transparent",
-      color: "fg",
-      border: "0",
-      borderInlineStartWidth: "0",
-      borderRadius: "0",
-      outline: "none",
-      boxShadow: "none",
-      _hover: {
-        bg: "bg.hover"
-      },
-      _focusVisible: {
-        outline: "none",
-        boxShadow: "none"
-      }
-    },
-    content: {
-      p: "sm",
-      bg: "bg",
-      color: "fg",
-      borderWidth: "0",
-      borderRadius: "xs"
-    },
-    swatch: {
-      borderRadius: "2xs",
-      borderWidth: "0"
-    },
-    swatchTrigger: {
-      borderRadius: "2xs",
-      _focusVisible: {
-        outline: "1px solid",
-        outlineColor: u
-      }
-    }
-  },
-  variants: {
-    size: {
-      xs: {
-        control: {
-          h: "1.75rem"
-        },
-        channelInput: {
-          px: "xs",
-          textStyle: "label/XS"
-        },
-        trigger: {
-          minW: "1.75rem",
-          px: "2xs"
-        }
-      },
-      sm: {}
-    }
-  },
-  defaultVariants: {
-    size: "sm"
-  }
-}), ye = t({
-  slots: W.keys(),
-  base: {
-    content: {
-      bg: "bg",
-      borderRadius: "xs",
-      borderWidth: "1px",
-      borderColor: "border.subtle",
-      overflow: "hidden"
-    }
-  }
-}), _e = c({
-  base: {
-    borderColor: "border.subtle"
-  }
-}), Se = t({
-  slots: R.keys(),
-  base: {
-    header: {
-      fontWeight: "medium",
-      textStyle: "label/M/medium",
-      p: "xs"
-    },
-    content: {
-      bg: "bg"
-    }
-  }
-}), Fe = t({
-  slots: ["preview", "input", "textarea"],
-  base: {
-    preview: {
-      textStyle: "label/L/medium",
-      borderRadius: "2xs",
-      focusRingColor: "border",
-      py: "0",
-      lineHeight: "1.5rem",
-      transitionProperty: "common",
-      transitionDuration: "normal",
-      _hover: {
-        bg: "bg.hover"
-      }
-    },
-    input: {
-      textStyle: "label/L/medium",
-      borderRadius: "2xs",
-      focusRingColor: "border",
-      py: "0",
-      lineHeight: "1.5rem",
-      transitionProperty: "common",
-      transitionDuration: "normal",
-      bg: "bg",
-      width: "auto",
-      _focusVisible: {
-        outline: "2px solid",
-        outlineColor: "border",
-        outlineOffset: "2px"
-      },
-      _placeholder: {
-        color: "fg.muted"
-      }
-    },
-    textarea: {
-      textStyle: "label/L/medium",
-      borderRadius: "2xs",
-      focusRingColor: "border",
-      py: "0",
-      transitionProperty: "common",
-      transitionDuration: "normal",
-      bg: "bg.muted",
-      width: "auto",
-      _focusVisible: {
-        outline: "2px solid",
-        outlineColor: "border",
-        outlineOffset: "2px"
-      },
-      _placeholder: {
-        color: "fg.muted"
-      }
-    }
-  },
-  variants: {
-    size: {
-      sm: {
-        preview: {
-          textStyle: "label/S/medium",
-          lineHeight: "1.25rem"
-        },
-        input: {
-          textStyle: "label/S/medium",
-          lineHeight: "1.25rem"
-        },
-        textarea: {
-          textStyle: "label/S/medium",
-          lineHeight: "1.25rem"
-        }
-      },
-      md: {
-        preview: {
-          textStyle: "label/M/medium",
-          lineHeight: "1.375rem"
-        },
-        input: {
-          textStyle: "label/M/medium",
-          lineHeight: "1.375rem"
-        },
-        textarea: {
-          textStyle: "label/M/medium",
-          lineHeight: "1.375rem"
-        }
-      },
-      lg: {
-        preview: {
-          textStyle: "label/L/medium",
-          lineHeight: "1.5rem"
-        },
-        input: {
-          textStyle: "label/L/medium",
-          lineHeight: "1.5rem"
-        },
-        textarea: {
-          textStyle: "label/L/medium",
-          lineHeight: "1.5rem"
-        }
-      }
-    }
-  }
-}), ke = t({
-  slots: D.keys(),
-  base: {
-    legend: {
-      mb: "2xs"
-    }
-  }
-}), a = "border.accent-light", we = c({
-  base: {
-    px: "sm",
-    borderRadius: "xs",
-    transition: "border-color 0.2s ease-in-out",
-    bg: "bg",
-    color: "fg",
-    border: "1px solid",
-    borderColor: "border",
-    outline: "none",
-    boxShadow: "none",
-    "--focus-color": "var(--chakra-colors-border-accent-light)",
-    "--focus-ring-style": "none",
-    _hover: {
-      borderColor: a
-    },
-    _active: {
-      borderColor: a
-    },
-    _focus: {
-      borderColor: a,
-      outline: "none",
-      boxShadow: "none"
-    },
-    _focusVisible: {
-      borderColor: a,
-      outline: "none",
-      boxShadow: "none"
-    },
-    _placeholder: {
-      color: "fg.subtle"
-    },
-    "&:is(:hover, [data-hover])": {
-      borderColor: a
-    },
-    "&:is(:active, [data-active])": {
-      borderColor: a
-    }
-  },
-  variants: {
-    variant: {
-      outline: {
-        bg: "bg",
-        border: "1px solid",
-        borderColor: "border",
-        outline: "none",
-        boxShadow: "none",
-        "--focus-color": "var(--chakra-colors-border-accent-light)",
-        "--focus-ring-style": "none",
-        _hover: {
-          borderColor: a
-        },
-        _active: {
-          borderColor: a
-        },
-        _focus: {
-          borderColor: a,
-          outline: "none",
-          boxShadow: "none"
-        },
-        _focusVisible: {
-          borderColor: a,
-          outline: "none",
-          boxShadow: "none"
-        },
-        "&:is(:hover, [data-hover])": {
-          borderColor: a
-        },
-        "&:is(:active, [data-active])": {
-          borderColor: a
-        }
-      },
-      borderless: {
-        bg: "transparent",
-        border: "0",
-        borderColor: "transparent",
-        borderRadius: "0",
-        boxShadow: "none",
-        transition: "none",
-        _hover: {
-          bg: "transparent",
-          borderColor: "transparent"
-        },
-        _active: {
-          bg: "transparent",
-          borderColor: "transparent"
-        },
-        _focus: {
-          borderColor: "transparent",
-          outline: "none",
-          boxShadow: "none"
-        },
-        _focusVisible: {
-          borderColor: "transparent",
-          outline: "none",
-          boxShadow: "none"
-        },
-        "&:is(:hover, [data-hover])": {
-          borderColor: "transparent"
-        },
-        "&:is(:active, [data-active])": {
-          borderColor: "transparent"
-        }
-      }
-    },
-    size: {
-      "2xs": {
-        h: "1.5rem",
-        px: "2xs",
-        textStyle: "label/XS"
-      },
-      xs: {
-        h: "1.75rem",
-        px: "xs",
-        textStyle: "label/XS"
-      },
-      sm: {
-        h: "2rem",
-        px: "sm",
-        textStyle: "label/S/regular"
-      },
-      md: {
-        h: "2.5rem",
-        px: "sm",
-        textStyle: "label/M/regular"
-      },
-      lg: {
-        h: "3rem",
-        px: "md",
-        textStyle: "label/M/regular"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "outline"
-  }
-}), Ce = c({
-  base: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    flexShrink: "0",
-    minW: "1.25rem",
-    px: "1",
-    borderRadius: "0",
-    borderWidth: "1px",
-    borderStyle: "solid",
-    fontFamily: "mono",
-    fontWeight: "medium",
-    lineHeight: "1",
-    userSelect: "none",
-    whiteSpace: "nowrap",
-    wordSpacing: "normal"
-  },
-  variants: {
-    variant: {
-      raised: {
-        color: "fg.muted",
-        bg: "bg.subtle",
-        borderColor: "border.muted",
-        borderBottomWidth: "2px"
-      },
-      outline: {
-        color: "fg.muted",
-        bg: "transparent",
-        borderColor: "border.muted"
-      },
-      subtle: {
-        color: "fg",
-        bg: "bg.muted",
-        borderColor: "border.subtle"
-      },
-      plain: {
-        color: "fg.muted",
-        bg: "transparent",
-        borderColor: "transparent",
-        minW: "auto",
-        px: "0"
-      }
-    },
-    size: {
-      sm: {
-        height: "1rem",
-        textStyle: "label/XS/medium"
-      },
-      md: {
-        height: "1.25rem",
-        textStyle: "label/XS/medium"
-      },
-      lg: {
-        height: "1.5rem",
-        textStyle: "label/S/medium"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "raised"
-  }
-}), Ee = t({
-  slots: B.keys(),
-  base: {
-    itemGroupLabel: {
-      ml: "{2xs}",
-      textStyle: "label/S/regular",
-      fontWeight: "normal",
-      color: "fg.muted"
-    },
-    item: {
-      width: "full",
-      minWidth: "0",
-      maxWidth: "full",
-      minH: "1.75rem",
-      h: "auto",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between",
-      gap: "xs",
-      px: "sm",
-      py: "2xs",
-      borderRadius: "0",
-      bg: "transparent",
-      color: "fg.menu-item.default",
-      textStyle: "label/S/regular",
-      cursor: "pointer",
-      overflow: "hidden",
-      textAlign: "left",
-      textDecoration: "none",
-      _hover: {
-        bg: "bg.menu-item.hover"
-      },
-      _highlighted: {
-        bg: "bg.menu-item.hover"
-      },
-      _focusVisible: {
-        bg: "bg.menu-item.focus"
-      },
-      _checked: {
-        bg: "bg.menu-item.selected",
-        color: "fg"
-      },
-      _selected: {
-        bg: "bg.menu-item.selected",
-        color: "fg"
-      },
-      "&[aria-checked=true]": {
-        bg: "bg.menu-item.selected",
-        color: "fg"
-      },
-      _disabled: {
-        cursor: "not-allowed",
-        color: "fg.muted"
-      }
-    },
-    itemIndicator: {
-      color: "fg"
-    },
-    separator: {
-      my: "0",
-      borderColor: "border.subtle"
-    },
-    content: {
-      display: "flex",
-      flexDirection: "column",
-      width: "17.5rem",
-      minWidth: "17.5rem",
-      maxWidth: "17.5rem",
-      gap: "0",
-      borderRadius: "xs",
-      p: "0",
-      px: "0",
-      py: "0",
-      bg: "bg",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderColor: "border",
-      textStyle: "label/M/regular"
-    }
-  }
-}), ze = "var(--chakra-colors-border)", v = "var(--chakra-colors-border-accent-light)", Ae = t({
-  slots: H.keys(),
-  base: {
-    root: {
-      position: "relative",
-      zIndex: "0",
-      isolation: "isolate",
-      boxShadow: "none",
-      "--number-input-border-color": ze,
-      "&:is(:hover, [data-hover])": {
-        "--number-input-border-color": v
-      },
-      "&:is(:active, [data-active])": {
-        "--number-input-border-color": v
-      },
-      "&:focus-within": {
-        "--number-input-border-color": v
-      }
-    },
-    input: {
-      px: "sm",
-      pe: "calc(var(--stepper-width) + 0.5rem)",
-      borderRadius: "xs",
-      transition: "border-color 0.2s ease-in-out",
-      bg: "bg",
-      color: "fg",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderColor: "var(--number-input-border-color)",
-      outline: "none",
-      boxShadow: "none",
-      "--focus-ring-color": "var(--number-input-border-color)",
-      "--focus-ring-style": "none",
-      _hover: {
-        borderColor: "var(--number-input-border-color)"
-      },
-      _active: {
-        borderColor: "var(--number-input-border-color)"
-      },
-      _focus: {
-        borderColor: "var(--number-input-border-color)",
-        outline: "none",
-        boxShadow: "none"
-      },
-      _focusVisible: {
-        borderColor: "var(--number-input-border-color)",
-        outline: "none",
-        boxShadow: "none"
-      },
-      _placeholder: {
-        color: "fg.subtle"
-      },
-      "&:is(:hover, [data-hover])": {
-        borderColor: "var(--number-input-border-color)"
-      },
-      "&:is(:active, [data-active])": {
-        borderColor: "var(--number-input-border-color)"
-      },
-      "&:not([data-invalid], [aria-invalid='true'], [data-state='invalid'])": {
-        borderColor: "var(--number-input-border-color)"
-      }
-    },
-    control: {
-      display: "flex",
-      flexDirection: "column",
-      position: "absolute",
-      top: "0",
-      insetEnd: "0",
-      margin: "1px",
-      width: "var(--stepper-width)",
-      height: "calc(100% - 2px)",
-      zIndex: "1",
-      borderStartWidth: "1px",
-      borderStartColor: "var(--number-input-border-color)",
-      borderColor: "var(--number-input-border-color)",
-      divideY: "1px",
-      overflow: "hidden",
-      boxShadow: "none",
-      "& > :not(style, [hidden]) ~ :not(style, [hidden])": {
-        borderColor: "var(--number-input-border-color)"
-      }
-    },
-    incrementTrigger: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flex: "1",
-      minH: "0",
-      lineHeight: "1",
-      borderTopEndRadius: "xs",
-      color: "fg.muted",
-      _hover: {
-        bg: "bg.hover",
-        color: "fg"
-      }
-    },
-    decrementTrigger: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      flex: "1",
-      minH: "0",
-      lineHeight: "1",
-      borderBottomEndRadius: "xs",
-      color: "fg.muted",
-      _hover: {
-        bg: "bg.hover",
-        color: "fg"
-      }
-    }
-  },
-  variants: {
-    variant: {
-      outline: {
-        input: {
-          bg: "bg",
-          borderWidth: "1px",
-          borderStyle: "solid",
-          borderColor: "var(--number-input-border-color)",
-          outline: "none",
-          boxShadow: "none",
-          "--focus-ring-color": "var(--number-input-border-color)",
-          "--focus-ring-style": "none",
-          _hover: {
-            borderColor: "var(--number-input-border-color)"
-          },
-          _active: {
-            borderColor: "var(--number-input-border-color)"
-          },
-          _focus: {
-            borderColor: "var(--number-input-border-color)",
-            outline: "none",
-            boxShadow: "none"
-          },
-          _focusVisible: {
-            borderColor: "var(--number-input-border-color)",
-            outline: "none",
-            boxShadow: "none"
-          },
-          "&:is(:hover, [data-hover])": {
-            borderColor: "var(--number-input-border-color)"
-          },
-          "&:is(:active, [data-active])": {
-            borderColor: "var(--number-input-border-color)"
-          },
-          "&:not([data-invalid], [aria-invalid='true'], [data-state='invalid'])": {
-            borderColor: "var(--number-input-border-color)"
-          }
-        }
-      }
-    },
-    size: {
-      "2xs": {
-        input: {
-          h: "1.5rem",
-          px: "2xs",
-          textStyle: "label/XS"
-        },
-        control: {
-          "--stepper-width": "1.25rem",
-          fontSize: "0.625rem"
-        }
-      },
-      xs: {
-        input: {
-          h: "1.75rem",
-          px: "xs",
-          textStyle: "label/XS"
-        },
-        control: {
-          "--stepper-width": "1.5rem",
-          fontSize: "0.75rem"
-        }
-      },
-      sm: {
-        input: {
-          h: "2rem",
-          px: "sm",
-          textStyle: "label/S/regular"
-        },
-        control: {
-          "--stepper-width": "1.75rem",
-          fontSize: "0.75rem"
-        }
-      },
-      md: {
-        input: {
-          h: "2.5rem",
-          px: "sm",
-          textStyle: "label/M/regular"
-        },
-        control: {
-          "--stepper-width": "2rem",
-          fontSize: "0.875rem"
-        }
-      },
-      lg: {
-        input: {
-          h: "3rem",
-          px: "md",
-          textStyle: "label/M/regular"
-        },
-        control: {
-          "--stepper-width": "2.25rem",
-          fontSize: "0.875rem"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "outline"
-  }
-}), We = t({
-  slots: T.keys(),
-  base: {
-    positioner: {
-      _focus: {
-        outline: "none"
-      }
-    },
-    closeTrigger: {
-      textStyle: "label/M/medium",
-      color: "fg"
-    },
-    arrow: {
-      bg: "background-primary !important",
-      borderColor: "button-secondary-stroke"
-    },
-    content: {
-      gap: "8px",
-      py: "xs",
-      borderRadius: "xs",
-      bg: "bg",
-      borderWidth: "1px",
-      borderStyle: "solid",
-      borderColor: "border",
-      _focus: {
-        outline: "none"
-      }
-    },
-    title: {
-      borderBottom: "none",
-      textStyle: "label/M/medium",
-      bg: "bg"
-    },
-    body: {
-      textStyle: "primary"
-    },
-    footer: {}
-  },
-  variants: {
-    variant: {
-      responsive: {
-        content: {
-          width: "unset"
-        }
-      }
-    },
-    size: {
-      "2xl": {
-        content: {
-          width: "2xl"
-        }
-      }
-    }
-  }
-}), Re = p.variants?.size ?? {}, De = {
-  ...p,
-  variants: {
-    ...p.variants,
-    size: {
-      ...Re,
-      "2xs": {
-        circle: {
-          "--size": "14px",
-          "--thickness": "2px"
-        },
-        valueText: {
-          textStyle: "2xs"
-        }
-      }
-    }
-  }
-}, h = {
-  root: {
-    flexDirection: "column",
-    height: "auto",
-    overflow: "visible",
-    gap: "panel-gap"
-  },
-  resizablePanel: {
-    display: "flex",
-    width: "full",
-    height: "auto",
-    flex: "initial",
-    overflow: "visible"
-  },
-  contentPanel: {
-    height: "auto",
-    flex: "initial",
-    overflow: "visible"
-  },
-  separator: {
-    display: "none"
-  }
-}, Be = t({
-  slots: ["root", "resizablePanel", "contentPanel", "separator"],
-  base: {
-    root: {
-      display: "flex",
-      width: "full",
-      minWidth: 0,
-      minHeight: 0
-    },
-    resizablePanel: {
-      minWidth: 0,
-      minHeight: 0,
-      "&[data-collapsed=true]": {
-        display: "none"
-      }
-    },
-    contentPanel: {
-      display: "flex",
-      minWidth: 0,
-      minHeight: 0
-    },
-    separator: {
-      "&[data-collapsed=true]": {
-        display: "none"
-      }
-    }
-  },
-  variants: {
-    orientation: {
-      horizontal: {
-        root: {
-          "--split-direction": "row",
-          "--split-width": "var(--split-size)",
-          "--split-height": "100%"
-        }
-      },
-      vertical: {
-        root: {
-          "--split-direction": "column",
-          "--split-width": "100%",
-          "--split-height": "var(--split-size)"
-        }
-      }
-    },
-    layout: {
-      split: {
-        root: {
-          flexDirection: "var(--split-direction)",
-          height: "full",
-          overflow: "hidden",
-          gap: "0"
-        },
-        resizablePanel: {
-          display: "flex",
-          width: "var(--split-width)",
-          height: "var(--split-height)",
-          flex: "0 0 var(--split-size)",
-          overflow: "hidden"
-        },
-        contentPanel: {
-          height: "full",
-          flex: "1",
-          overflow: "hidden"
-        },
-        separator: {
-          display: "flex"
-        }
-      },
-      stacked: h,
-      "stacked-reverse": {
-        ...h,
-        root: {
-          ...h.root,
-          flexDirection: "column-reverse"
-        }
-      },
-      content: {
-        root: {
-          height: "full",
-          overflow: "hidden"
-        },
-        resizablePanel: {
-          display: "none"
-        },
-        contentPanel: {
-          height: "full",
-          flex: "1",
-          overflow: "hidden"
-        },
-        separator: {
-          display: "none"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    orientation: "horizontal",
-    layout: "split"
-  }
-}), He = c({
-  base: {
-    "--start-color": "fg",
-    "--end-color": "fg.muted"
-  }
-}), Te = t({
-  slots: L.keys(),
-  base: {
-    control: {
-      alignItems: "center",
-      bg: "bg.muted",
-      borderWidth: "1px",
-      borderColor: "border",
-      borderRadius: "md",
-      color: "fg",
-      boxShadow: "none",
-      transition: "border-color 0.2s ease-in-out, background-color 0.2s ease-in-out",
-      _hover: {
-        borderColor: "border.accent-light"
-      },
-      _active: {
-        borderColor: "border.accent-light"
-      },
-      _focusVisible: {
-        borderColor: "border.accent-light",
-        outline: "none",
-        boxShadow: "none"
-      },
-      _checked: {
-        bg: "bg.inverted",
-        borderColor: "bg.inverted",
-        _hover: {
-          borderColor: "bg.inverted"
-        },
-        _active: {
-          borderColor: "bg.inverted"
-        }
-      }
-    },
-    thumb: {
-      bg: "bg",
-      borderColor: "border",
-      borderRadius: "full",
-      _checked: {
-        bg: "fg.inverted"
-      }
-    }
-  },
-  variants: {
-    variant: {
-      solid: {
-        control: {
-          // The switch track radius is "md" — never "full", which breaks the look.
-          // Chakra's default solid variant pins "full", so the design radius must
-          // be restated here for the merge to keep it.
-          borderRadius: "md",
-          _checked: {
-            bg: "bg.inverted",
-            borderColor: "bg.inverted"
-          }
-        },
-        thumb: {
-          _checked: {
-            bg: "fg.inverted"
-          }
-        }
-      }
-    }
-  }
-}), Le = t({
-  slots: I.keys(),
-  base: {
-    root: {
-      "--tabs-trigger-radius": "radii.xs"
-    },
-    list: {
-      gap: "2xs",
-      alignItems: "center",
-      justifyContent: "flex-start",
-      borderBottom: "0",
-      _horizontal: {
-        _before: {
-          borderBottomWidth: "0"
-        }
-      }
-    },
-    trigger: {
-      minW: "0",
-      flexShrink: "0",
-      py: "0",
-      borderRadius: "xs",
-      borderWidth: "1px",
-      borderColor: "border",
-      color: "fg.muted",
-      bg: "transparent",
-      _selected: {
-        color: "fg",
-        bg: "bg.muted",
-        borderColor: "border"
-      },
-      _hover: {
-        bg: "bg.hover",
-        borderColor: "border",
-        color: "fg"
-      },
-      _disabled: {
-        color: "fg.subtle",
-        borderColor: "border",
-        bg: "transparent",
-        _hover: {
-          color: "fg.subtle",
-          borderColor: "border",
-          bg: "transparent"
-        }
-      }
-    }
-  },
-  variants: {
-    size: {
-      xs: {
-        trigger: {
-          h: "1.25rem",
-          px: "xs",
-          gap: "2xs",
-          textStyle: "label/XS/medium",
-          _icon: {
-            width: "0.75rem",
-            height: "0.75rem"
-          }
-        }
-      },
-      sm: {
-        trigger: {
-          h: "1.5rem",
-          px: "xs",
-          gap: "2xs",
-          textStyle: "label/XS/medium",
-          _icon: {
-            width: "0.875rem",
-            height: "0.875rem"
-          }
-        }
-      },
-      md: {
-        trigger: {
-          h: "1.75rem",
-          px: "0.5rem",
-          gap: "xs",
-          textStyle: "label/S/medium",
-          _icon: {
-            width: "0.875rem",
-            height: "0.875rem"
-          }
-        }
-      }
-    },
-    // Full-width strip with a bottom hairline holding the triggers, per the
-    // design's Tab Strip bars.
-    tray: {
-      true: {
-        list: {
-          width: "100%",
-          paddingX: "lg",
-          paddingBottom: "xs",
-          // Restate the base's shorthand key so the hairline survives the merge.
-          borderBottom: "1px solid",
-          borderBottomColor: "border.subtle"
-        }
-      }
-    },
-    variant: {
-      subtle: {
-        trigger: {
-          borderRadius: "var(--tabs-trigger-radius)",
-          color: "fg.muted",
-          bg: "transparent",
-          _selected: {
-            color: "fg",
-            bg: "bg.muted",
-            borderColor: "border"
-          },
-          _hover: {
-            bg: "bg.hover",
-            borderColor: "border",
-            color: "fg"
-          },
-          _disabled: {
-            bg: "transparent",
-            color: "fg.subtle",
-            borderColor: "border",
-            _hover: {
-              bg: "transparent",
-              color: "fg.subtle",
-              borderColor: "border"
-            }
-          }
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "xs",
-    variant: "subtle"
-  }
-}), i = "border.accent-light", Ie = c({
-  base: {
-    paddingX: "sm",
-    paddingY: "xs",
-    opacity: "1",
-    outline: "none",
-    boxShadow: "none",
-    color: "fg",
-    border: "1px solid",
-    borderRadius: "xs",
-    transition: "border-color 0.2s ease-in-out",
-    borderColor: "border",
-    "--focus-color": "var(--chakra-colors-border-accent-light)",
-    "--focus-ring-style": "none",
-    _hover: {
-      borderColor: i
-    },
-    _active: {
-      borderColor: i
-    },
-    _focus: {
-      borderColor: i,
-      outline: "none",
-      boxShadow: "none"
-    },
-    _focusVisible: {
-      borderColor: i,
-      outline: "none",
-      boxShadow: "none"
-    },
-    _placeholder: {
-      color: "fg.subtle"
-    },
-    "&:is(:hover, [data-hover])": {
-      borderColor: i
-    },
-    "&:is(:active, [data-active])": {
-      borderColor: i
-    }
-  },
-  variants: {
-    variant: {
-      outline: {
-        bg: "bg",
-        border: "1px solid",
-        borderColor: "border",
-        outline: "none",
-        boxShadow: "none",
-        "--focus-color": "var(--chakra-colors-border-accent-light)",
-        "--focus-ring-style": "none",
-        _hover: {
-          borderColor: i
-        },
-        _active: {
-          borderColor: i
-        },
-        _focus: {
-          borderColor: i,
-          outline: "none",
-          boxShadow: "none"
-        },
-        _focusVisible: {
-          borderColor: i,
-          outline: "none",
-          boxShadow: "none"
-        },
-        "&:is(:hover, [data-hover])": {
-          borderColor: i
-        },
-        "&:is(:active, [data-active])": {
-          borderColor: i
-        }
-      }
-    },
-    size: {
-      "2xs": {
-        paddingX: "2xs",
-        paddingY: "2xs",
-        textStyle: "label/XS"
-      },
-      xs: {
-        paddingX: "xs",
-        paddingY: "2xs",
-        textStyle: "label/XS"
-      },
-      sm: {
-        paddingX: "sm",
-        paddingY: "xs",
-        textStyle: "label/S/regular"
-      },
-      md: {
-        paddingX: "sm",
-        paddingY: "xs",
-        textStyle: "label/M/regular"
-      },
-      lg: {
-        paddingX: "md",
-        paddingY: "sm",
-        textStyle: "label/M/regular"
-      }
-    }
-  },
-  defaultVariants: {
-    size: "sm",
-    variant: "outline"
-  }
-}), Ve = t({
-  slots: V.keys(),
-  base: {
-    root: {
-      display: "flex",
-      flexDirection: "column",
-      width: "full",
-      "--timeline-thickness": "1px",
-      "--timeline-gutter": "4px"
-    },
-    item: {
-      "--timeline-content-gap": "spacing.6",
-      display: "flex",
-      position: "relative",
-      alignItems: "flex-start",
-      flexShrink: 0,
-      gap: "4",
-      _last: {
-        "--timeline-content-gap": "0"
-      }
-    },
-    separator: {
-      display: "var(--timeline-separator-display)",
-      position: "absolute",
-      borderStartWidth: "var(--timeline-thickness)",
-      ms: "calc(-1 * var(--timeline-thickness) / 2)",
-      insetInlineStart: "calc(var(--timeline-indicator-size) / 2)",
-      insetBlock: "0",
-      borderColor: "border.subtle"
-    },
-    indicator: {
-      outline: "2px solid {colors.bg}",
-      position: "relative",
-      flexShrink: "0",
-      boxSize: "var(--timeline-indicator-size)",
-      fontSize: "var(--timeline-font-size)",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderRadius: "full",
-      fontWeight: "medium",
-      bg: "bg",
-      color: "fg"
-    },
-    connector: {
-      alignSelf: "stretch",
-      position: "relative"
-    },
-    content: {
-      display: "flex",
-      flexDirection: "column",
-      width: "full",
-      gap: "0",
-      paddingBottom: "0"
-    },
-    title: {
-      display: "flex",
-      fontWeight: "medium",
-      flexWrap: "wrap",
-      gap: "1.5",
-      alignItems: "center",
-      mt: "var(--timeline-margin)"
-    },
-    description: {
-      color: "fg.muted",
-      textStyle: "xs"
-    }
-  },
-  variants: {
-    variant: {
-      tool: {
-        content: {
-          minWidth: "0"
-        },
-        title: {
-          flexWrap: "nowrap",
-          whiteSpace: "nowrap"
-        }
-      },
-      solid: {},
-      subtle: {},
-      outline: {
-        indicator: {
-          borderWidth: "1px",
-          borderColor: "border.subtle"
-        }
-      },
-      plain: {
-        indicator: {
-          bg: "transparent",
-          color: "fg"
-        }
-      }
-    },
-    showLastSeparator: {
-      true: {
-        item: {
-          _last: {
-            "--timeline-separator-display": "initial"
-          }
-        }
-      },
-      false: {
-        item: {
-          _last: {
-            "--timeline-separator-display": "none"
-          }
-        }
-      }
-    },
-    size: {
-      sm: {
-        root: {
-          "--timeline-indicator-size": "sizes.4",
-          "--timeline-font-size": "fontSizes.2xs"
-        },
-        title: {
-          textStyle: "xs"
-        }
-      },
-      md: {
-        root: {
-          "--timeline-indicator-size": "sizes.5",
-          "--timeline-font-size": "fontSizes.xs"
-        },
-        title: {
-          textStyle: "sm"
-        }
-      },
-      lg: {
-        root: {
-          "--timeline-indicator-size": "sizes.6",
-          "--timeline-font-size": "fontSizes.xs"
-        },
-        title: {
-          mt: "0.5",
-          textStyle: "sm"
-        }
-      },
-      xl: {
-        root: {
-          "--timeline-indicator-size": "sizes.8",
-          "--timeline-font-size": "fontSizes.sm"
-        },
-        title: {
-          mt: "1.5",
-          textStyle: "sm"
-        }
-      }
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    variant: "solid",
-    showLastSeparator: !1
-  }
-}), Pe = t({
-  slots: P.keys(),
-  base: {
-    content: {
-      bg: "bg.inverted",
-      borderRadius: "xs",
-      color: "fg.inverted"
-    }
-  }
-}), Xe = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), f = /shadow/i, Me = (o) => {
-  if (!f.test(o)) return o;
-  const l = o.split(",").map((r) => r.trim()).filter((r) => !f.test(r));
-  if (l.length !== 0)
-    return l.join(", ");
-}, b = (o) => Array.isArray(o) ? o.map(b).filter((l) => l !== void 0) : typeof o == "string" ? Me(o) : !o || typeof o != "object" ? o : Object.fromEntries(Object.entries(o).flatMap(([l, r]) => {
-  if (Xe.has(l) || f.test(l)) return [];
-  const n = b(r);
-  return n === void 0 ? [] : [[l, n]];
-})), y = (o) => {
-  const {
-    shadows: l,
-    ...r
-  } = o ?? {};
-  return r;
-}, je = {
-  badge: ["surface"],
-  button: ["secondary", "surface"]
-}, Ue = (o) => {
-  const l = {
-    ...o ?? {}
-  };
-  for (const [r, n] of Object.entries(je)) {
-    const s = l[r];
-    if (!s || typeof s != "object") continue;
-    const g = s, m = g.variants, x = m?.variant;
-    if (!x) continue;
-    const _ = new Set(n), S = Object.fromEntries(Object.entries(x).filter(([F]) => !_.has(F)));
-    l[r] = {
-      ...g,
-      variants: {
-        ...m,
-        variant: S
-      }
-    };
-  }
-  return l;
-}, Oe = {
-  ...d,
-  theme: {
-    ...d.theme,
-    tokens: y(d.theme?.tokens),
-    semanticTokens: y(d.theme?.semanticTokens),
-    recipes: Ue(b(d.theme?.recipes)),
-    slotRecipes: b(d.theme?.slotRecipes),
-    layerStyles: b(d.theme?.layerStyles),
-    animationStyles: b(d.theme?.animationStyles)
-  }
-}, Ye = {
-  DEFAULT: {
-    value: "1px solid {colors.border}"
-  },
-  subtle: {
-    value: "1px solid {colors.border.subtle}"
-  },
-  inverted: {
-    value: "1px solid {colors.border.inverted}"
-  },
-  accent: {
-    value: "1px solid {colors.border.accent}"
-  },
-  "accent-light": {
-    value: "1px solid {colors.border.accent-light}"
-  }
-}, $e = {
-  text: {
-    primary: {
-      value: {
-        _light: "{colors.blacks.800}",
-        _dark: "{colors.blacks.200}"
-      }
-    },
-    secondary: {
-      value: {
-        _light: "{colors.blacks.600}",
-        _dark: "{colors.blacks.500}"
-      }
-    }
-  },
-  grid: {
-    value: {
-      _light: "{colors.blacks.300}",
-      _dark: "{colors.blacks.800}"
-    }
-  },
-  axis: {
-    value: {
-      _light: "{colors.blacks.700}",
-      _dark: "{colors.blacks.300}"
-    }
-  },
-  categorical: {
-    1: {
-      value: {
-        _light: "{colors.blue.700}",
-        _dark: "{colors.blue.300}"
-      }
-    },
-    2: {
-      value: {
-        _light: "{colors.orange.700}",
-        _dark: "{colors.orange.300}"
-      }
-    },
-    3: {
-      value: {
-        _light: "{colors.purple.700}",
-        _dark: "{colors.purple.300}"
-      }
-    },
-    4: {
-      value: {
-        _light: "{colors.red.700}",
-        _dark: "{colors.red.300}"
-      }
-    },
-    5: {
-      value: {
-        _light: "{colors.pink.700}",
-        _dark: "{colors.pink.300}"
-      }
-    },
-    6: {
-      value: {
-        _light: "{colors.teal.700}",
-        _dark: "{colors.teal.300}"
-      }
-    },
-    7: {
-      value: {
-        _light: "{colors.cyan.700}",
-        _dark: "{colors.cyan.300}"
-      }
-    }
-  },
-  sequential: {
-    blue: {
-      "low-3": {
-        value: {
-          _light: "{colors.blue.200}",
-          _dark: "{colors.blue.800}"
-        }
-      },
-      "low-2": {
-        value: {
-          _light: "{colors.blue.300}",
-          _dark: "{colors.blue.700}"
-        }
-      },
-      "low-1": {
-        value: {
-          _light: "{colors.blue.400}",
-          _dark: "{colors.blue.600}"
-        }
-      },
-      default: {
-        value: {
-          _light: "{colors.blue.500}",
-          _dark: "{colors.blue.500}"
-        }
-      },
-      "high-1": {
-        value: {
-          _light: "{colors.blue.600}",
-          _dark: "{colors.blue.400}"
-        }
-      },
-      "high-2": {
-        value: {
-          _light: "{colors.blue.700}",
-          _dark: "{colors.blue.300}"
-        }
-      },
-      "high-3": {
-        value: {
-          _light: "{colors.blue.800}",
-          _dark: "{colors.blue.200}"
-        }
-      }
-    },
-    red: {
-      "low-3": {
-        value: {
-          _light: "{colors.red.200}",
-          _dark: "{colors.red.800}"
-        }
-      },
-      "low-2": {
-        value: {
-          _light: "{colors.red.300}",
-          _dark: "{colors.red.700}"
-        }
-      },
-      "low-1": {
-        value: {
-          _light: "{colors.red.400}",
-          _dark: "{colors.red.600}"
-        }
-      },
-      default: {
-        value: {
-          _light: "{colors.red.500}",
-          _dark: "{colors.red.500}"
-        }
-      },
-      "high-1": {
-        value: {
-          _light: "{colors.red.600}",
-          _dark: "{colors.red.400}"
-        }
-      },
-      "high-2": {
-        value: {
-          _light: "{colors.red.700}",
-          _dark: "{colors.red.300}"
-        }
-      },
-      "high-3": {
-        value: {
-          _light: "{colors.red.800}",
-          _dark: "{colors.red.200}"
-        }
-      }
-    }
-  }
-}, Ne = {
-  DEFAULT: {
-    value: {
-      _light: "{colors.blacks.50}",
-      _dark: "#07090E"
-    }
-  },
-  muted: {
-    value: {
-      _light: "#F0F5F1",
-      _dark: "#171A22"
-    }
-  },
-  subtle: {
-    value: {
-      _light: "#F9FBFA",
-      _dark: "#0E1016"
-    }
-  },
-  hover: {
-    value: {
-      _light: "#EDF2EE",
-      _dark: "#1E212A"
-    }
-  },
-  active: {
-    value: {
-      _light: "#E7EEE9",
-      _dark: "#252932"
-    }
-  },
-  info: {
-    value: {
-      _light: "{colors.blue.50}",
-      _dark: "{colors.blue.900}"
-    }
-  },
-  warning: {
-    value: {
-      _light: "{colors.orange.50}",
-      _dark: "{colors.orange.900}"
-    }
-  },
-  success: {
-    value: {
-      _light: "{colors.green.50}",
-      _dark: "{colors.green.900}"
-    }
-  },
-  error: {
-    value: {
-      _light: "{colors.red.50}",
-      _dark: "{colors.red.900}"
-    }
-  },
-  code: {
-    value: {
-      _light: "{colors.blacks.50}",
-      _dark: "#10131A"
-    }
-  },
-  emphasized: {
-    value: {
-      _light: "{colors.bg.active}",
-      _dark: "#1D242E"
-    }
-  },
-  elevated: {
-    value: {
-      _light: "{colors.blacks.50}",
-      _dark: "#1B1E26"
-    }
-  },
-  inverted: {
-    value: {
-      _light: "{colors.blacks.800}",
-      _dark: "{colors.blacks.100}"
-    }
-  },
-  panel: {
-    value: {
-      _light: "{colors.bg}",
-      _dark: "{colors.bg}"
-    }
-  },
-  dark: {
-    value: {
-      _light: "{colors.blacks.900}",
-      _dark: "{colors.blacks.900}"
-    }
-  },
-  white: {
-    value: {
-      _light: "{colors.blacks.50}",
-      _dark: "{colors.blacks.50}"
-    }
-  },
-  button: {
-    primary: {
-      default: {
-        value: "{colors.bg.accent-primary.default}"
-      },
-      hover: {
-        value: "{colors.bg.accent-primary.hover}"
-      },
-      pressed: {
-        value: "{colors.bg.accent-primary.pressed}"
-      },
-      disabled: {
-        value: "{colors.bg.muted}"
-      }
-    }
-  },
-  "menu-item": {
-    default: {
-      value: "{colors.bg}"
-    },
-    hover: {
-      value: "{colors.bg.hover}"
-    },
-    focus: {
-      value: "{colors.bg.hover}"
-    },
-    selected: {
-      value: "{colors.bg.active}"
-    }
-  },
-  display: {
-    "very-light": {
-      value: {
-        _light: "{colors.sand.50}",
-        _dark: "{colors.blacks.1000}"
-      }
-    }
-  },
-  "accent-primary": {
-    default: {
-      value: {
-        _light: "{colors.yellow.75}",
-        _dark: "{colors.yellow.75}"
-      }
-    },
-    hover: {
-      value: {
-        _light: "{colors.yellow.100}",
-        _dark: "{colors.yellow.100}"
-      }
-    },
-    pressed: {
-      value: {
-        _light: "{colors.yellow.150}",
-        _dark: "{colors.yellow.150}"
-      }
-    },
-    "very-light": {
-      value: {
-        _light: "{colors.yellow.75}",
-        _dark: "{colors.yellow.75}"
-      }
-    },
-    light: {
-      value: {
-        _light: "{colors.yellow.75}",
-        _dark: "{colors.yellow.75}"
-      }
-    },
-    medium: {
-      value: {
-        _light: "{colors.yellow.100}",
-        _dark: "{colors.yellow.100}"
-      }
-    },
-    dark: {
-      value: {
-        _light: "{colors.yellow.150}",
-        _dark: "{colors.yellow.150}"
-      }
-    }
-  },
-  "accent-secondary": {
-    "grey-dark": {
-      value: {
-        _light: "{colors.blacks.50}",
-        _dark: "{colors.blacks.1000}"
-      }
-    },
-    "grey-light": {
-      value: {
-        _light: "{colors.blacks.100}",
-        _dark: "{colors.blacks.900}"
-      }
-    },
-    "red-very-light": {
-      value: {
-        _light: "{colors.red.50}",
-        _dark: "{colors.red.100}"
-      }
-    },
-    "red-light": {
-      value: {
-        _light: "{colors.red.100}",
-        _dark: "{colors.red.100}"
-      }
-    },
-    "pink-light": {
-      value: {
-        _light: "{colors.pink.50}",
-        _dark: "{colors.pink.700}"
-      }
-    },
-    "pink-medium": {
-      value: {
-        _light: "{colors.pink.100}",
-        _dark: "{colors.pink.800}"
-      }
-    },
-    "blue-very-light": {
-      value: {
-        _light: "{colors.blue.25}",
-        _dark: "{colors.blue.50}"
-      }
-    },
-    "blue-light": {
-      value: {
-        _light: "{colors.mint.100}",
-        _dark: "{colors.mint.100}"
-      }
-    },
-    "blue-medium": {
-      value: {
-        _light: "{colors.mint.200}",
-        _dark: "{colors.mint.200}"
-      }
-    },
-    "blue-dark": {
-      value: {
-        _light: "{colors.blue.700}",
-        _dark: "{colors.blue.200}"
-      }
-    },
-    "cyan-light": {
-      value: {
-        _light: "{colors.cyan.50}",
-        _dark: "{colors.cyan.100}"
-      }
-    },
-    "green-light": {
-      value: {
-        _light: "{colors.green.50}",
-        _dark: "{colors.sapphire.50}"
-      }
-    },
-    "sand-light": {
-      value: {
-        _light: "{colors.sand.100}",
-        _dark: "{colors.sand.100}"
-      }
-    }
-  }
-}, qe = {
-  DEFAULT: {
-    value: {
-      _light: "{colors.blacks.800}",
-      _dark: "#F7F8F8"
-    }
-  },
-  muted: {
-    value: {
-      _light: "{colors.blacks.600}",
-      _dark: "#8B9099"
-    }
-  },
-  subtle: {
-    value: {
-      _light: "{colors.blacks.400}",
-      _dark: "#646973"
-    }
-  },
-  inverted: {
-    value: {
-      _light: "{colors.blacks.50}",
-      _dark: "{colors.blacks.800}"
-    }
-  },
-  info: {
-    value: {
-      _light: "{colors.blue.700}",
-      _dark: "{colors.blue.300}"
-    }
-  },
-  warning: {
-    value: {
-      _light: "{colors.orange.700}",
-      _dark: "{colors.orange.300}"
-    }
-  },
-  success: {
-    value: {
-      _light: "{colors.green.700}",
-      _dark: "{colors.green.400}"
-    }
-  },
-  error: {
-    value: {
-      _light: "{colors.red.700}",
-      _dark: "{colors.red.400}"
-    }
-  },
-  accent: {
-    "pink-dark": {
-      value: {
-        _light: "{colors.pink.700}",
-        _dark: "{colors.pink.50}"
-      }
-    }
-  },
-  "green-dark": {
-    value: {
-      _light: "{colors.green.700}",
-      _dark: "{colors.green.50}"
-    }
-  },
-  "blue-dark": {
-    value: {
-      _light: "{colors.sapphire.700}",
-      _dark: "{colors.sapphire.100}"
-    }
-  },
-  "blue-very-dark": {
-    value: {
-      _light: "{colors.sapphire.900}",
-      _dark: "{colors.sapphire.800}"
-    }
-  },
-  button: {
-    primary: {
-      default: {
-        value: {
-          _light: "{colors.blacks.800}",
-          _dark: "{colors.blacks.800}"
-        }
-      },
-      disabled: {
-        value: "{colors.fg.subtle}"
-      }
-    }
-  },
-  "menu-item": {
-    default: {
-      value: "{colors.fg}"
-    },
-    secondary: {
-      value: "{colors.fg.muted}"
-    }
-  }
-}, Ge = {
-  DEFAULT: {
-    value: {
-      _light: "#EAF0EB",
-      _dark: "#2E333F"
-    }
-  },
-  subtle: {
-    value: {
-      _light: "#EDF2EE",
-      _dark: "#1A1E26"
-    }
-  },
-  inverted: {
-    value: {
-      _light: "{colors.neutral.600}",
-      _dark: "{colors.neutral.500}"
-    }
-  },
-  "accent-light": {
-    value: {
-      _light: "{colors.mint.100}",
-      _dark: "{colors.mint.100}"
-    }
-  },
-  accent: {
-    value: {
-      _light: "{colors.blue.700}",
-      _dark: "{colors.blue.200}"
-    }
-  },
-  info: {
-    value: {
-      _light: "{colors.blue.100}",
-      _dark: "#113A7C"
-    }
-  },
-  warning: {
-    value: {
-      _light: "{colors.orange.100}",
-      _dark: "#7C3A0E"
-    }
-  },
-  success: {
-    value: {
-      _light: "{colors.green.100}",
-      _dark: "#0A5B24"
-    }
-  },
-  error: {
-    value: {
-      _light: "{colors.red.100}",
-      _dark: "{colors.red.800}"
-    }
-  },
-  button: {
-    primary: {
-      value: "{colors.border.subtle}"
-    }
-  }
-}, Ke = {
-  border: {
-    value: {
-      _light: "{colors.mint.200}",
-      _dark: "{colors.mint.200}"
-    }
-  }
-}, Je = {
-  contrast: {
-    value: {
-      _light: "black",
-      _dark: "black"
-    }
-  },
-  fg: {
-    value: {
-      _light: "{colors.orange.700}",
-      _dark: "{colors.orange.300}"
-    }
-  },
-  subtle: {
-    value: {
-      _light: "{colors.orange.100}",
-      _dark: "{colors.orange.900}"
-    }
-  },
-  muted: {
-    value: {
-      _light: "{colors.orange.200}",
-      _dark: "{colors.orange.800}"
-    }
-  },
-  emphasized: {
-    value: {
-      _light: "{colors.orange.300}",
-      _dark: "{colors.orange.700}"
-    }
-  },
-  solid: {
-    value: {
-      _light: "{colors.orange.500}",
-      _dark: "{colors.orange.400}"
-    }
-  },
-  focusRing: {
-    value: {
-      _light: "{colors.orange.500}",
-      _dark: "{colors.orange.500}"
-    }
-  },
-  border: {
-    value: {
-      _light: "{colors.orange.400}",
-      _dark: "{colors.orange.500}"
-    }
-  }
-}, Qe = {
-  selectable: {
-    primary: {
-      value: {
-        _light: "{colors.blacks.800}",
-        _dark: "{colors.blacks.800}"
-      }
-    }
-  }
-}, Ze = {
-  fg: qe,
-  bg: Ne,
-  border: Ge,
-  blue: Ke,
-  orange: Je,
-  vis: $e,
-  text: Qe
-}, eo = k({
-  floatingBar: {
-    value: {
-      paddingInline: "sm",
-      paddingBlock: "2xs",
-      borderRadius: "md",
-      bg: "bg.elevated",
-      border: "1px solid",
-      borderColor: "border",
-      boxShadow: "lg"
-    }
-  },
-  // Cards clip their content so square children never paint over the rounded corners.
-  panel: {
-    value: {
-      borderRadius: "sm",
-      borderWidth: "1px",
-      borderColor: "border.subtle",
-      overflow: "hidden"
-    }
-  },
-  modal: {
-    value: {
-      paddingInline: "xs",
-      paddingBlock: "sm",
-      borderRadius: "xs",
-      bg: "bg",
-      border: "1px solid",
-      borderColor: "border"
-    }
-  }
-}), oo = w({
-  brand: {
-    value: {
-      fontFamily: "brand",
-      fontSize: "3xl",
-      fontWeight: "500"
-    }
-  },
-  "heading/display/L": {
-    value: {
-      fontFamily: "display",
-      fontWeight: "600",
-      fontSize: ["5xl", "5xl", "5xl", "6xl"],
-      lineHeight: "120%"
-    }
-  },
-  "heading/display/M": {
-    value: {
-      fontFamily: "display",
-      fontWeight: "600",
-      fontSize: ["4xl", "5xl"],
-      lineHeight: "120%"
-    }
-  },
-  "heading/display/S": {
-    value: {
-      fontFamily: "display",
-      fontWeight: "600",
-      fontSize: ["3xl", "4xl"],
-      lineHeight: "120%"
-    }
-  },
-  "heading/XL": {
-    value: {
-      fontFamily: "heading",
-      fontSize: "5xl",
-      fontWeight: "500",
-      lineHeight: "120%"
-    }
-  },
-  "heading/L": {
-    value: {
-      fontFamily: "heading",
-      fontSize: "4xl",
-      fontWeight: "500",
-      lineHeight: "110%"
-    }
-  },
-  "heading/M": {
-    value: {
-      fontFamily: "heading",
-      fontSize: "3xl",
-      fontWeight: "500",
-      lineHeight: "120%"
-    }
-  },
-  "heading/S": {
-    value: {
-      fontFamily: "heading",
-      fontSize: "2xl",
-      fontWeight: "500",
-      lineHeight: "120%"
-    }
-  },
-  "label/XL/regular": {
-    value: {
-      fontFamily: "label",
-      fontSize: "2xl",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.16px"
-    }
-  },
-  "label/L/regular": {
-    value: {
-      fontFamily: "label",
-      fontSize: "lg",
-      fontWeight: "400",
-      lineHeight: "20px",
-      letterSpacing: "0.16px"
-    }
-  },
-  "label/L/medium": {
-    value: {
-      fontFamily: "label",
-      fontSize: "lg",
-      fontWeight: "500",
-      lineHeight: "20px",
-      letterSpacing: "0.16px"
-    }
-  },
-  "label/L/medium/underline": {
-    value: {
-      textDecoration: "underline",
-      fontFamily: "label",
-      fontSize: "lg",
-      fontWeight: "500",
-      lineHeight: "20px",
-      letterSpacing: "0.16px"
-    }
-  },
-  "label/L/medium/uppercase": {
-    value: {
-      letterSpacing: "0.089rem",
-      fontFamily: "label",
-      fontWeight: "600",
-      fontSize: "lg",
-      lineHeight: "150%",
-      textTransform: "uppercase",
-      color: "fg.muted"
-    }
-  },
-  "label/M/regular": {
-    value: {
-      fontFamily: "label",
-      fontSize: "md",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "label/M/regular/underline": {
-    value: {
-      fontFamily: "label",
-      fontSize: "md",
-      fontWeight: "400",
-      lineHeight: "150%",
-      textDecoration: "underline",
-      letterSpacing: "0.14px"
-    }
-  },
-  "label/M/medium": {
-    value: {
-      fontFamily: "label",
-      fontSize: "md",
-      fontWeight: "500",
-      lineHeight: "150%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "label/S/regular": {
-    value: {
-      fontFamily: "label",
-      fontSize: "sm",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.12px"
-    }
-  },
-  "label/S/medium": {
-    value: {
-      fontFamily: "label",
-      fontSize: "sm",
-      fontWeight: "500",
-      lineHeight: "150%",
-      letterSpacing: "0.12px"
-    }
-  },
-  "label/S/italic": {
-    value: {
-      fontFamily: "label",
-      fontSize: "sm",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.12px",
-      fontStyle: "italic"
-    }
-  },
-  "label/XS": {
-    value: {
-      fontFamily: "label",
-      fontSize: "xs",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.1px"
-    }
-  },
-  "label/XS/caps": {
-    value: {
-      fontFamily: "label",
-      fontSize: "xs",
-      fontWeight: "600",
-      lineHeight: "150%",
-      letterSpacing: "0.9px",
-      textTransform: "uppercase"
-    }
-  },
-  "label/XS/medium": {
-    value: {
-      fontFamily: "label",
-      fontSize: "xs",
-      fontWeight: "500",
-      lineHeight: "150%",
-      letterSpacing: "0.1px"
-    }
-  },
-  "label/2XS": {
-    value: {
-      fontFamily: "label",
-      fontSize: "2xs",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.08px"
-    }
-  },
-  "label/2XS/medium": {
-    value: {
-      fontFamily: "label",
-      fontSize: "2xs",
-      fontWeight: "500",
-      lineHeight: "150%",
-      letterSpacing: "0.08px"
-    }
-  },
-  "mono/XS": {
-    value: {
-      fontFamily: "mono",
-      fontSize: "xs",
-      fontWeight: "400",
-      lineHeight: "150%"
-    }
-  },
-  "paragraph/S/regular": {
-    value: {
-      fontFamily: "body",
-      fontSize: "sm",
-      fontWeight: "400",
-      lineHeight: "135%",
-      letterSpacing: "0.12px"
-    }
-  },
-  "paragraph/M/regular": {
-    value: {
-      fontFamily: "body",
-      fontSize: "md",
-      fontWeight: "400",
-      lineHeight: "171%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "paragraph/M/medium": {
-    value: {
-      fontFamily: "body",
-      fontSize: "md",
-      fontWeight: "500",
-      lineHeight: "171%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "paragraph/L/regular": {
-    value: {
-      fontFamily: "body",
-      fontSize: "lg",
-      fontWeight: "400",
-      lineHeight: "150%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "paragraph/L/medium": {
-    value: {
-      fontFamily: "body",
-      fontSize: "lg",
-      fontWeight: "500",
-      lineHeight: "150%",
-      letterSpacing: "0.14px"
-    }
-  },
-  "paragraph/XL/regular": {
-    value: {
-      fontFamily: "body",
-      fontWeight: "400",
-      lineHeight: "150%",
-      fontSize: ["xl", "2xl"],
-      color: "fg",
-      letterSpacing: "0.14px"
-    }
-  },
-  "paragraph/XL/medium": {
-    value: {
-      fontFamily: "body",
-      fontWeight: "500",
-      lineHeight: "150%",
-      fontSize: ["xl", "2xl"],
-      color: "fg",
-      letterSpacing: "0.14px"
-    }
-  }
-}), ro = E({
-  globalCss: $,
-  utilities: {
-    WebkitAppRegion: {
-      values: ["drag", "no-drag"],
-      transform: (o) => ({
-        WebkitAppRegion: o
-      })
-    }
-  },
-  theme: {
-    breakpoints: {
-      "3xl": "2560px",
-      "4xl": "3840px"
-    },
-    textStyles: oo,
-    layerStyles: eo,
-    recipes: {
-      badge: pe,
-      button: fe,
-      divider: _e,
-      input: we,
-      kbd: Ce,
-      skeleton: He,
-      textarea: Ie
-    },
-    tokens: {
-      colors: se,
-      borderWidths: me,
-      fonts: de,
-      fontSizes: ce,
-      fontWeights: ue,
-      radii: ve,
-      sizes: ge,
-      spacing: be
-    },
-    semanticTokens: {
-      colors: Ze,
-      borders: Ye
-    },
-    slotRecipes: {
-      windowTitleBar: X,
-      windowTabs: M,
-      resizableSplitLayout: Be,
-      alert: he,
-      colorPicker: xe,
-      drawer: Se,
-      tooltip: Pe,
-      popover: We,
-      menu: Ee,
-      numberInput: Ae,
-      editable: Fe,
-      form: ke,
-      dialog: ye,
-      progressCircle: De,
-      switch: Te,
-      tabs: Le,
-      timeline: Ve
-    }
-  }
-}), no = C(Oe, ro);
-export {
-  io as a,
-  X as b,
-  Y as c,
-  no as t,
-  M as w
-};
-//# sourceMappingURL=theme-AzJH4Om3.js.map