@pstdio/ui 0.6.0 → 0.7.1

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

@@ -1,11 +1,60 @@
-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 = {
+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 = {
+  "editor.background": ["colors.bg", "colors.bg.code"],
+  "editor.foreground": ["colors.fg"],
+  "editorWidget.background": ["colors.bg.panel"],
+  "sideBar.background": ["colors.bg.panel"],
+  "panel.background": ["colors.bg.panel"],
+  "input.background": ["colors.bg.subtle"],
+  "input.foreground": ["colors.fg"],
+  "input.border": ["colors.border"],
+  "dropdown.background": ["colors.bg.panel"],
+  "menu.background": ["colors.bg.panel", "colors.bg.menu-item.default"],
+  "menu.foreground": ["colors.fg.menu-item.default"],
+  "menu.selectionBackground": ["colors.bg.menu-item.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"],
+  focusBorder: ["colors.border.accent"],
+  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];
+    if (n)
+      for (const u of s) t[u] = n;
+  }
+  return {
+    id: o.id,
+    mode: o.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)
+    } : {},
+    ...l.settings?.fontStyle ? {
+      fontStyle: l.settings.fontStyle
+    } : {}
+  })));
+  return {
+    base: o.mode === "dark" ? "vs-dark" : "vs",
+    inherit: !0,
+    rules: t,
+    colors: o.theme.colors ?? {}
+  };
+}, B = D, Te = [B], z = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -63,7 +112,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       fontSize: "1.5rem"
     }
   }
-}, x = {
+}, R = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -112,7 +161,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   1e3: {
     value: "#000000"
   }
-}, f = {
+}, W = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -146,7 +195,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#002862"
   }
-}, E = {
+}, L = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -183,7 +232,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#0A125A"
   }
-}, C = {
+}, T = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -220,7 +269,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#520659"
   }
-}, S = {
+}, H = {
   DEFAULT: {
     value: "#FBD8CE"
   },
@@ -254,7 +303,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#522923"
   }
-}, D = {
+}, M = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -288,7 +337,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#580707"
   }
-}, A = {
+}, U = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -322,7 +371,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#552107"
   }
-}, w = {
+}, P = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -362,7 +411,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#644E00"
   }
-}, B = {
+}, V = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -396,7 +445,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#003110"
   }
-}, z = {
+}, X = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -430,7 +479,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#024F3D"
   }
-}, R = {
+}, I = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -464,7 +513,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#005B73"
   }
-}, W = {
+}, O = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -498,7 +547,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#1E0050"
   }
-}, L = {
+}, Y = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -532,7 +581,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: {
     value: "#E8CECE"
   }
-}, H = {
+}, $ = {
   50: {
     value: "#FCFDFC"
   },
@@ -575,30 +624,30 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   950: {
     value: "#10141B"
   }
-}, T = {
+}, j = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, U = {
-  sand: L,
-  blacks: x,
-  blue: f,
-  sapphire: E,
-  pink: C,
-  peach: S,
-  red: D,
-  orange: A,
-  yellow: w,
-  green: B,
-  teal: z,
-  cyan: R,
-  purple: W,
-  neutral: H,
-  mint: T
-}, M = {
+}, 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 = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -614,7 +663,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   body: {
     value: "Inter, sans-serif"
   }
-}, X = {
+}, J = {
   xs: {
     value: "0.625rem"
   },
@@ -679,7 +728,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     value: "1.25rem"
   }
   // 20px
