@pstdio/ui 0.22.0 → 0.23.0

package/dist/{theme-B-l5_a6F.js → theme-C0empEin.js}

@@ -1,7 +1,132 @@
-import { defineSlotRecipe as t, defineRecipe as c, defaultConfig as d, defineLayerStyles as F, defineTextStyles as k, createSystem as C, defineConfig as E } from "@chakra-ui/react";
-import { alertAnatomy as w, colorPickerAnatomy as A, dialogAnatomy as z, drawerAnatomy as D, fieldsetAnatomy as W, menuAnatomy as R, numberInputAnatomy as B, popoverAnatomy as H, switchAnatomy as T, tabsAnatomy as L, timelineAnatomy as V, tooltipAnatomy as I } from "@chakra-ui/react/anatomy";
+import { defineSlotRecipe as t, defineRecipe as c, defaultConfig as d, defineLayerStyles as F, defineTextStyles as k, createSystem as C, defineConfig as w } from "@chakra-ui/react";
+import { alertAnatomy as E, colorPickerAnatomy as A, dialogAnatomy as z, drawerAnatomy as W, fieldsetAnatomy as R, menuAnatomy as D, numberInputAnatomy as B, popoverAnatomy as H, switchAnatomy as T, tabsAnatomy as L, timelineAnatomy as I, tooltipAnatomy as V } from "@chakra-ui/react/anatomy";
 import { progressCircleSlotRecipe as h } from "@chakra-ui/react/theme";
