@pstdio/ui 0.5.2 → 0.6.0

package/dist/{theme-Dq4r3aRE.js → theme-0SQvHr1t.js}

@@ -1,11 +1,11 @@
-import { defineSlotRecipe as l, defineRecipe as o, defineLayerStyles as r, defineTextStyles as s, defineConfig as t, createSystem as c, defaultConfig as i } from "@chakra-ui/react";
-import { alertAnatomy as n, dialogAnatomy as u, drawerAnatomy as d, fieldsetAnatomy as b, menuAnatomy as g, popoverAnatomy as v, tooltipAnatomy as m } from "@chakra-ui/react/anatomy";
-import { progressCircleSlotRecipe as a } from "@chakra-ui/react/theme";
-const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted": "#75715E", "colors.fg.subtle": "#A59F85", "colors.fg.inverted": "#272822", "colors.fg.blue-dark": "#66D9EF", "colors.bg": "#272822", "colors.bg.muted": "#34352E", "colors.bg.subtle": "#1F201B", "colors.bg.hover": "#3E3D32", "colors.bg.active": "#49483E", "colors.bg.code": "#1F201B", "colors.bg.emphasized": "#49483E", "colors.bg.inverted": "#F8F8F2", "colors.bg.panel": "#1F201B", "colors.bg.dark": "#1F201B", "colors.bg.button.primary.default": "#E6DB74", "colors.bg.button.primary.hover": "#F4E98A", "colors.bg.button.primary.pressed": "#CFC25F", "colors.bg.menu-item.hover": "#3E3D32", "colors.bg.menu-item.focus": "#3E3D32", "colors.bg.menu-item.selected": "#49483E", "colors.bg.accent-primary.default": "#E6DB74", "colors.bg.accent-primary.hover": "#F4E98A", "colors.bg.accent-primary.pressed": "#CFC25F", "colors.bg.accent-primary.very-light": "#3B3A2B", "colors.bg.accent-primary.light": "#494531", "colors.bg.accent-primary.medium": "#E6DB74", "colors.bg.accent-primary.dark": "#F4E98A", "colors.bg.accent-secondary.grey-dark": "#272822", "colors.bg.accent-secondary.grey-light": "#34352E", "colors.bg.accent-secondary.red-very-light": "#3A1F1F", "colors.bg.accent-secondary.red-light": "#4A2424", "colors.bg.accent-secondary.pink-light": "#4A2039", "colors.bg.accent-secondary.pink-medium": "#F92672", "colors.bg.accent-secondary.blue-very-light": "#243A3D", "colors.bg.accent-secondary.blue-light": "#26464A", "colors.bg.accent-secondary.blue-medium": "#66D9EF", "colors.bg.accent-secondary.blue-dark": "#66D9EF", "colors.bg.accent-secondary.cyan-light": "#26464A", "colors.bg.accent-secondary.green-light": "#33401F", "colors.bg.accent-secondary.yellow-light": "#494531", "colors.bg.accent-secondary.yellow-medium": "#E6DB74", "colors.bg.accent-secondary.yellow-dark": "#F4E98A", "colors.bg.accent-secondary.sand-light": "#3E3D32", "colors.border": "#5B594A", "colors.border.muted": "#49483E", "colors.border.subtle": "#3E3D32", "colors.border.inverted": "#CFCFC2", "colors.border.accent-light": "#66D9EF", "colors.border.accent": "#66D9EF", "colors.blue.border": "#66D9EF", "colors.orange.contrast": "#272822", "colors.orange.fg": "#FD971F", "colors.orange.subtle": "#493522", "colors.orange.muted": "#5A3C20", "colors.orange.emphasized": "#7A4D1D", "colors.orange.solid": "#FD971F", "colors.orange.focusRing": "#FD971F", "colors.orange.border": "#FD971F", "colors.vis.text.primary": "#F8F8F2", "colors.vis.text.secondary": "#CFCFC2", "colors.vis.grid": "#49483E", "colors.vis.axis": "#A59F85", "colors.vis.categorical.1": "#66D9EF", "colors.vis.categorical.2": "#FD971F", "colors.vis.categorical.3": "#AE81FF", "colors.vis.categorical.4": "#F92672", "colors.vis.categorical.5": "#E6DB74", "colors.vis.categorical.6": "#A6E22E", "colors.vis.categorical.7": "#75715E", "colors.text.selectable.primary": "#272822" }, k = {
-  id: p,
-  mode: F,
-  tokens: h
-}, x = k, fe = [x], y = {
+import { defineSlotRecipe as l, defineRecipe as o, defineLayerStyles as a, defineTextStyles as t, defineConfig as i, createSystem as s, defaultConfig as c } from "@chakra-ui/react";
+import { alertAnatomy as n, dialogAnatomy as u, drawerAnatomy as d, fieldsetAnatomy as g, menuAnatomy as b, popoverAnatomy as v, tooltipAnatomy as m } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as r } from "@chakra-ui/react/theme";
+const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted": "#75715E", "colors.fg.subtle": "#A59F85", "colors.fg.inverted": "#272822", "colors.fg.blue-dark": "#66D9EF", "colors.bg": "#272822", "colors.bg.muted": "#34352E", "colors.bg.subtle": "#1F201B", "colors.bg.hover": "#3E3D32", "colors.bg.active": "#49483E", "colors.bg.code": "#1F201B", "colors.bg.emphasized": "#49483E", "colors.bg.inverted": "#F8F8F2", "colors.bg.panel": "#1F201B", "colors.bg.dark": "#1F201B", "colors.bg.button.primary.default": "#E6DB74", "colors.bg.button.primary.hover": "#F4E98A", "colors.bg.button.primary.pressed": "#CFC25F", "colors.bg.menu-item.hover": "#3E3D32", "colors.bg.menu-item.focus": "#3E3D32", "colors.bg.menu-item.selected": "#49483E", "colors.bg.accent-primary.default": "#E6DB74", "colors.bg.accent-primary.hover": "#F4E98A", "colors.bg.accent-primary.pressed": "#CFC25F", "colors.bg.accent-primary.very-light": "#3B3A2B", "colors.bg.accent-primary.light": "#494531", "colors.bg.accent-primary.medium": "#E6DB74", "colors.bg.accent-primary.dark": "#F4E98A", "colors.bg.accent-secondary.grey-dark": "#272822", "colors.bg.accent-secondary.grey-light": "#34352E", "colors.bg.accent-secondary.red-very-light": "#3A1F1F", "colors.bg.accent-secondary.red-light": "#4A2424", "colors.bg.accent-secondary.pink-light": "#4A2039", "colors.bg.accent-secondary.pink-medium": "#F92672", "colors.bg.accent-secondary.blue-very-light": "#243A3D", "colors.bg.accent-secondary.blue-light": "#26464A", "colors.bg.accent-secondary.blue-medium": "#66D9EF", "colors.bg.accent-secondary.blue-dark": "#66D9EF", "colors.bg.accent-secondary.cyan-light": "#26464A", "colors.bg.accent-secondary.green-light": "#33401F", "colors.bg.accent-secondary.yellow-light": "#494531", "colors.bg.accent-secondary.yellow-medium": "#E6DB74", "colors.bg.accent-secondary.yellow-dark": "#F4E98A", "colors.bg.accent-secondary.sand-light": "#3E3D32", "colors.border": "#5B594A", "colors.border.muted": "#49483E", "colors.border.subtle": "#3E3D32", "colors.border.inverted": "#CFCFC2", "colors.border.accent-light": "#66D9EF", "colors.border.accent": "#66D9EF", "colors.blue.border": "#66D9EF", "colors.orange.contrast": "#272822", "colors.orange.fg": "#FD971F", "colors.orange.subtle": "#493522", "colors.orange.muted": "#5A3C20", "colors.orange.emphasized": "#7A4D1D", "colors.orange.solid": "#FD971F", "colors.orange.focusRing": "#FD971F", "colors.orange.border": "#FD971F", "colors.vis.text.primary": "#F8F8F2", "colors.vis.text.secondary": "#CFCFC2", "colors.vis.grid": "#49483E", "colors.vis.axis": "#A59F85", "colors.vis.categorical.1": "#66D9EF", "colors.vis.categorical.2": "#FD971F", "colors.vis.categorical.3": "#AE81FF", "colors.vis.categorical.4": "#F92672", "colors.vis.categorical.5": "#E6DB74", "colors.vis.categorical.6": "#A6E22E", "colors.vis.categorical.7": "#75715E", "colors.text.selectable.primary": "#272822" }, _ = {
+  id: h,
+  mode: p,
+  tokens: F
+}, y = _, xe = [y], k = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -63,7 +63,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       fontSize: "1.5rem"
     }
   }
