@pstdio/ui 0.8.0 → 0.10.0

package/dist/{theme-D-aCJqTf.js → theme-DOFdi_Ir.js}

@@ -1,13 +1,11 @@
-import { defineSlotRecipe as r, defineRecipe as a, defineLayerStyles as d, defineTextStyles as g, defineConfig as b, createSystem as v, defaultConfig as m } from "@chakra-ui/react";
-import { alertAnatomy as h, dialogAnatomy as p, drawerAnatomy as F, fieldsetAnatomy as _, menuAnatomy as f, popoverAnatomy as k, tabsAnatomy as y, tooltipAnatomy as x } from "@chakra-ui/react/anatomy";
-import { progressCircleSlotRecipe as i } from "@chakra-ui/react/theme";
-const E = "monokai", C = "dark", S = { "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" }, D = {
-  id: E,
-  mode: C,
-  tokens: S
-}, A = {
+import { defineSlotRecipe as r, defineRecipe as a, defineLayerStyles as c, defineTextStyles as g, defineConfig as b, createSystem as v, defaultConfig as m } from "@chakra-ui/react";
+import { alertAnatomy as h, dialogAnatomy as p, drawerAnatomy as _, fieldsetAnatomy as f, menuAnatomy as F, popoverAnatomy as k, tabsAnatomy as x, tooltipAnatomy as y } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as u } from "@chakra-ui/react/theme";
+const S = {
   "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"],
@@ -17,7 +15,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "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.selected"],
+  "menu.selectionBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus", "colors.bg.menu-item.selected"],
   "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"],
@@ -25,36 +23,38 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   foreground: ["colors.fg"],
   descriptionForeground: ["colors.fg.muted"],
   disabledForeground: ["colors.fg.subtle"],
-  border: ["colors.border"]
-}, w = (o) => o.replace(/^#/, ""), We = (o) => {
-  const t = {}, l = o.theme.colors ?? {};
-  for (const [c, s] of Object.entries(A)) {
-    const n = l[c];
+  border: ["colors.border", "colors.border.muted", "colors.border.subtle"]
+}, C = (l) => `colors.vscode.${l}`, E = (l) => l.replace(/^#/, ""), De = (l) => {
+  const t = {}, o = l.theme.colors ?? {};
+  for (const [s, i] of Object.entries(o))
+    t[C(s)] = i;
+  for (const [s, i] of Object.entries(S)) {
+    const n = o[s];
     if (n)
-      for (const u of s) t[u] = n;
+      for (const d of i) t[d] = n;
   }
   return {
-    id: o.id,
-    mode: o.mode,
+    id: l.id,
+    mode: l.mode,
     tokens: t
   };
-}, Le = (o) => {
-  const t = (o.theme.tokenColors ?? []).flatMap((l) => (Array.isArray(l.scope) ? l.scope : l.scope ? [l.scope] : []).map((s) => ({
-    token: s,
-    ...l.settings?.foreground ? {
-      foreground: w(l.settings.foreground)
+}, Be = (l) => {
+  const t = (l.theme.tokenColors ?? []).flatMap((o) => (Array.isArray(o.scope) ? o.scope : o.scope ? [o.scope] : []).map((i) => ({
+    token: i,
+    ...o.settings?.foreground ? {
+      foreground: E(o.settings.foreground)
     } : {},
-    ...l.settings?.fontStyle ? {
-      fontStyle: l.settings.fontStyle
+    ...o.settings?.fontStyle ? {
+      fontStyle: o.settings.fontStyle
     } : {}
   })));
   return {
-    base: o.mode === "dark" ? "vs-dark" : "vs",
+    base: l.mode === "dark" ? "vs-dark" : "vs",
     inherit: !0,
     rules: t,
-    colors: o.theme.colors ?? {}
+    colors: l.theme.colors ?? {}
   };
-}, B = D, Te = [B], z = {
+}, w = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -112,7 +112,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       fontSize: "1.5rem"
     }
   }
-}, R = {
+}, A = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -161,7 +161,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   1e3: {
     value: "#000000"
   }
-}, W = {
+}, D = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -195,7 +195,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#002862"
   }
-}, L = {
+}, B = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -232,7 +232,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#0A125A"
   }