-}, V = {
+}, K = {
   regular: {
     value: 400
   },
@@ -719,7 +768,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   900: "4.5rem",
   // 96px
   1600: "8rem"
-}, P = {
+}, N = {
   none: {
     value: "0"
   },
@@ -759,7 +808,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "5xl": {
     value: e[1600]
   }
-}, I = {
+}, Q = {
   none: {
     value: "0"
   },
@@ -784,15 +833,15 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   full: {
     value: "100%"
   }
-}, O = l({
-  slots: n.keys(),
+}, Z = r({
+  slots: h.keys(),
   base: {
     root: {
       pt: "xs",
       pb: "xs"
     }
   }
-}), Y = o({
+}), ee = a({
   base: {
     borderRadius: "sm",
     transition: "all 0.1s ease-in-out",
@@ -985,19 +1034,19 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     size: "md",
     variant: "outline"
   }
-}), $ = l({
-  slots: u.keys(),
+}), le = r({
+  slots: p.keys(),
   base: {
     content: {
       bg: "bg"
     }
   }
-}), j = o({
+}), oe = a({
   base: {
     borderColor: "border"
   }
-}), q = l({
-  slots: d.keys(),
+}), re = r({
+  slots: F.keys(),
   base: {
     header: {
       fontWeight: "medium",
@@ -1008,7 +1057,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg"
     }
   }
-}), G = l({
+}), ae = r({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1057,14 +1106,14 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), J = l({
-  slots: g.keys(),
+}), te = r({
+  slots: _.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), K = o({
+}), se = a({
   base: {
     px: "sm",
     borderRadius: "sm",
@@ -1096,7 +1145,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), N = o({
+}), ie = a({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1159,8 +1208,8 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
     size: "md",
     variant: "raised"
   }
-}), Q = l({
-  slots: b.keys(),
+}), ce = r({
+  slots: f.keys(),
   base: {
     itemGroupLabel: {
       ml: "{2xs}",
@@ -1196,8 +1245,8 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       textStyle: "label/M/regular"
     }
   }
-}), Z = l({
-  slots: v.keys(),
+}), ne = r({
+  slots: k.keys(),
   base: {
     positioner: {
       _focus: {
@@ -1250,12 +1299,12 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}), ee = r.variants?.size ?? {}, le = {
-  ...r,
+}), ue = i.variants?.size ?? {}, de = {
+  ...i,
   variants: {
-    ...r.variants,
+    ...i.variants,
     size: {
-      ...ee,
+      ...ue,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -1267,12 +1316,37 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, oe = o({
+}, ge = a({
   base: {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), re = o({
+}), be = r({
+  slots: y.keys(),
+  base: {
+    trigger: {
+      borderRadius: "0"
+    }
+  },
+  variants: {
+    variant: {
+      subtle: {
+        trigger: {
+          color: "fg.muted",
+          bg: "transparent",
+          _hover: {
+            bg: "bg.hover",
+            color: "fg"
+          },
+          _selected: {
+            bg: "bg.muted",
+            color: "fg"
+          }
+        }
+      }
+    }
+  }
+}), ve = a({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -1298,8 +1372,8 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       color: "fg.subtle"
     }
   }
-}), ae = l({
-  slots: m.keys(),
+}), me = r({
+  slots: x.keys(),
   base: {
     content: {
       bg: "bg.inverted",
@@ -1309,7 +1383,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       bg: "bg.inverted"
     }
   }
-}), te = {
+}), he = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -1328,7 +1402,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, ie = {
+}, pe = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -1412,7 +1486,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       value: "{colors.fg.muted}"
     }
   }
-}, se = {
+}, Fe = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -1674,7 +1748,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, ce = {
+}, _e = {
   DEFAULT: {
     value: {
       _light: "{colors.neutral.500}",
@@ -1716,14 +1790,14 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       value: "{colors.border.muted}"
     }
   }
-}, ne = {
+}, fe = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, ue = {
+}, ke = {
   contrast: {
     value: {
       _light: "black",
@@ -1772,7 +1846,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       _dark: "{colors.orange.500}"
     }
   }
-}, de = {
+}, ye = {
   text: {
     primary: {
       value: {
@@ -1933,7 +2007,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, ge = {
+}, xe = {
   selectable: {
     primary: {
       value: {
@@ -1942,15 +2016,15 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       }
     }
   }
-}, be = {
-  fg: ie,
-  bg: se,
-  border: ce,
-  blue: ne,
-  orange: ue,
-  vis: de,
-  text: ge
-}, ve = a({
+}, Ee = {
+  fg: pe,
+  bg: Fe,
+  border: _e,
+  blue: fe,
+  orange: ke,
+  vis: ye,
+  text: xe
+}, Ce = d({
   modal: {
     value: {
       paddingInline: "xs",
@@ -1962,7 +2036,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       boxShadow: "mid"
     }
   }
-}), me = {
+}), Se = {
   "low-light": {
     value: "0px 2px 4px 0px rgba(0, 0, 0, 0.10)"
   },
@@ -1993,7 +2067,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
   "desktop-icon-label-text-selected-dark": {
     value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
   }
-}, he = {
+}, De = {
   low: {
     value: {
       _light: "{shadows.low-light}",
@@ -2024,7 +2098,7 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       _dark: "{shadows.desktop-icon-label-text-selected-dark}"
     }
   }
-}, pe = t({
+}, Ae = g({
   brand: {
     value: {
       fontFamily: "brand",
@@ -2257,53 +2331,56 @@ const h = "monokai", p = "dark", F = { "colors.fg": "#F8F8F2", "colors.fg.muted"
       letterSpacing: "0.14px"
     }
   }
-}), Fe = i({
-  globalCss: k,
+}), we = b({
+  globalCss: z,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: pe,
-    layerStyles: ve,
+    textStyles: Ae,
+    layerStyles: Ce,
     recipes: {
-      button: Y,
-      divider: j,
-      input: K,
-      kbd: N,
-      skeleton: oe,
-      textarea: re
+      button: ee,
+      divider: oe,
+      input: se,
+      kbd: ie,
+      skeleton: ge,
+      textarea: ve
     },
     tokens: {
-      colors: U,
-      fonts: M,
-      fontSizes: X,
-      fontWeights: V,
-      radii: I,
-      shadows: me,
-      spacing: P
+      colors: q,
+      fonts: G,
+      fontSizes: J,
+      fontWeights: K,
+      radii: Q,
+      shadows: Se,
+      spacing: N
     },
     semanticTokens: {
-      colors: be,
-      borders: te,
-      shadows: he
+      colors: Ee,
+      borders: he,
+      shadows: De
     },
     slotRecipes: {
-      alert: O,
-      drawer: q,
-      tooltip: ae,
-      popover: Z,
-      menu: Q,
-      editable: G,
-      form: J,
-      dialog: $,
-      progressCircle: le
+      alert: Z,
+      drawer: re,
+      tooltip: me,
+      popover: ne,
+      menu: ce,
+      editable: ae,
+      form: te,
+      dialog: le,
+      progressCircle: de,
+      tabs: be
     }
   }
-}), fe = s(c, Fe);
+}), He = v(m, we);
 export {
-  xe as c,
-  y as m,
-  fe as t
+  We as a,
+  Te as b,
+  Le as c,
+  B as m,
+  He as t
 };
-//# sourceMappingURL=theme-0SQvHr1t.js.map
+//# sourceMappingURL=theme-D-aCJqTf.js.map