@pstdio/ui 0.0.2 → 0.0.4

package/dist/theme-9E0MRtZk.js

@@ -0,0 +1,1985 @@
+import { defineSlotRecipe as l, defineRecipe as a, defineLayerStyles as r, defineTextStyles as s, defineConfig as t, createSystem as i, defaultConfig as u } from "@chakra-ui/react";
+import { alertAnatomy as d, dialogAnatomy as c, drawerAnatomy as n, fieldsetAnatomy as b, menuAnatomy as v, popoverAnatomy as g, tooltipAnatomy as p } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as o } from "@chakra-ui/react/theme";
+const m = {
+  "*::selection": {
+    bg: {
+      base: "bg.accent-secondary.blue-medium",
+      _dark: "bg.accent-secondary.blue-medium"
+    }
+  },
+  ":root": {
+    "--focus-border": "blue.border",
+    "--separator-border": "transparent !important"
+  },
+  html: {
+    height: "100%",
+    width: "100%",
+    overflow: "hidden"
+  },
+  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"
+  },
+  "@media (min-width: 2560px)": {
+    html: {
+      fontSize: "1.25rem"
+    }
+  },
+  "@media (min-width: 3840px)": {
+    html: {
+      fontSize: "1.5rem"
+    }
+  }
+}, h = {
+  DEFAULT: {
+    value: "#0A0D15"
+  },
+  50: {
+    value: "#FFFFFF"
+  },
+  100: {
+    value: "#F9F9F9"
+  },
+  200: {
+    value: "#F5F5F5"
+  },
+  300: {
+    value: "#EAEAEA"
+  },
+  400: {
+    value: "#C5C5C7"
+  },
+  500: {
+    value: "#797D83"
+  },
+  600: {
+    value: "#5A5F67"
+  },
+  700: {
+    value: "#444750"
+  },
+  800: {
+    value: "#22252C"
+  },
+  850: {
+    value: "#1A1C21"
+  },
+  900: {
+    value: "#0A0D15"
+  },
+  1e3: {
+    value: "#000000"
+  }
+}, F = {
+  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"
+  }
+}, k = {
+  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"
+  }
+}, x = {
+  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"
+  }
+}, f = {
+  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"
+  }
+}, y = {
+  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"
+  }
+}, _ = {
+  DEFAULT: {
+    value: "#EB9D2A"
+  },
+  50: {
+    value: "#FDF3E5"
+  },
+  100: {
+    value: "#FAE6C8"
+  },
+  200: {
+    value: "#F7D6A6"
+  },
+  300: {
+    value: "#F3C683"
+  },
+  400: {
+    value: "#EB9D2A"
+  },
+  500: {
+    value: "#CF8A25"
+  },
+  600: {
+    value: "#B37720"
+  },
+  700: {
+    value: "#92611A"
+  },
+  800: {
+    value: "#714B14"
+  },
+  900: {
+    value: "#52370F"
+  }
+}, E = {
+  DEFAULT: {
+    value: "#FFE2BC"
+  },
+  light: {
+    value: "#FFF1DE"
+  },
+  medium: {
+    value: "#FFE2BC"
+  },
+  dark: {
+    value: "#FFD6A8"
+  }
+}, C = {
+  DEFAULT: {
+    value: "#FFD643"
+  },
+  50: {
+    value: "#FFF7D9"
+  },
+  100: {
+    value: "#FFEEB3"
+  },
+  200: {
+    value: "#FFE792"
+  },
+  300: {
+    value: "#FFDE67"
+  },
+  400: {
+    value: "#FFD643"
+  },
+  500: {
+    value: "#FFC909"
+  },
+  600: {
+    value: "#E4B200"
+  },
+  700: {
+    value: "#C69B00"
+  },
+  800: {
+    value: "#9D7A00"
+  },
+  900: {
+    value: "#644E00"
+  }
+}, S = {
+  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"
+  }
+}, A = {
+  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"
+  }
+}, D = {
+  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"
+  }
+}, w = {
+  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"
+  }
+}, z = {
+  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"
+  }
+}, B = {
+  sand: z,
+  blacks: h,
+  blue: F,
+  sapphire: k,
+  pink: x,
+  peach: f,
+  red: y,
+  accentPrimary: E,
+  orange: _,
+  yellow: C,
+  green: S,
+  teal: A,
+  cyan: D,
+  purple: w
+}, L = {
+  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"
+  }
+}, R = {
+  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
+}, W = {
+  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",
+  // 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"
+}, H = {
+  none: {
+    value: "0"
+  },
+  "2xs": {
+    value: e[50]
+  },
+  xs: {
+    value: e[100]
+  },
+  sm: {
+    value: e[150]
+  },
+  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]
+  }
+}, T = {
+  none: {
+    value: "0"
+  },
+  "2xs": {
+    value: e[25]
+  },
+  xs: {
+    value: e[50]
+  },
+  sm: {
+    value: e[100]
+  },
+  md: {
+    value: e[150]
+  },
+  lg: {
+    value: e[200]
+  },
+  xl: {
+    value: e[400]
+  },
+  full: {
+    value: "100%"
+  }
+}, U = l({
+  slots: d.keys(),
+  base: {
+    root: {
+      pt: "xs",
+      pb: "xs"
+    }
+  }
+}), M = a({
+  base: {
+    borderRadius: "sm",
+    transition: "all 0.1s ease-in-out",
+    fontFamily: "label",
+    fontWeight: "500",
+    color: "fg",
+    bg: "bg",
+    borderColor: "border.muted",
+    _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",
+        borderRadius: "xl",
+        outline: "none",
+        border: "none",
+        _hover: {
+          bg: "blacks.800"
+        }
+      },
+      "display-outline": {
+        bg: "transparent",
+        color: "fg",
+        borderRadius: "xl",
+        border: "2px solid {fg}",
+        _hover: {
+          bg: "bg.muted"
+        },
+        _active: {
+          bg: "bg.emphasized"
+        }
+      },
+      "display-ghost": {
+        bg: "transparent",
+        color: "fg",
+        borderRadius: "xl",
+        _hover: {
+          bg: "bg.muted"
+        },
+        _active: {
+          bg: "bg.emphasized"
+        }
+      },
+      "display-link": {
+        bg: "transparent",
+        color: "fg",
+        border: "none",
+        borderRadius: "xl",
+        _hover: {
+          textDecoration: "underline"
+        },
+        _active: {
+          textDecoration: "underline"
+        }
+      },
+      primary: {
+        color: "blacks.1000",
+        bg: "bg.accent-primary.medium",
+        border: "none",
+        _hover: {
+          bg: "bg.accent-primary.light"
+        },
+        _active: {
+          bg: "bg.accent-primary.medium"
+        }
+      },
+      secondary: {
+        color: "fg",
+        bg: "bg",
+        border: "2px solid border.muted",
+        _hover: {
+          bg: "bg.muted"
+        },
+        _active: {
+          bg: "bg.emphasized"
+        },
+        _disabled: {
+          opacity: 1,
+          color: "fg.subtle",
+          borderColor: "border.muted"
+        }
+      },
+      outline: {
+        color: "fg",
+        bg: "bg",
+        border: "border.muted",
+        _hover: {
+          bg: "bg.muted"
+        },
+        _active: {
+          bg: "bg.emphasized"
+        },
+        _disabled: {
+          opacity: 1,
+          color: "fg.subtle",
+          borderColor: "border.muted"
+        }
+      },
+      ghost: {
+        color: "fg",
+        bg: "transparent",
+        border: "none",
+        _hover: {
+          bg: "bg.muted"
+        },
+        _active: {
+          bg: "bg.emphasized"
+        },
+        _disabled: {
+          bg: "transparent",
+          _hover: {
+            bg: "transparent"
+          }
+        }
+      }
+    },
+    size: {
+      "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: "md",
+    variant: "outline"
+  }
+}), P = l({
+  slots: c.keys(),
+  base: {
+    content: {
+      bg: "bg"
+    }
+  }
+}), V = a({
+  base: {
+    borderColor: "border"
+  }
+}), X = l({
+  slots: n.keys(),
+  base: {
+    header: {
+      fontWeight: "medium",
+      textStyle: "label/M/medium",
+      p: "xs"
+    },
+    content: {
+      bg: "bg"
+    }
+  }
+}), I = l({
+  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.muted"
+      }
+    },
+    input: {
+      textStyle: "label/L/medium",
+      borderRadius: "2xs",
+      focusRingColor: "border",
+      py: "0",
+      lineHeight: "1.5rem",
+      transitionProperty: "common",
+      transitionDuration: "normal",
+      bg: "bg",
+      width: "auto",
+      _focusVisible: {
+        boxShadow: "none"
+      },
+      _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: {
+        boxShadow: "none"
+      },
+      _placeholder: {
+        color: "fg.muted"
+      }
+    }
+  }
+}), O = l({
+  slots: b.keys(),
+  base: {
+    legend: {
+      mb: "2xs"
+    }
+  }
+}), $ = a({
+  base: {
+    px: "sm",
+    borderRadius: "sm",
+    border: "1px solid",
+    transition: "border-color 0.2s ease-in-out",
+    bg: "bg",
+    color: "fg",
+    borderColor: "border.muted",
+    _hover: {
+      borderColor: "border"
+    },
+    _active: {
+      borderColor: "blue.border"
+    },
+    _focus: {
+      borderColor: "blue.border"
+    },
+    _focusVisible: {
+      borderColor: "blue.border"
+    },
+    _placeholder: {
+      color: "fg.subtle"
+    }
+  },
+  variants: {
+    size: {
+      sm: {
+        h: "2rem"
+      }
+    }
+  }
+}), q = l({
+  slots: v.keys(),
+  base: {
+    itemGroupLabel: {
+      ml: "{2xs}",
+      textStyle: "label/S/regular",
+      fontWeight: "normal",
+      color: "fg.muted"
+    },
+    item: {
+      bg: "bg",
+      color: "fg",
+      textStyle: "label/M/regular",
+      px: "0.5rem",
+      h: "2.25rem",
+      _hover: {
+        bg: "bg.muted"
+      },
+      _focus: {
+        bg: "bg.muted"
+      },
+      _active: {
+        bg: "bg.emphasized"
+      }
+    },
+    content: {
+      display: "flex",
+      flexDirection: "column",
+      gap: "2xs",
+      borderRadius: "sm",
+      py: "xs",
+      bg: "bg",
+      borderWidth: "1px",
+      borderStyle: "solid",
+      borderColor: "border.muted",
+      boxShadow: "low",
+      zIndex: "dropdown",
+      textStyle: "label/M/regular"
+    }
+  }
+}), G = l({
+  slots: g.keys(),
+  base: {
+    positioner: {
+      _focus: {
+        boxShadow: "none !important"
+      }
+    },
+    closeTrigger: {
+      textStyle: "label/M/medium",
+      color: "fg"
+    },
+    arrow: {
+      bg: "background-primary !important",
+      borderColor: "button-secondary-stroke"
+    },
+    content: {
+      gap: "8px",
+      py: "xs",
+      borderRadius: "12px",
+      bg: "bg",
+      borderColor: "border",
+      _focus: {
+        boxShadow: "none !important"
+      }
+    },
+    title: {
+      borderBottom: "none",
+      textStyle: "label/M/medium",
+      bg: "bg"
+    },
+    body: {
+      textStyle: "primary"
+    },
+    footer: {}
+  },
+  variants: {
+    variant: {
+      responsive: {
+        content: {
+          width: "unset"
+        }
+      }
+    },
+    size: {
+      "2xl": {
+        content: {
+          width: "2xl"
+        }
+      }
+    }
+  }
+}), Y = o.variants?.size ?? {}, j = {
+  ...o,
+  variants: {
+    ...o.variants,
+    size: {
+      ...Y,
+      "2xs": {
+        circle: {
+          "--size": "14px",
+          "--thickness": "2px"
+        },
+        valueText: {
+          textStyle: "2xs"
+        }
+      }
+    }
+  }
+}, J = a({
+  base: {
+    "--start-color": "fg",
+    "--end-color": "fg.muted"
+  }
+}), K = a({
+  base: {
+    paddingX: "sm",
+    paddingY: "xs",
+    opacity: "1",
+    outline: "none",
+    color: "fg",
+    border: "1px solid",
+    transition: "border-color 0.2s ease-in-out",
+    borderColor: "border.muted",
+    _hover: {
+      borderColor: "border"
+    },
+    _active: {
+      borderColor: "blue.border"
+    },
+    _focus: {
+      borderColor: "blue.border"
+    },
+    _focusVisible: {
+      borderColor: "blue.border"
+    },
+    _placeholder: {
+      color: "fg.subtle"
+    }
+  }
+}), N = l({
+  slots: p.keys(),
+  base: {
+    content: {
+      bg: "bg.inverted",
+      color: "fg.inverted"
+    },
+    arrow: {
+      bg: "bg.inverted"
+    }
+  }
+}), Q = {
+  accent: {
+    value: {
+      base: "1px solid {colors.blue.700}",
+      _dark: "1px solid {colors.blue.700}"
+    }
+  },
+  "accent-light": {
+    value: {
+      base: "1px solid {colors.blue.200}",
+      _dark: "1px solid {colors.blue.900}"
+    }
+  },
+  primary: {
+    value: {
+      base: "1px solid {colors.blacks.400}",
+      _dark: "1px solid {colors.blacks.600}"
+    }
+  },
+  secondary: {
+    value: {
+      base: "1px solid {colors.blacks.300}",
+      _dark: "1px solid {colors.blacks.800}"
+    }
+  },
+  tertiary: {
+    value: {
+      base: "1px solid {colors.blacks.300}",
+      _dark: "1px solid {colors.blacks.800}"
+    }
+  },
+  inverse: {
+    value: {
+      base: "1px solid {colors.blacks.400}",
+      _dark: "1px solid {colors.blacks.600}"
+    }
+  }
+}, Z = {
+  DEFAULT: {
+    value: {
+      base: "{colors.blacks.800}",
+      _dark: "{colors.blacks.200}"
+    }
+  },
+  muted: {
+    value: {
+      base: "{colors.blacks.500}",
+      _dark: "{colors.blacks.500}"
+    }
+  },
+  subtle: {
+    value: {
+      base: "{colors.blacks.400}",
+      _dark: "{colors.blacks.600}"
+    }
+  },
+  inverted: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.800}"
+    }
+  },
+  success: {
+    value: {
+      base: "{colors.green.400}",
+      _dark: "{colors.green.400}"
+    }
+  },
+  error: {
+    value: {
+      base: "{colors.red.400}",
+      _dark: "{colors.red.400}"
+    }
+  },
+  accent: {
+    "pink-dark": {
+      value: {
+        base: "{colors.pink.700}",
+        _dark: "{colors.pink.50}"
+      }
+    }
+  },
+  "green-dark": {
+    value: {
+      base: "{colors.green.700}",
+      _dark: "{colors.green.50}"
+    }
+  },
+  "blue-dark": {
+    value: {
+      base: "{colors.sapphire.700}",
+      _dark: "{colors.sapphire.100}"
+    }
+  },
+  "blue-very-dark": {
+    value: {
+      base: "{colors.sapphire.900}",
+      _dark: "{colors.sapphire.800}"
+    }
+  }
+}, ee = {
+  DEFAULT: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.900}"
+    }
+  },
+  muted: {
+    value: {
+      base: "{colors.blacks.200}",
+      _dark: "{colors.blacks.800}"
+    }
+  },
+  subtle: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.600}"
+    }
+  },
+  code: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.800}"
+    }
+  },
+  emphasized: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.600}"
+    }
+  },
+  inverted: {
+    value: {
+      base: "{colors.blacks.800}",
+      _dark: "{colors.blacks.100}"
+    }
+  },
+  panel: {
+    value: {
+      base: "{colors.blacks.100}",
+      _dark: "{colors.blacks.850}"
+    }
+  },
+  dark: {
+    value: {
+      base: "{colors.blacks.900}",
+      _dark: "{colors.blacks.900}"
+    }
+  },
+  white: {
+    value: {
+      base: "{colors.blacks.50}",
+      _dark: "{colors.blacks.50}"
+    }
+  },
+  display: {
+    "very-light": {
+      value: {
+        base: "{colors.sand.50}",
+        _dark: "{colors.blacks.1000}"
+      }
+    }
+  },
+  "accent-primary": {
+    "very-light": {
+      value: {
+        base: "{colors.accentPrimary.light}",
+        _dark: "{colors.blacks.1000}"
+      }
+    },
+    light: {
+      value: {
+        base: "{colors.accentPrimary.light}",
+        _dark: "{colors.accentPrimary.light}"
+      }
+    },
+    medium: {
+      value: {
+        base: "{colors.accentPrimary.medium}",
+        _dark: "{colors.accentPrimary.medium}"
+      }
+    },
+    dark: {
+      value: {
+        base: "{colors.accentPrimary.dark}",
+        _dark: "{colors.accentPrimary.dark}"
+      }
+    }
+  },
+  "accent-secondary": {
+    "grey-dark": {
+      value: {
+        base: "{colors.blacks.50}",
+        _dark: "{colors.blacks.1000}"
+      }
+    },
+    "grey-light": {
+      value: {
+        base: "{colors.blacks.100}",
+        _dark: "{colors.blacks.900}"
+      }
+    },
+    "red-very-light": {
+      value: {
+        base: "{colors.red.50}",
+        _dark: "{colors.red.100}"
+      }
+    },
+    "red-light": {
+      value: {
+        base: "{colors.red.100}",
+        _dark: "{colors.red.100}"
+      }
+    },
+    "pink-light": {
+      value: {
+        base: "{colors.pink.50}",
+        _dark: "{colors.pink.700}"
+      }
+    },
+    "pink-medium": {
+      value: {
+        base: "{colors.pink.100}",
+        _dark: "{colors.pink.800}"
+      }
+    },
+    "blue-very-light": {
+      value: {
+        base: "{colors.blue.25}",
+        _dark: "{colors.blue.50}"
+      }
+    },
+    "blue-light": {
+      value: {
+        base: "{colors.blue.50}",
+        _dark: "{colors.blue.700}"
+      }
+    },
+    "blue-medium": {
+      value: {
+        base: "{colors.blue.100}",
+        _dark: "{colors.blue.800}"
+      }
+    },
+    "blue-dark": {
+      value: {
+        base: "{colors.blue.700}",
+        _dark: "{colors.blue.200}"
+      }
+    },
+    "cyan-light": {
+      value: {
+        base: "{colors.cyan.50}",
+        _dark: "{colors.cyan.100}"
+      }
+    },
+    "green-light": {
+      value: {
+        base: "{colors.green.50}",
+        _dark: "{colors.sapphire.50}"
+      }
+    },
+    "yellow-light": {
+      value: {
+        base: "{colors.yellow.50}",
+        _dark: "{colors.yellow.100}"
+      }
+    },
+    "yellow-medium": {
+      value: {
+        base: "{colors.yellow.100}",
+        _dark: "{colors.yellow.200}"
+      }
+    },
+    "sand-light": {
+      value: {
+        base: "{colors.sand.100}",
+        _dark: "{colors.sand.100}"
+      }
+    }
+  }
+}, le = {
+  DEFAULT: {
+    value: {
+      base: "{colors.blacks.400}",
+      _dark: "{colors.blacks.600}"
+    }
+  },
+  muted: {
+    value: {
+      base: "{colors.blacks.300}",
+      _dark: "{colors.blacks.700}"
+    }
+  },
+  subtle: {
+    value: {
+      base: "{colors.blacks.300}",
+      _dark: "{colors.blacks.50}"
+    }
+  },
+  inverted: {
+    value: {
+      base: "{colors.blacks.400}",
+      _dark: "{colors.blacks.600}"
+    }
+  },
+  "accent-light": {
+    value: {
+      base: "{colors.blue.200}",
+      _dark: "{colors.blue.900}"
+    }
+  }
+}, ae = {
+  border: {
+    value: {
+      base: "{colors.blue.700}",
+      _dark: "{colors.blue.200}"
+    }
+  }
+}, oe = {
+  text: {
+    primary: {
+      value: {
+        base: "{colors.blacks.800}",
+        _dark: "{colors.blacks.200}"
+      }
+    },
+    secondary: {
+      value: {
+        base: "{colors.blacks.600}",
+        _dark: "{colors.blacks.500}"
+      }
+    }
+  },
+  grid: {
+    value: {
+      base: "{colors.blacks.300}",
+      _dark: "{colors.blacks.800}"
+    }
+  },
+  axis: {
+    value: {
+      base: "{colors.blacks.700}",
+      _dark: "{colors.blacks.300}"
+    }
+  },
+  categorical: {
+    1: {
+      value: {
+        base: "{colors.blue.300}",
+        _dark: "{colors.blue.300}"
+      }
+    },
+    2: {
+      value: {
+        base: "{colors.orange.500}",
+        _dark: "{colors.orange.500}"
+      }
+    },
+    3: {
+      value: {
+        base: "{colors.purple.700}",
+        _dark: "{colors.purple.700}"
+      }
+    },
+    4: {
+      value: {
+        base: "{colors.red.500}",
+        _dark: "{colors.red.600}"
+      }
+    },
+    5: {
+      value: {
+        base: "{colors.pink.500}",
+        _dark: "{colors.pink.500}"
+      }
+    },
+    6: {
+      value: {
+        base: "{colors.cyan.800}",
+        _dark: "{colors.green.500}"
+      }
+    },
+    7: {
+      value: {
+        base: "{colors.red.200}",
+        _dark: "{colors.cyan.700}"
+      }
+    }
+  },
+  sequential: {
+    blue: {
+      "low-3": {
+        value: {
+          base: "{colors.blue.200}",
+          _dark: "{colors.blue.800}"
+        }
+      },
+      "low-2": {
+        value: {
+          base: "{colors.blue.300}",
+          _dark: "{colors.blue.700}"
+        }
+      },
+      "low-1": {
+        value: {
+          base: "{colors.blue.400}",
+          _dark: "{colors.blue.600}"
+        }
+      },
+      default: {
+        value: {
+          base: "{colors.blue.500}",
+          _dark: "{colors.blue.500}"
+        }
+      },
+      "high-1": {
+        value: {
+          base: "{colors.blue.600}",
+          _dark: "{colors.blue.400}"
+        }
+      },
+      "high-2": {
+        value: {
+          base: "{colors.blue.700}",
+          _dark: "{colors.blue.300}"
+        }
+      },
+      "high-3": {
+        value: {
+          base: "{colors.blue.800}",
+          _dark: "{colors.blue.200}"
+        }
+      }
+    },
+    red: {
+      "low-3": {
+        value: {
+          base: "{colors.red.200}",
+          _dark: "{colors.red.800}"
+        }
+      },
+      "low-2": {
+        value: {
+          base: "{colors.red.300}",
+          _dark: "{colors.red.700}"
+        }
+      },
+      "low-1": {
+        value: {
+          base: "{colors.red.400}",
+          _dark: "{colors.red.600}"
+        }
+      },
+      default: {
+        value: {
+          base: "{colors.red.500}",
+          _dark: "{colors.red.500}"
+        }
+      },
+      "high-1": {
+        value: {
+          base: "{colors.red.600}",
+          _dark: "{colors.red.400}"
+        }
+      },
+      "high-2": {
+        value: {
+          base: "{colors.red.700}",
+          _dark: "{colors.red.300}"
+        }
+      },
+      "high-3": {
+        value: {
+          base: "{colors.red.800}",
+          _dark: "{colors.red.200}"
+        }
+      }
+    }
+  }
+}, re = {
+  fg: Z,
+  bg: ee,
+  border: le,
+  blue: ae,
+  vis: oe
+}, se = r({
+  modal: {
+    value: {
+      paddingInline: "xs",
+      paddingBlock: "sm",
+      borderRadius: "sm",
+      bg: "bg",
+      border: "1px solid",
+      borderColor: "border",
+      boxShadow: "mid"
+    }
+  }
+}), te = {
+  "low-light": {
+    value: "0px 2px 4px 0px rgba(0, 0, 0, 0.10)"
+  },
+  "mid-light": {
+    value: "0px 6px 12px 0px rgba(0, 0, 0, 0.10)"
+  },
+  "high-light": {
+    value: "0px 12px 24px 0px rgba(0, 0, 0, 0.10)"
+  },
+  "low-dark": {
+    value: "0px 2px 4px 0px rgba(0, 0, 0, 0.45)"
+  },
+  "mid-dark": {
+    value: "0px 6px 12px 0px rgba(0, 0, 0, 0.5)"
+  },
+  "high-dark": {
+    value: "0px 12px 24px 0px rgba(0, 0, 0, 0.55)"
+  },
+  "desktop-icon-label-text-light": {
+    value: "0px 1px 3px rgba(15, 23, 42, 0.45)"
+  },
+  "desktop-icon-label-text-dark": {
+    value: "0px 1px 3px rgba(8, 15, 35, 0.75)"
+  },
+  "desktop-icon-label-text-selected-light": {
+    value: "0px 1px 3px rgba(37, 99, 235, 0.55)"
+  },
+  "desktop-icon-label-text-selected-dark": {
+    value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
+  }
+}, ie = {
+  low: {
+    value: {
+      base: "{shadows.low-light}",
+      _dark: "{shadows.low-dark}"
+    }
+  },
+  mid: {
+    value: {
+      base: "{shadows.mid-light}",
+      _dark: "{shadows.mid-dark}"
+    }
+  },
+  high: {
+    value: {
+      base: "{shadows.high-light}",
+      _dark: "{shadows.high-dark}"
+    }
+  },
+  "desktop-icon-label": {
+    value: {
+      base: "{shadows.desktop-icon-label-text-light}",
+      _dark: "{shadows.desktop-icon-label-text-dark}"
+    }
+  },
+  "desktop-icon-label-selected": {
+    value: {
+      base: "{shadows.desktop-icon-label-text-selected-light}",
+      _dark: "{shadows.desktop-icon-label-text-selected-dark}"
+    }
+  }
+}, ue = s({
+  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"
+    }
+  },
+  "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"
+    }
+  }
+}), de = t({
+  globalCss: m,
+  theme: {
+    breakpoints: {
+      "3xl": "2560px",
+      "4xl": "3840px"
+    },
+    textStyles: ue,
+    layerStyles: se,
+    recipes: {
+      button: M,
+      divider: V,
+      input: $,
+      skeleton: J,
+      textarea: K
+    },
+    tokens: {
+      colors: B,
+      fonts: L,
+      fontSizes: R,
+      fontWeights: W,
+      radii: T,
+      shadows: te,
+      spacing: H
+    },
+    semanticTokens: {
+      colors: re,
+      borders: Q,
+      shadows: ie
+    },
+    slotRecipes: {
+      alert: U,
+      drawer: X,
+      tooltip: N,
+      popover: G,
+      menu: q,
+      editable: I,
+      form: O,
+      dialog: P,
+      progressCircle: j
+    }
+  }
+}), ve = i(u, de);
+export {
+  ve as t
+};
+//# sourceMappingURL=theme-9E0MRtZk.js.map