-}, T = {
+}, z = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -269,7 +269,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#520659"
   }
-}, H = {
+}, W = {
   DEFAULT: {
     value: "#FBD8CE"
   },
@@ -303,7 +303,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#522923"
   }
-}, M = {
+}, R = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -337,7 +337,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#580707"
   }
-}, U = {
+}, H = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -371,7 +371,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#552107"
   }
-}, P = {
+}, L = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -411,7 +411,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#644E00"
   }
-}, V = {
+}, T = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -445,7 +445,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#003110"
   }
-}, X = {
+}, M = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -479,7 +479,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#024F3D"
   }
-}, I = {
+}, U = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -513,7 +513,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#005B73"
   }
-}, O = {
+}, V = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -547,7 +547,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#1E0050"
   }
-}, Y = {
+}, P = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -581,7 +581,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#E8CECE"
   }
-}, $ = {
+}, X = {
   50: {
     value: "#FCFDFC"
   },
@@ -624,30 +624,30 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   950: {
     value: "#10141B"
   }
-}, j = {
+}, I = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, q = {
-  sand: Y,
-  blacks: R,
-  blue: W,
-  sapphire: L,
-  pink: T,
-  peach: H,
-  red: M,
-  orange: U,
-  yellow: P,
-  green: V,
-  teal: X,
-  cyan: I,
-  purple: O,
-  neutral: $,
-  mint: j
-}, G = {
+}, O = {
+  sand: P,
+  blacks: A,
+  blue: D,
+  sapphire: B,
+  pink: z,
+  peach: W,
+  red: R,
+  orange: H,
+  yellow: L,
+  green: T,
+  teal: M,
+  cyan: U,
+  purple: V,
+  neutral: X,
+  mint: I
+}, $ = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -663,7 +663,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   body: {
     value: "Inter, sans-serif"
   }
-}, J = {
+}, j = {
   xs: {
     value: "0.625rem"
   },
@@ -728,7 +728,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     value: "1.25rem"
   }
   // 20px
-}, K = {
+}, Y = {
   regular: {
     value: 400
   },
@@ -768,7 +768,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: "4.5rem",
   // 96px
   1600: "8rem"
-}, N = {
+}, q = {
   none: {
     value: "0"
   },
@@ -808,7 +808,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "5xl": {
     value: e[1600]
   }
-}, Q = {
+}, G = {
   none: {
     value: "0"
   },
@@ -833,7 +833,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   full: {
     value: "100%"
   }
-}, Z = r({
+}, J = r({
   slots: h.keys(),
   base: {
     root: {
@@ -841,7 +841,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       pb: "xs"
     }
   }
-}), ee = a({
+}), K = a({
   base: {
     borderRadius: "sm",
     transition: "all 0.1s ease-in-out",
@@ -1034,19 +1034,19 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     size: "md",
     variant: "outline"
   }
-}), le = r({
+}), N = r({
   slots: p.keys(),
   base: {
     content: {
       bg: "bg"
     }
   }
-}), oe = a({
+}), Q = a({
   base: {
     borderColor: "border"
   }
-}), re = r({
-  slots: F.keys(),
+}), Z = r({
+  slots: _.keys(),
   base: {
     header: {
       fontWeight: "medium",
@@ -1057,7 +1057,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg"
     }
   }
-}), ae = r({
+}), ee = r({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1105,15 +1105,61 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
         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"
+        }
+      }
+    }
   }