-}, f = {
+}, x = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -112,7 +112,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   1e3: {
     value: "#000000"
   }
-}, _ = {
+}, f = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -584,8 +584,8 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   }
 }, U = {
   sand: L,
-  blacks: f,
-  blue: _,
+  blacks: x,
+  blue: f,
   sapphire: E,
   pink: C,
   peach: S,
@@ -1058,7 +1058,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     }
   }
 }), J = l({
-  slots: b.keys(),
+  slots: g.keys(),
   base: {
     legend: {
       mb: "2xs"
@@ -1160,7 +1160,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     variant: "raised"
   }
 }), Q = l({
-  slots: g.keys(),
+  slots: b.keys(),
   base: {
     itemGroupLabel: {
       ml: "{2xs}",
@@ -1250,10 +1250,10 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), ee = a.variants?.size ?? {}, le = {
-  ...a,
+}), ee = r.variants?.size ?? {}, le = {
+  ...r,
   variants: {
-    ...a.variants,
+    ...r.variants,
     size: {
       ...ee,
       "2xs": {
@@ -1272,7 +1272,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), ae = o({
+}), re = o({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -1298,7 +1298,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       color: "fg.subtle"
     }
   }
-}), re = l({
+}), ae = l({
   slots: m.keys(),
   base: {
     content: {
@@ -1309,103 +1309,85 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg.inverted"
     }
   }
-}), se = {
+}), te = {
   DEFAULT: {
-    value: {
-      base: "1px solid {colors.blacks.400}",
-      _dark: "1px solid {colors.blacks.600}"
-    }
+    value: "1px solid {colors.border}"
   },
   muted: {
-    value: {
-      base: "1px solid {colors.blacks.300}",
-      _dark: "1px solid {colors.blacks.700}"
-    }
+    value: "1px solid {colors.border.muted}"
   },
   subtle: {
-    value: {
-      base: "1px solid {colors.blacks.300}",
-      _dark: "1px solid {colors.blacks.50}"
-    }
+    value: "1px solid {colors.border.subtle}"
   },
   inverted: {
-    value: {
-      base: "1px solid {colors.blacks.400}",
-      _dark: "1px solid {colors.blacks.600}"
-    }
+    value: "1px solid {colors.border.inverted}"
   },
   accent: {
-    value: {
-      base: "1px solid {colors.blue.700}",
-      _dark: "1px solid {colors.blue.200}"
-    }
+    value: "1px solid {colors.border.accent}"
   },
   "accent-light": {
-    value: {
-      base: "1px solid {colors.blue.200}",
-      _dark: "1px solid {colors.blue.900}"
-    }
+    value: "1px solid {colors.border.accent-light}"
   }
-}, te = {
+}, ie = {
   DEFAULT: {
     value: {
-      base: "{colors.blacks.800}",
+      _light: "{colors.blacks.800}",
       _dark: "{colors.blacks.200}"
     }
   },
   muted: {
     value: {
-      base: "{colors.blacks.450}",
+      _light: "{colors.blacks.450}",
       _dark: "{colors.blacks.500}"
     }
   },
   subtle: {
     value: {
-      base: "{colors.blacks.400}",
+      _light: "{colors.blacks.400}",
       _dark: "{colors.blacks.600}"
     }
   },
   inverted: {
     value: {
-      base: "{colors.blacks.50}",
+      _light: "{colors.blacks.50}",
       _dark: "{colors.blacks.800}"
     }
   },
   success: {
     value: {
-      base: "{colors.green.400}",
+      _light: "{colors.green.400}",
       _dark: "{colors.green.400}"
     }
   },
   error: {
     value: {
-      base: "{colors.red.400}",
+      _light: "{colors.red.400}",
       _dark: "{colors.red.400}"
     }
   },
   accent: {
     "pink-dark": {
       value: {
-        base: "{colors.pink.700}",
+        _light: "{colors.pink.700}",
         _dark: "{colors.pink.50}"
       }
     }
   },
   "green-dark": {
     value: {
-      base: "{colors.green.700}",
+      _light: "{colors.green.700}",
       _dark: "{colors.green.50}"
     }
   },
   "blue-dark": {
     value: {
-      base: "{colors.sapphire.700}",
+      _light: "{colors.sapphire.700}",
       _dark: "{colors.sapphire.100}"
     }
   },
   "blue-very-dark": {
     value: {
-      base: "{colors.sapphire.900}",
+      _light: "{colors.sapphire.900}",
       _dark: "{colors.sapphire.800}"
     }
   },
@@ -1413,7 +1395,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     primary: {
       default: {
         value: {
-          base: "{colors.blacks.200}",
+          _light: "{colors.blacks.200}",
           _dark: "{colors.blacks.200}"
         }
       },
@@ -1430,70 +1412,70 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       value: "{colors.fg.muted}"
     }
   }
-}, ce = {
+}, se = {
   DEFAULT: {
     value: {
-      base: "{colors.blacks.50}",
+      _light: "{colors.blacks.50}",
       _dark: "{colors.blacks.900}"
     }
   },
   muted: {
     value: {
-      base: "{colors.neutral.200}",
+      _light: "{colors.neutral.200}",
       _dark: "{colors.neutral.800}"
     }
   },
   subtle: {
     value: {
-      base: "{colors.neutral.50}",
+      _light: "{colors.neutral.50}",
       _dark: "{colors.neutral.950}"
     }
   },
   hover: {
     value: {
-      base: "{colors.neutral.100}",
+      _light: "{colors.neutral.100}",
       _dark: "{colors.neutral.850}"
     }
   },
   active: {
     value: {
-      base: "{colors.neutral.75}",
+      _light: "{colors.neutral.75}",
       _dark: "{colors.blacks.850}"
     }
   },
   code: {
     value: {
-      base: "{colors.blacks.50}",
+      _light: "{colors.blacks.50}",
       _dark: "{colors.blacks.800}"
     }
   },
   emphasized: {
     value: {
-      base: "{colors.bg.active}",
+      _light: "{colors.bg.active}",
       _dark: "{colors.bg.active}"
     }
   },
   inverted: {
     value: {
-      base: "{colors.blacks.800}",
+      _light: "{colors.blacks.800}",
       _dark: "{colors.blacks.100}"
     }
   },
   panel: {
     value: {
-      base: "{colors.blacks.100}",
+      _light: "{colors.blacks.100}",
       _dark: "{colors.blacks.850}"
     }
   },
   dark: {
     value: {
-      base: "{colors.blacks.900}",
+      _light: "{colors.blacks.900}",
       _dark: "{colors.blacks.900}"
     }
   },
   white: {
     value: {
-      base: "{colors.blacks.50}",
+      _light: "{colors.blacks.50}",
       _dark: "{colors.blacks.50}"
     }
   },
@@ -1501,19 +1483,19 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     primary: {
       default: {
         value: {
-          base: "{colors.bg.accent-primary.default}",
+          _light: "{colors.bg.accent-primary.default}",
           _dark: "{colors.bg.accent-primary.dark}"
         }
       },
       hover: {
         value: {
-          base: "{colors.bg.accent-primary.hover}",
+          _light: "{colors.bg.accent-primary.hover}",
           _dark: "{colors.bg.accent-primary.medium}"
         }
       },
       pressed: {
         value: {
-          base: "{colors.bg.accent-primary.pressed}",
+          _light: "{colors.bg.accent-primary.pressed}",
           _dark: "{colors.bg.accent-primary.medium}"
         }
       },
@@ -1528,24 +1510,24 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     },
     hover: {
       value: {
-        base: "{colors.bg.muted}"
+        _light: "{colors.bg.muted}"
       }
     },
     focus: {
       value: {
-        base: "{colors.bg.muted}"
+        _light: "{colors.bg.muted}"
       }
     },
     selected: {
       value: {
-        base: "{colors.bg.active}"
+        _light: "{colors.bg.active}"
       }
     }
   },
   display: {
     "very-light": {
       value: {
-        base: "{colors.sand.50}",
+        _light: "{colors.sand.50}",
         _dark: "{colors.blacks.1000}"
       }
     }
@@ -1553,43 +1535,43 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "accent-primary": {
     default: {
       value: {
-        base: "{colors.yellow.75}",
+        _light: "{colors.yellow.75}",
         _dark: "{colors.yellow.75}"
       }
     },
     hover: {
       value: {
-        base: "{colors.yellow.100}",
+        _light: "{colors.yellow.100}",
         _dark: "{colors.yellow.100}"
       }
     },
     pressed: {
       value: {
-        base: "{colors.yellow.150}",
+        _light: "{colors.yellow.150}",
         _dark: "{colors.yellow.150}"
       }
     },
     "very-light": {
       value: {
-        base: "{colors.yellow.75}",
+        _light: "{colors.yellow.75}",
         _dark: "{colors.yellow.75}"
       }
     },
     light: {
       value: {
-        base: "{colors.yellow.75}",
+        _light: "{colors.yellow.75}",
         _dark: "{colors.yellow.75}"
       }
     },
     medium: {
       value: {
-        base: "{colors.yellow.100}",
+        _light: "{colors.yellow.100}",
         _dark: "{colors.yellow.100}"
       }
     },
     dark: {
       value: {
-        base: "{colors.yellow.150}",
+        _light: "{colors.yellow.150}",
         _dark: "{colors.yellow.150}"
       }
     }
@@ -1597,135 +1579,135 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "accent-secondary": {
     "grey-dark": {
       value: {
-        base: "{colors.blacks.50}",
+        _light: "{colors.blacks.50}",
         _dark: "{colors.blacks.1000}"
       }
     },
     "grey-light": {
       value: {
-        base: "{colors.blacks.100}",
+        _light: "{colors.blacks.100}",
         _dark: "{colors.blacks.900}"
       }
     },
     "red-very-light": {
       value: {
-        base: "{colors.red.50}",
+        _light: "{colors.red.50}",
         _dark: "{colors.red.100}"
       }
     },
     "red-light": {
       value: {
-        base: "{colors.red.100}",
+        _light: "{colors.red.100}",
         _dark: "{colors.red.100}"
       }
     },
     "pink-light": {
       value: {
-        base: "{colors.pink.50}",
+        _light: "{colors.pink.50}",
         _dark: "{colors.pink.700}"
       }
     },
     "pink-medium": {
       value: {
-        base: "{colors.pink.100}",
+        _light: "{colors.pink.100}",
         _dark: "{colors.pink.800}"
       }
     },
     "blue-very-light": {
       value: {
-        base: "{colors.blue.25}",
+        _light: "{colors.blue.25}",
         _dark: "{colors.blue.50}"
       }
     },
     "blue-light": {
       value: {
-        base: "{colors.mint.100}",
+        _light: "{colors.mint.100}",
         _dark: "{colors.mint.100}"
       }
     },
     "blue-medium": {
       value: {
-        base: "{colors.mint.200}",
+        _light: "{colors.mint.200}",
         _dark: "{colors.mint.200}"
       }
     },
     "blue-dark": {
       value: {
-        base: "{colors.blue.700}",
+        _light: "{colors.blue.700}",
         _dark: "{colors.blue.200}"
       }
     },
     "cyan-light": {
       value: {
-        base: "{colors.cyan.50}",
+        _light: "{colors.cyan.50}",
         _dark: "{colors.cyan.100}"
       }
     },
     "green-light": {
       value: {
-        base: "{colors.green.50}",
+        _light: "{colors.green.50}",
         _dark: "{colors.sapphire.50}"
       }
     },
     "yellow-light": {
       value: {
-        base: "{colors.yellow.75}",
+        _light: "{colors.yellow.75}",
         _dark: "{colors.yellow.75}"
       }
     },
     "yellow-medium": {
       value: {
-        base: "{colors.yellow.100}",
+        _light: "{colors.yellow.100}",
         _dark: "{colors.yellow.100}"
       }
     },
     "yellow-dark": {
       value: {
-        base: "{colors.yellow.150}",
+        _light: "{colors.yellow.150}",
         _dark: "{colors.yellow.150}"
       }
     },
     "sand-light": {
       value: {
-        base: "{colors.sand.100}",
+        _light: "{colors.sand.100}",
         _dark: "{colors.sand.100}"
       }
     }
   }
-}, ie = {
+}, ce = {
   DEFAULT: {
     value: {
-      base: "{colors.neutral.500}",
+      _light: "{colors.neutral.500}",
       _dark: "{colors.neutral.600}"
     }
   },
   muted: {
     value: {
-      base: "{colors.neutral.500}",
+      _light: "{colors.neutral.400}",
       _dark: "{colors.neutral.700}"
     }
   },
   subtle: {
     value: {
-      base: "{colors.neutral.400}",
+      _light: "{colors.neutral.300}",
       _dark: "{colors.neutral.750}"
     }
   },
   inverted: {
     value: {
-      base: "{colors.neutral.600}",
+      _light: "{colors.neutral.600}",
       _dark: "{colors.neutral.500}"
     }
   },
   "accent-light": {
     value: {
-      base: "{colors.mint.100}",
+      _light: "{colors.mint.100}",
       _dark: "{colors.mint.100}"
     }
   },
   accent: {
     value: {
-      base: "{colors.blue.700}",
+      _light: "{colors.blue.700}",
       _dark: "{colors.blue.200}"
     }
   },
@@ -1794,69 +1776,69 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   text: {
     primary: {
       value: {
-        base: "{colors.blacks.800}",
+        _light: "{colors.blacks.800}",
         _dark: "{colors.blacks.200}"
       }
     },
     secondary: {
       value: {
-        base: "{colors.blacks.600}",
+        _light: "{colors.blacks.600}",
         _dark: "{colors.blacks.500}"
       }
     }
   },
   grid: {
     value: {
-      base: "{colors.blacks.300}",
+      _light: "{colors.blacks.300}",
       _dark: "{colors.blacks.800}"
     }
   },
   axis: {
     value: {
-      base: "{colors.blacks.700}",
+      _light: "{colors.blacks.700}",
       _dark: "{colors.blacks.300}"
     }
   },
   categorical: {
     1: {
       value: {
-        base: "{colors.blue.300}",
+        _light: "{colors.blue.300}",
         _dark: "{colors.blue.300}"
       }
     },
     2: {
       value: {
-        base: "{colors.orange.500}",
+        _light: "{colors.orange.500}",
         _dark: "{colors.orange.500}"
       }
     },
     3: {
       value: {
-        base: "{colors.purple.700}",
+        _light: "{colors.purple.700}",
         _dark: "{colors.purple.700}"
       }
     },
     4: {
       value: {
-        base: "{colors.red.500}",
+        _light: "{colors.red.500}",
         _dark: "{colors.red.600}"
       }
     },
     5: {
       value: {
-        base: "{colors.pink.500}",
+        _light: "{colors.pink.500}",
         _dark: "{colors.pink.500}"
       }
     },
     6: {
       value: {
-        base: "{colors.cyan.800}",
+        _light: "{colors.cyan.800}",
         _dark: "{colors.green.500}"
       }
     },
     7: {
       value: {
-        base: "{colors.red.200}",
+        _light: "{colors.red.200}",
         _dark: "{colors.cyan.700}"
       }
     }
@@ -1865,43 +1847,43 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     blue: {
       "low-3": {
         value: {
-          base: "{colors.blue.200}",
+          _light: "{colors.blue.200}",
           _dark: "{colors.blue.800}"
         }
       },
       "low-2": {
         value: {
-          base: "{colors.blue.300}",
+          _light: "{colors.blue.300}",
           _dark: "{colors.blue.700}"
         }
       },
       "low-1": {
         value: {
-          base: "{colors.blue.400}",
+          _light: "{colors.blue.400}",
           _dark: "{colors.blue.600}"
         }
       },
       default: {
         value: {
-          base: "{colors.blue.500}",
+          _light: "{colors.blue.500}",
           _dark: "{colors.blue.500}"
         }
       },
       "high-1": {
         value: {
-          base: "{colors.blue.600}",
+          _light: "{colors.blue.600}",
           _dark: "{colors.blue.400}"
         }
       },
       "high-2": {
         value: {
-          base: "{colors.blue.700}",
+          _light: "{colors.blue.700}",
           _dark: "{colors.blue.300}"
         }
       },
       "high-3": {
         value: {
-          base: "{colors.blue.800}",
+          _light: "{colors.blue.800}",
           _dark: "{colors.blue.200}"
         }
       }
@@ -1909,66 +1891,66 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     red: {
       "low-3": {
         value: {
-          base: "{colors.red.200}",
+          _light: "{colors.red.200}",
           _dark: "{colors.red.800}"
         }
       },
       "low-2": {
         value: {
-          base: "{colors.red.300}",
+          _light: "{colors.red.300}",
           _dark: "{colors.red.700}"
         }
       },
       "low-1": {
         value: {
-          base: "{colors.red.400}",
+          _light: "{colors.red.400}",
           _dark: "{colors.red.600}"
         }
       },
       default: {
         value: {
-          base: "{colors.red.500}",
+          _light: "{colors.red.500}",
           _dark: "{colors.red.500}"
         }
       },
       "high-1": {
         value: {
-          base: "{colors.red.600}",
+          _light: "{colors.red.600}",
           _dark: "{colors.red.400}"
         }
       },
       "high-2": {
         value: {
-          base: "{colors.red.700}",
+          _light: "{colors.red.700}",
           _dark: "{colors.red.300}"
         }
       },
       "high-3": {
         value: {
-          base: "{colors.red.800}",
+          _light: "{colors.red.800}",
           _dark: "{colors.red.200}"
         }
       }
     }
   }
-}, be = {
+}, ge = {
   selectable: {
     primary: {
       value: {
-        base: "{colors.blacks.800}",
+        _light: "{colors.blacks.800}",
         _dark: "{colors.blacks.800}"
       }
     }
   }
-}, ge = {
-  fg: te,
-  bg: ce,
-  border: ie,
+}, be = {
+  fg: ie,
+  bg: se,
+  border: ce,
   blue: ne,
   orange: ue,
   vis: de,
-  text: be
-}, ve = r({
+  text: ge
+}, ve = a({
   modal: {
     value: {
       paddingInline: "xs",
@@ -2011,38 +1993,38 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "desktop-icon-label-text-selected-dark": {
     value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
   }
-}, pe = {
+}, he = {
   low: {
     value: {
-      base: "{shadows.low-light}",
+      _light: "{shadows.low-light}",
       _dark: "{shadows.low-dark}"
     }
   },
   mid: {
     value: {
-      base: "{shadows.mid-light}",
+      _light: "{shadows.mid-light}",
       _dark: "{shadows.mid-dark}"
     }
   },
   high: {
     value: {
-      base: "{shadows.high-light}",
+      _light: "{shadows.high-light}",
       _dark: "{shadows.high-dark}"
     }
   },
   "desktop-icon-label": {
     value: {
-      base: "{shadows.desktop-icon-label-text-light}",
+      _light: "{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}",
+      _light: "{shadows.desktop-icon-label-text-selected-light}",
       _dark: "{shadows.desktop-icon-label-text-selected-dark}"
     }
   }
-}, Fe = s({
+}, pe = t({
   brand: {
     value: {
       fontFamily: "brand",
@@ -2275,14 +2257,14 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       letterSpacing: "0.14px"
     }
   }
-}), he = t({
-  globalCss: y,
+}), Fe = i({
+  globalCss: k,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: Fe,
+    textStyles: pe,
     layerStyles: ve,
     recipes: {
       button: Y,
@@ -2290,7 +2272,7 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       input: K,
       kbd: N,
       skeleton: oe,
-      textarea: ae
+      textarea: re
     },
     tokens: {
       colors: U,
@@ -2302,14 +2284,14 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       spacing: P
     },
     semanticTokens: {
-      colors: ge,
-      borders: se,
-      shadows: pe
+      colors: be,
+      borders: te,
+      shadows: he
     },
     slotRecipes: {
       alert: O,
       drawer: q,
-      tooltip: re,
+      tooltip: ae,
       popover: Z,
       menu: Q,
       editable: G,
@@ -2318,10 +2300,10 @@ const p = "monokai", F = "dark", h = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       progressCircle: le
     }
   }
-}), _e = c(i, he);
+}), fe = s(c, Fe);
 export {
-  fe as c,
-  x as m,
-  _e as t
+  xe as c,
+  y as m,
+  fe as t
 };
-//# sourceMappingURL=theme-Dq4r3aRE.js.map
+//# sourceMappingURL=theme-0SQvHr1t.js.map