-const X = {
+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.subtle",
+      color: "fg",
+      borderBottomWidth: "1px",
+      borderColor: "border",
+      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"
+        }
+      },
+      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: {
+      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"
+      }
+    },
+    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",
+      _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"
+      }
+    }
+  }
+}), P = {
   "editor.background": ["colors.bg", "colors.bg.code"],
   "editor.foreground": ["colors.fg"],
   "editor.lineHighlightBackground": ["colors.bg.hover"],
@@ -34,41 +159,41 @@ const X = {
   descriptionForeground: ["colors.fg.muted"],
   disabledForeground: ["colors.fg.subtle"],
   border: ["colors.border", "colors.border.subtle"]
-}, M = (o) => `colors.vscode.${o}`, P = (o) => o.replace(/^#/, ""), j = (o) => {
-  const l = (o.theme.tokenColors ?? []).flatMap((r) => (Array.isArray(r.scope) ? r.scope : r.scope ? [r.scope] : []).map((s) => ({
+}, j = (e) => `colors.vscode.${e}`, U = (e) => e.replace(/^#/, ""), O = (e) => {
+  const l = (e.theme.tokenColors ?? []).flatMap((r) => (Array.isArray(r.scope) ? r.scope : r.scope ? [r.scope] : []).map((s) => ({
     token: s,
     ...r.settings?.foreground ? {
-      foreground: P(r.settings.foreground)
+      foreground: U(r.settings.foreground)
     } : {},
     ...r.settings?.fontStyle ? {
       fontStyle: r.settings.fontStyle
     } : {}
   })));
   return {
-    base: o.mode === "dark" ? "vs-dark" : "vs",
+    base: e.mode === "dark" ? "vs-dark" : "vs",
     inherit: !0,
     rules: l,
-    colors: o.theme.colors ?? {}
+    colors: e.theme.colors ?? {}
   };
-}, ro = (o) => {
-  const l = {}, r = o.theme.colors ?? {};
+}, to = (e) => {
+  const l = {}, r = e.theme.colors ?? {};
   for (const [n, s] of Object.entries(r))
-    l[M(n)] = s;
-  for (const [n, s] of Object.entries(X)) {
+    l[j(n)] = s;
+  for (const [n, s] of Object.entries(P)) {
     const g = r[n];
     if (g)
       for (const m of s) l[m] = g;
   }
   return {
-    id: o.id,
-    mode: o.mode,
+    id: e.id,
+    mode: e.mode,
     tokens: l,
-    monacoTheme: j({
-      mode: o.mode,
-      theme: o.theme
+    monacoTheme: O({
+      mode: e.mode,
+      theme: e.theme
     })
   };
-}, U = {
+}, Y = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -129,7 +254,7 @@ const X = {
       fontSize: "1.5rem"
     }
   }
-}, O = {
+}, $ = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -178,7 +303,7 @@ const X = {
   1e3: {
     value: "#000000"
   }
-}, Y = {
+}, N = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -212,7 +337,7 @@ const X = {
   900: {
     value: "#002862"
   }
-}, $ = {
+}, q = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -249,7 +374,7 @@ const X = {
   900: {
     value: "#0A125A"
   }
-}, N = {
+}, G = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -286,7 +411,7 @@ const X = {
   900: {
     value: "#520659"
   }
-}, q = {
+}, K = {
   DEFAULT: {
     value: "#FBD8CE"
   },
@@ -320,7 +445,7 @@ const X = {
   900: {
     value: "#522923"
   }
-}, G = {
+}, J = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -354,7 +479,7 @@ const X = {
   900: {
     value: "#580707"
   }
-}, K = {
+}, Q = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -388,7 +513,7 @@ const X = {
   900: {
     value: "#552107"
   }
-}, J = {
+}, Z = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -428,7 +553,7 @@ const X = {
   900: {
     value: "#644E00"
   }
-}, Q = {
+}, ee = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -462,7 +587,7 @@ const X = {
   900: {
     value: "#003110"
   }
-}, Z = {
+}, oe = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -496,7 +621,7 @@ const X = {
   900: {
     value: "#024F3D"
   }
-}, ee = {
+}, re = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -530,7 +655,7 @@ const X = {
   900: {
     value: "#005B73"
   }
-}, oe = {
+}, le = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -564,7 +689,7 @@ const X = {
   900: {
     value: "#1E0050"
   }
-}, re = {
+}, te = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -598,7 +723,7 @@ const X = {
   900: {
     value: "#E8CECE"
   }
-}, le = {
+}, ae = {
   50: {
     value: "#FCFDFC"
   },
@@ -641,30 +766,30 @@ const X = {
   950: {
     value: "#10141B"
   }
-}, te = {
+}, ie = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, ae = {
-  sand: re,
-  blacks: O,
-  blue: Y,
-  sapphire: $,
-  pink: N,
-  peach: q,
-  red: G,
-  orange: K,
-  yellow: J,
-  green: Q,
-  teal: Z,
-  cyan: ee,
-  purple: oe,
-  neutral: le,
-  mint: te
-}, ie = {
+}, ne = {
+  sand: te,
+  blacks: $,
+  blue: N,
+  sapphire: q,
+  pink: G,
+  peach: K,
+  red: J,
+  orange: Q,
+  yellow: Z,
+  green: ee,
+  teal: oe,
+  cyan: re,
+  purple: le,
+  neutral: ae,
+  mint: ie
+}, se = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -680,7 +805,7 @@ const X = {
   body: {
     value: "Inter, sans-serif"
   }
-}, ne = {
+}, de = {
   "2xs": {
     value: "0.5rem"
   },
@@ -749,7 +874,7 @@ const X = {
     value: "1.25rem"
   }
   // 20px
-}, se = {
+}, ce = {
   regular: {
     value: 400
   },
@@ -762,7 +887,7 @@ const X = {
   bold: {
     value: 700
   }
-}, e = {
+}, o = {
   // 0px
   25: "0.125rem",
   // 2px
@@ -793,76 +918,94 @@ const X = {
   1600: "8rem",
   // 128px
   2e3: "10rem"
-}, de = {
+}, ue = {
+  "window-tab-gap": {
+    value: "0.4375rem"
+  },
+  "window-controls-mac": {
+    value: "4.875rem"
+  },
   none: {
     value: "0"
   },
   "3xs": {
-    value: e[25]
+    value: o[25]
   },
   "2xs": {
-    value: e[50]
+    value: o[50]
   },
   xs: {
-    value: e[100]
+    value: o[100]
   },
   compact: {
     value: "0.625rem"
   },
   sm: {
-    value: e[150]
+    value: o[150]
   },
   comfortable: {
     value: "0.875rem"
   },
   md: {
-    value: e[200]
+    value: o[200]
   },
   lg: {
-    value: e[300]
+    value: o[300]
   },
   xl: {
-    value: e[400]
+    value: o[400]
   },
   "2xl": {
-    value: e[500]
+    value: o[500]
   },
   "3xl": {
-    value: e[600]
+    value: o[600]
   },
   "3.5xl": {
-    value: e[700]
+    value: o[700]
   },
   "4xl": {
-    value: e[800]
+    value: o[800]
   },
   "4.5xl": {
-    value: e[900]
+    value: o[900]
   },
   "5xl": {
-    value: e[1600]
+    value: o[1600]
   }
-}, ce = {
+}, be = {
+  "window-title-bar": {
+    value: "2.75rem"
+  },
+  "window-tab": {
+    value: "1.75rem"
+  },
+  "window-tab-close": {
+    value: "0.8125rem"
+  },
+  "window-tab-max": {
+    value: "15rem"
+  },
   "collection-row": {
     value: "2.125rem"
   },
   "filter-pill": {
-    value: e[300]
+    value: o[300]
   },
   "icon-2xs": {
-    value: e[150]
+    value: o[150]
   },
   "icon-xs": {
     value: "0.875rem"
   },
   "icon-sm": {
-    value: e[200]
+    value: o[200]
   },
   "icon-md": {
-    value: e[250]
+    value: o[250]
   },
   "tag-color-dot": {
-    value: e[250]
+    value: o[250]
   },
   "tag-icon-cell": {
     value: "1.75rem"
@@ -880,13 +1023,13 @@ const X = {
     value: "0.625rem"
   },
   "tag-editor-row": {
-    value: e[500]
+    value: o[500]
   },
   "tag-editor-add-row": {
     value: "2.25rem"
   },
   "tag-editor-lead": {
-    value: e[600]
+    value: o[600]
   },
   "tag-editor-commands": {
     value: "11.875rem"
@@ -898,57 +1041,57 @@ const X = {
     value: "1.75rem"
   },
   "segmented-control-xs": {
-    value: e[300]
+    value: o[300]
   },
   "segmented-control-item-sm": {
-    value: e[300]
+    value: o[300]
   },
   "segmented-control-item-xs": {
-    value: e[250]
+    value: o[250]
   },
   "tag-action-menu": {
-    value: e[2e3]
+    value: o[2e3]
   },
   "view-bar": {
-    value: e[500]
+    value: o[500]
   },
   "view-subheader": {
     value: "2.25rem"
   }
-}, ue = {
+}, ge = {
   selection: {
     value: "0.09375rem"
   }
-}, be = {
+}, me = {
   none: {
     value: "0"
   },
   "2xs": {
-    value: e[25]
+    value: o[25]
   },
   xs: {
-    value: e[50]
+    value: o[50]
   },
   compact: {
     value: "0.375rem"
   },
   sm: {
-    value: e[100]
+    value: o[100]
   },
   md: {
-    value: e[150]
+    value: o[150]
   },
   lg: {
-    value: e[200]
+    value: o[200]
   },
   xl: {
-    value: e[400]
+    value: o[400]
   },
   full: {
     value: "100%"
   }
-}, ge = t({
-  slots: w.keys(),
+}, ve = t({
+  slots: E.keys(),
   base: {
     root: {
       px: "xs",
@@ -1020,7 +1163,7 @@ const X = {
       }
     }
   }]
-}), me = c({
+}), he = c({
   className: "chakra-badge",
   base: {
     display: "inline-flex",
@@ -1094,7 +1237,7 @@ const X = {
     variant: "subtle",
     size: "sm"
   }
-}), ve = c({
+}), pe = c({
   base: {
     borderRadius: "xs",
     transition: "all 0.1s ease-in-out",
@@ -1176,13 +1319,15 @@ const X = {
       },
       destructive: {
         color: "blacks.50",
-        bg: "red.500",
+        bg: "red.600",
         border: "none",
         _hover: {
-          bg: "red.600"
+          "&:not(:active, [data-active])": {
+            bg: "red.700"
+          }
         },
         _active: {
-          bg: "red.700"
+          bg: "red.800"
         }
       },
       outline: {
@@ -1310,7 +1455,7 @@ const X = {
     size: "sm",
     variant: "outline"
   }
-}), u = "border.accent-light", he = t({
+}), u = "border.accent-light", fe = t({
   slots: A.keys(),
   base: {
     control: {
@@ -1430,7 +1575,7 @@ const X = {
   defaultVariants: {
     size: "sm"
   }
-}), pe = t({
+}), xe = t({
   slots: z.keys(),
   base: {
     content: {
@@ -1441,12 +1586,12 @@ const X = {
       overflow: "hidden"
     }
   }
-}), fe = c({
+}), _e = c({
   base: {
     borderColor: "border.subtle"
   }
-}), xe = t({
-  slots: D.keys(),
+}), ye = t({
+  slots: W.keys(),
   base: {
     header: {
       fontWeight: "medium",
@@ -1457,7 +1602,7 @@ const X = {
       bg: "bg"
     }
   }
-}), _e = t({
+}), Se = t({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1556,14 +1701,14 @@ const X = {
       }
     }
   }
-}), ye = t({
-  slots: W.keys(),
+}), Fe = t({
+  slots: R.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), a = "border.accent-light", Se = c({
+}), a = "border.accent-light", ke = c({
   base: {
     px: "sm",
     borderRadius: "xs",
@@ -1700,7 +1845,7 @@ const X = {
     size: "sm",
     variant: "outline"
   }
-}), Fe = c({
+}), Ce = c({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1763,8 +1908,8 @@ const X = {
     size: "md",
     variant: "raised"
   }
-}), ke = t({
-  slots: R.keys(),
+}), we = t({
+  slots: D.keys(),
   base: {
     itemGroupLabel: {
       ml: "{2xs}",
@@ -1843,7 +1988,7 @@ const X = {
       textStyle: "label/M/regular"
     }
   }
-}), Ce = "var(--chakra-colors-border)", v = "var(--chakra-colors-border-accent-light)", Ee = t({
+}), Ee = "var(--chakra-colors-border)", v = "var(--chakra-colors-border-accent-light)", Ae = t({
   slots: B.keys(),
   base: {
     root: {
@@ -1851,7 +1996,7 @@ const X = {
       zIndex: "0",
       isolation: "isolate",
       boxShadow: "none",
-      "--number-input-border-color": Ce,
+      "--number-input-border-color": Ee,
       "&:is(:hover, [data-hover])": {
         "--number-input-border-color": v
       },
@@ -2056,7 +2201,7 @@ const X = {
     size: "sm",
     variant: "outline"
   }
-}), we = t({
+}), ze = t({
   slots: H.keys(),
   base: {
     positioner: {
@@ -2110,12 +2255,12 @@ const X = {
       }
     }
   }
-}), Ae = h.variants?.size ?? {}, ze = {
+}), We = h.variants?.size ?? {}, Re = {
   ...h,
   variants: {
     ...h.variants,
     size: {
-      ...Ae,
+      ...We,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -2132,7 +2277,7 @@ const X = {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), We = t({
+}), Be = t({
   slots: T.keys(),
   base: {
     control: {
@@ -2196,7 +2341,7 @@ const X = {
       }
     }
   }
-}), Re = t({
+}), He = t({
   slots: L.keys(),
   base: {
     root: {
@@ -2331,7 +2476,7 @@ const X = {
     size: "xs",
     variant: "subtle"
   }
-}), i = "border.accent-light", Be = c({
+}), i = "border.accent-light", Te = c({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -2437,8 +2582,8 @@ const X = {
     size: "sm",
     variant: "outline"
   }
-}), He = t({
-  slots: V.keys(),
+}), Le = t({
+  slots: I.keys(),
   base: {
     root: {
       display: "flex",
@@ -2584,8 +2729,8 @@ const X = {
     variant: "solid",
     showLastSeparator: !1
   }
-}), Te = t({
-  slots: I.keys(),
+}), Ie = t({
+  slots: V.keys(),
   base: {
     content: {
       bg: "bg.inverted",
@@ -2593,29 +2738,29 @@ const X = {
       color: "fg.inverted"
     }
   }
-}), Le = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), p = /shadow/i, Ve = (o) => {
-  if (!p.test(o)) return o;
-  const l = o.split(",").map((r) => r.trim()).filter((r) => !p.test(r));
+}), Ve = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), p = /shadow/i, Xe = (e) => {
+  if (!p.test(e)) return e;
+  const l = e.split(",").map((r) => r.trim()).filter((r) => !p.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" ? Ve(o) : !o || typeof o != "object" ? o : Object.fromEntries(Object.entries(o).flatMap(([l, r]) => {
-  if (Le.has(l) || p.test(l)) return [];
+}, b = (e) => Array.isArray(e) ? e.map(b).filter((l) => l !== void 0) : typeof e == "string" ? Xe(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([l, r]) => {
+  if (Ve.has(l) || p.test(l)) return [];
   const n = b(r);
   return n === void 0 ? [] : [[l, n]];
-})), x = (o) => {
+})), x = (e) => {
   const {
     shadows: l,
     ...r
-  } = o ?? {};
+  } = e ?? {};
   return r;
-}, Ie = {
+}, Me = {
   badge: ["surface"],
   button: ["secondary", "surface"]
-}, Xe = (o) => {
+}, Pe = (e) => {
   const l = {
-    ...o ?? {}
+    ...e ?? {}
   };
-  for (const [r, n] of Object.entries(Ie)) {
+  for (const [r, n] of Object.entries(Me)) {
     const s = l[r];
     if (!s || typeof s != "object") continue;
     const g = s, m = g.variants, f = m?.variant;
@@ -2630,18 +2775,18 @@ const X = {
     };
   }
   return l;
-}, Me = {
+}, je = {
   ...d,
   theme: {
     ...d.theme,
     tokens: x(d.theme?.tokens),
     semanticTokens: x(d.theme?.semanticTokens),
-    recipes: Xe(b(d.theme?.recipes)),
+    recipes: Pe(b(d.theme?.recipes)),
     slotRecipes: b(d.theme?.slotRecipes),
     layerStyles: b(d.theme?.layerStyles),
     animationStyles: b(d.theme?.animationStyles)
   }
-}, Pe = {
+}, Ue = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -2657,7 +2802,7 @@ const X = {
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, je = {
+}, Oe = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -2666,7 +2811,7 @@ const X = {
   },
   muted: {
     value: {
-      _light: "{colors.blacks.450}",
+      _light: "{colors.blacks.600}",
       _dark: "#8B9099"
     }
   },
@@ -2753,7 +2898,7 @@ const X = {
       value: "{colors.fg.muted}"
     }
   }
-}, Ue = {
+}, Ye = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -3012,7 +3157,7 @@ const X = {
       }
     }
   }
-}, Oe = {
+}, $e = {
   DEFAULT: {
     value: {
       _light: "#EAF0EB",
@@ -3072,14 +3217,14 @@ const X = {
       value: "{colors.border.subtle}"
     }
   }
-}, Ye = {
+}, Ne = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, $e = {
+}, qe = {
   contrast: {
     value: {
       _light: "black",
@@ -3128,7 +3273,7 @@ const X = {
       _dark: "{colors.orange.500}"
     }
   }
-}, Ne = {
+}, Ge = {
   text: {
     primary: {
       value: {
@@ -3289,7 +3434,7 @@ const X = {
       }
     }
   }
-}, qe = {
+}, Ke = {
   selectable: {
     primary: {
       value: {
@@ -3298,15 +3443,15 @@ const X = {
       }
     }
   }
-}, Ge = {
-  fg: je,
-  bg: Ue,
-  border: Oe,
-  blue: Ye,
-  orange: $e,
-  vis: Ne,
-  text: qe
-}, Ke = F({
+}, Je = {
+  fg: Oe,
+  bg: Ye,
+  border: $e,
+  blue: Ne,
+  orange: qe,
+  vis: Ge,
+  text: Ke
+}, Qe = F({
   floatingBar: {
     value: {
       paddingInline: "sm",
@@ -3328,7 +3473,7 @@ const X = {
       borderColor: "border"
     }
   }
-}), Je = k({
+}), Ze = k({
   brand: {
     value: {
       fontFamily: "brand",
@@ -3615,59 +3760,71 @@ const X = {
       letterSpacing: "0.14px"
     }
   }
-}), Qe = E({
-  globalCss: U,
+}), eo = w({
+  globalCss: Y,
+  utilities: {
+    WebkitAppRegion: {
+      values: ["drag", "no-drag"],
+      transform: (e) => ({
+        WebkitAppRegion: e
+      })
+    }
+  },
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: Je,
-    layerStyles: Ke,
+    textStyles: Ze,
+    layerStyles: Qe,
     recipes: {
-      badge: me,
-      button: ve,
-      divider: fe,
-      input: Se,
-      kbd: Fe,
+      badge: he,
+      button: pe,
+      divider: _e,
+      input: ke,
+      kbd: Ce,
       skeleton: De,
-      textarea: Be
+      textarea: Te
     },
     tokens: {
-      colors: ae,
-      borderWidths: ue,
-      fonts: ie,
-      fontSizes: ne,
-      fontWeights: se,
-      radii: be,
-      sizes: ce,
-      spacing: de
+      colors: ne,
+      borderWidths: ge,
+      fonts: se,
+      fontSizes: de,
+      fontWeights: ce,
+      radii: me,
+      sizes: be,
+      spacing: ue
     },
     semanticTokens: {
-      colors: Ge,
-      borders: Pe
+      colors: Je,
+      borders: Ue
     },
     slotRecipes: {
-      alert: ge,
-      colorPicker: he,
-      drawer: xe,
-      tooltip: Te,
-      popover: we,
-      menu: ke,
-      numberInput: Ee,
-      editable: _e,
-      form: ye,
-      dialog: pe,
-      progressCircle: ze,
-      switch: We,
-      tabs: Re,
-      timeline: He
+      windowTitleBar: X,
+      windowTabs: M,
+      alert: ve,
+      colorPicker: fe,
+      drawer: ye,
+      tooltip: Ie,
+      popover: ze,
+      menu: we,
+      numberInput: Ae,
+      editable: Se,
+      form: Fe,
+      dialog: xe,
+      progressCircle: Re,
+      switch: Be,
+      tabs: He,
+      timeline: Le
     }
   }
-}), lo = C(Me, Qe);
+}), ao = C(je, eo);
 export {
-  ro as a,
-  j as c,
-  lo as t
+  to as a,
+  X as b,
+  O as c,
+  ao as t,
+  M as w
 };
-//# sourceMappingURL=theme-B-l5_a6F.js.map
+//# sourceMappingURL=theme-C0empEin.js.map