-}), te = r({
-  slots: _.keys(),
+}), le = r({
+  slots: f.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), se = a({
+}), oe = a({
   base: {
     px: "sm",
     borderRadius: "sm",
@@ -1145,7 +1191,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), ie = a({
+}), re = a({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1208,8 +1254,8 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     size: "md",
     variant: "raised"
   }
-}), ce = r({
-  slots: f.keys(),
+}), ae = r({
+  slots: F.keys(),
   base: {
     itemGroupLabel: {
       ml: "{2xs}",
@@ -1221,8 +1267,21 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg.menu-item.default",
       color: "fg.menu-item.default",
       textStyle: "label/M/regular",
+      cursor: "pointer",
       px: "0",
-      h: "auto"
+      h: "auto",
+      _hover: {
+        bg: "bg.menu-item.hover"
+      },
+      _highlighted: {
+        bg: "bg.menu-item.hover"
+      },
+      _focusVisible: {
+        bg: "bg.menu-item.focus"
+      },
+      _disabled: {
+        cursor: "not-allowed"
+      }
     },
     separator: {
       my: "2xs",
@@ -1245,7 +1304,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       textStyle: "label/M/regular"
     }
   }
-}), ne = r({
+}), te = r({
   slots: k.keys(),
   base: {
     positioner: {
@@ -1299,12 +1358,12 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), ue = i.variants?.size ?? {}, de = {
-  ...i,
+}), ie = u.variants?.size ?? {}, se = {
+  ...u,
   variants: {
-    ...i.variants,
+    ...u.variants,
     size: {
-      ...ue,
+      ...ie,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -1316,13 +1375,13 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, ge = a({
+}, ue = a({
   base: {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), be = r({
-  slots: y.keys(),
+}), ne = r({
+  slots: x.keys(),
   base: {
     trigger: {
       borderRadius: "0"
@@ -1343,10 +1402,45 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
             color: "fg"
           }
         }
+      },
+      // Folder-style tabs: only the selected tab is outlined and it merges with
+      // the panel content below via a transparent bottom border. Adapts Chakra's
+      // built-in `outline` variant for use inside a workbench header — the
+      // header paints its own full-width bottom line, so the variant's own
+      // underline and the negative margins that overlap it are suppressed.
+      outline: {
+        list: {
+          border: "0",
+          _horizontal: {
+            _before: {
+              borderBottomWidth: "0"
+            }
+          }
+        },
+        trigger: {
+          color: "fg.muted",
+          bg: "transparent",
+          borderWidth: "1px",
+          borderColor: "transparent",
+          _selected: {
+            color: "fg",
+            borderColor: "border.muted",
+            borderBottomColor: "transparent"
+          },
+          _horizontal: {
+            borderTopRadius: "0",
+            marginBottom: "0",
+            marginEnd: "0",
+            _selected: {
+              borderColor: "border.muted",
+              borderBottomColor: "transparent"
+            }
+          }
+        }
       }
     }
   }
-}), ve = a({
+}), de = a({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -1372,8 +1466,8 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       color: "fg.subtle"
     }
   }
-}), me = r({
-  slots: x.keys(),
+}), ce = r({
+  slots: y.keys(),
   base: {
     content: {
       bg: "bg.inverted",
@@ -1383,7 +1477,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg.inverted"
     }
   }
-}), he = {
+}), ge = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -1402,7 +1496,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, pe = {
+}, be = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -1486,7 +1580,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       value: "{colors.fg.muted}"
     }
   }
-}, Fe = {
+}, ve = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -1538,7 +1632,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   panel: {
     value: {
       _light: "{colors.blacks.100}",
-      _dark: "{colors.blacks.850}"
+      _dark: "{colors.bg}"
     }
   },
   dark: {
@@ -1584,17 +1678,20 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     },
     hover: {
       value: {
-        _light: "{colors.bg.muted}"
+        _light: "{colors.bg.hover}",
+        _dark: "{colors.neutral.700}"
       }
     },
     focus: {
       value: {
-        _light: "{colors.bg.muted}"
+        _light: "{colors.bg.hover}",
+        _dark: "{colors.neutral.700}"
       }
     },
     selected: {
       value: {
-        _light: "{colors.bg.active}"
+        _light: "{colors.bg.muted}",
+        _dark: "{colors.bg.muted}"
       }
     }
   },
@@ -1748,7 +1845,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, _e = {
+}, me = {
   DEFAULT: {
     value: {
       _light: "{colors.neutral.500}",
@@ -1790,14 +1887,14 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       value: "{colors.border.muted}"
     }
   }
-}, fe = {
+}, he = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, ke = {
+}, pe = {
   contrast: {
     value: {
       _light: "black",
@@ -1846,7 +1943,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       _dark: "{colors.orange.500}"
     }
   }
-}, ye = {
+}, _e = {
   text: {
     primary: {
       value: {
@@ -2007,7 +2104,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, xe = {
+}, fe = {
   selectable: {
     primary: {
       value: {
@@ -2016,15 +2113,15 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, Ee = {
-  fg: pe,
-  bg: Fe,
-  border: _e,
-  blue: fe,
-  orange: ke,
-  vis: ye,
-  text: xe
-}, Ce = d({
+}, Fe = {
+  fg: be,
+  bg: ve,
+  border: me,
+  blue: he,
+  orange: pe,
+  vis: _e,
+  text: fe
+}, ke = c({
   modal: {
     value: {
       paddingInline: "xs",
@@ -2036,7 +2133,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       boxShadow: "mid"
     }
   }
-}), Se = {
+}), xe = {
   "low-light": {
     value: "0px 2px 4px 0px rgba(0, 0, 0, 0.10)"
   },
@@ -2067,7 +2164,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "desktop-icon-label-text-selected-dark": {
     value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
   }
-}, De = {
+}, ye = {
   low: {
     value: {
       _light: "{shadows.low-light}",
@@ -2098,7 +2195,7 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       _dark: "{shadows.desktop-icon-label-text-selected-dark}"
     }
   }
-}, Ae = g({
+}, Se = g({
   brand: {
     value: {
       fontFamily: "brand",
@@ -2331,56 +2428,54 @@ const E = "monokai", C = "dark", S = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       letterSpacing: "0.14px"
     }
   }
-}), we = b({
-  globalCss: z,
+}), Ce = b({
+  globalCss: w,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: Ae,
-    layerStyles: Ce,
+    textStyles: Se,
+    layerStyles: ke,
     recipes: {
-      button: ee,
-      divider: oe,
-      input: se,
-      kbd: ie,
-      skeleton: ge,
-      textarea: ve
+      button: K,
+      divider: Q,
+      input: oe,
+      kbd: re,
+      skeleton: ue,
+      textarea: de
     },
     tokens: {
-      colors: q,
-      fonts: G,
-      fontSizes: J,
-      fontWeights: K,
-      radii: Q,
-      shadows: Se,
-      spacing: N
+      colors: O,
+      fonts: $,
+      fontSizes: j,
+      fontWeights: Y,
+      radii: G,
+      shadows: xe,
+      spacing: q
     },
     semanticTokens: {
-      colors: Ee,
-      borders: he,
-      shadows: De
+      colors: Fe,
+      borders: ge,
+      shadows: ye
     },
     slotRecipes: {
-      alert: Z,
-      drawer: re,
-      tooltip: me,
-      popover: ne,
-      menu: ce,
-      editable: ae,
-      form: te,
-      dialog: le,
-      progressCircle: de,
-      tabs: be
+      alert: J,
+      drawer: Z,
+      tooltip: ce,
+      popover: te,
+      menu: ae,
+      editable: ee,
+      form: le,
+      dialog: N,
+      progressCircle: se,
+      tabs: ne
     }
   }
-}), He = v(m, we);
+}), ze = v(m, Ce);
 export {
-  We as a,
-  Te as b,
-  Le as c,
-  B as m,
-  He as t
+  De as a,
+  Be as c,
+  ze as t
 };
-//# sourceMappingURL=theme-D-aCJqTf.js.map
+//# sourceMappingURL=theme-DOFdi_Ir.js.map