@pstdio/ui 0.13.0 → 0.15.0

package/dist/{theme-D2LYEa0j.js → theme-25P7ij4C.js}

@@ -1,7 +1,7 @@
-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 = {
+import { defineSlotRecipe as t, defineRecipe as n, defaultConfig as a, defineLayerStyles as m, defineTextStyles as h, defineConfig as p, createSystem as f } from "@chakra-ui/react";
+import { alertAnatomy as _, dialogAnatomy as F, drawerAnatomy as y, fieldsetAnatomy as k, menuAnatomy as x, popoverAnatomy as S, tabsAnatomy as C, tooltipAnatomy as E } from "@chakra-ui/react/anatomy";
+import { progressCircleSlotRecipe as d } from "@chakra-ui/react/theme";
+const A = {
   "editor.background": ["colors.bg", "colors.bg.code"],
   "editor.foreground": ["colors.fg"],
   "editor.lineHighlightBackground": ["colors.bg.hover"],
@@ -34,41 +34,41 @@ const S = {
   descriptionForeground: ["colors.fg.muted"],
   disabledForeground: ["colors.fg.subtle"],
   border: ["colors.border", "colors.border.muted", "colors.border.subtle"]
-}, C = (l) => `colors.vscode.${l}`, E = (l) => l.replace(/^#/, ""), w = (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)
+}, D = (e) => `colors.vscode.${e}`, w = (e) => e.replace(/^#/, ""), B = (e) => {
+  const r = (e.theme.tokenColors ?? []).flatMap((l) => (Array.isArray(l.scope) ? l.scope : l.scope ? [l.scope] : []).map((u) => ({
+    token: u,
+    ...l.settings?.foreground ? {
+      foreground: w(l.settings.foreground)
     } : {},
-    ...o.settings?.fontStyle ? {
-      fontStyle: o.settings.fontStyle
+    ...l.settings?.fontStyle ? {
+      fontStyle: l.settings.fontStyle
     } : {}
   })));
   return {
-    base: l.mode === "dark" ? "vs-dark" : "vs",
+    base: e.mode === "dark" ? "vs-dark" : "vs",
     inherit: !0,
-    rules: t,
-    colors: l.theme.colors ?? {}
+    rules: r,
+    colors: e.theme.colors ?? {}
   };
-}, Be = (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 d of i) t[d] = n;
+}, He = (e) => {
+  const r = {}, l = e.theme.colors ?? {};
+  for (const [i, u] of Object.entries(l))
+    r[D(i)] = u;
+  for (const [i, u] of Object.entries(A)) {
+    const g = l[i];
+    if (g)
+      for (const v of u) r[v] = g;
   }
   return {
-    id: l.id,
-    mode: l.mode,
-    tokens: t,
-    monacoTheme: w({
-      mode: l.mode,
-      theme: l.theme
+    id: e.id,
+    mode: e.mode,
+    tokens: r,
+    monacoTheme: B({
+      mode: e.mode,
+      theme: e.theme
     })
   };
-}, A = {
+}, z = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -126,7 +126,7 @@ const S = {
       fontSize: "1.5rem"
     }
   }
-}, D = {
+}, R = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -175,7 +175,7 @@ const S = {
   1e3: {
     value: "#000000"
   }
-}, B = {
+}, W = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -209,7 +209,7 @@ const S = {
   900: {
     value: "#002862"
   }
-}, z = {
+}, H = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -246,7 +246,7 @@ const S = {
   900: {
     value: "#0A125A"
   }
-}, R = {
+}, L = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -283,7 +283,7 @@ const S = {
   900: {
     value: "#520659"
   }
-}, W = {
+}, T = {
   DEFAULT: {
     value: "#FBD8CE"
   },
@@ -317,7 +317,7 @@ const S = {
   900: {
     value: "#522923"
   }
-}, H = {
+}, M = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -351,7 +351,7 @@ const S = {
   900: {
     value: "#580707"
   }
-}, L = {
+}, U = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -385,7 +385,7 @@ const S = {
   900: {
     value: "#552107"
   }
-}, T = {
+}, P = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -425,7 +425,7 @@ const S = {
   900: {
     value: "#644E00"
   }
-}, M = {
+}, V = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -459,7 +459,7 @@ const S = {
   900: {
     value: "#003110"
   }
-}, U = {
+}, O = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -493,7 +493,7 @@ const S = {
   900: {
     value: "#024F3D"
   }
-}, V = {
+}, X = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -527,7 +527,7 @@ const S = {
   900: {
     value: "#005B73"
   }
-}, P = {
+}, j = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -561,7 +561,7 @@ const S = {
   900: {
     value: "#1E0050"
   }
-}, X = {
+}, I = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -595,7 +595,7 @@ const S = {
   900: {
     value: "#E8CECE"
   }
-}, I = {
+}, $ = {
   50: {
     value: "#FCFDFC"
   },
@@ -638,30 +638,30 @@ const S = {
   950: {
     value: "#10141B"
   }
-}, O = {
+}, Y = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, $ = {
-  sand: X,
-  blacks: D,
-  blue: B,
-  sapphire: z,
-  pink: R,
-  peach: W,
-  red: H,
-  orange: L,
-  yellow: T,
-  green: M,
-  teal: U,
-  cyan: V,
-  purple: P,
-  neutral: I,
-  mint: O
-}, j = {
+}, q = {
+  sand: I,
+  blacks: R,
+  blue: W,
+  sapphire: H,
+  pink: L,
+  peach: T,
+  red: M,
+  orange: U,
+  yellow: P,
+  green: V,
+  teal: O,
+  cyan: X,
+  purple: j,
+  neutral: $,
+  mint: Y
+}, G = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -677,7 +677,7 @@ const S = {
   body: {
     value: "Inter, sans-serif"
   }
-}, Y = {
+}, K = {
   xs: {
     value: "0.625rem"
   },
@@ -742,7 +742,7 @@ const S = {
     value: "1.25rem"
   }
   // 20px
-}, q = {
+}, J = {
   regular: {
     value: 400
   },
@@ -755,7 +755,7 @@ const S = {
   bold: {
     value: 700
   }
-}, e = {
+}, o = {
   // 0px
   25: "0.125rem",
   // 2px
@@ -782,82 +782,82 @@ const S = {
   900: "4.5rem",
   // 96px
   1600: "8rem"
-}, G = {
+}, N = {
   none: {
     value: "0"
   },
   "2xs": {
-    value: e[50]
+    value: o[50]
   },
   xs: {
-    value: e[100]
+    value: o[100]
   },
   sm: {
-    value: e[150]
+    value: o[150]
   },
   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]
   }
-}, J = {
+}, Q = {
   none: {
     value: "0"
   },
   "2xs": {
-    value: e[25]
+    value: o[25]
   },
   xs: {
-    value: e[50]
+    value: o[50]
   },
   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%"
   }
-}, K = r({
-  slots: h.keys(),
+}, Z = t({
+  slots: _.keys(),
   base: {
     root: {
       pt: "xs",
       pb: "xs"
     }
   }
-}), N = a({
+}), ee = n({
   base: {
-    borderRadius: "sm",
+    borderRadius: "xs",
     transition: "all 0.1s ease-in-out",
     fontFamily: "label",
     fontWeight: "500",
@@ -1046,22 +1046,26 @@ const S = {
     }
   },
   defaultVariants: {
-    size: "md",
+    size: "sm",
     variant: "outline"
   }
-}), Q = r({
-  slots: p.keys(),
+}), le = t({
+  slots: F.keys(),
   base: {
     content: {
-      bg: "bg"
+      bg: "bg",
+      borderRadius: "xs",
+      borderWidth: "1px",
+      borderColor: "border.muted",
+      overflow: "hidden"
     }
   }
-}), Z = a({
+}), oe = n({
   base: {
     borderColor: "border"
   }
-}), ee = r({
-  slots: _.keys(),
+}), re = t({
+  slots: y.keys(),
   base: {
     header: {
       fontWeight: "medium",
@@ -1072,7 +1076,7 @@ const S = {
       bg: "bg"
     }
   }
-}), le = r({
+}), te = t({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1098,7 +1102,9 @@ const S = {
       bg: "bg",
       width: "auto",
       _focusVisible: {
-        boxShadow: "none"
+        outline: "2px solid",
+        outlineColor: "border",
+        outlineOffset: "2px"
       },
       _placeholder: {
         color: "fg.muted"
@@ -1114,7 +1120,9 @@ const S = {
       bg: "bg.muted",
       width: "auto",
       _focusVisible: {
-        boxShadow: "none"
+        outline: "2px solid",
+        outlineColor: "border",
+        outlineOffset: "2px"
       },
       _placeholder: {
         color: "fg.muted"
@@ -1167,17 +1175,17 @@ const S = {
       }
     }
   }
-}), oe = r({
-  slots: f.keys(),
+}), ae = t({
+  slots: k.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), re = a({
+}), ie = n({
   base: {
     px: "sm",
-    borderRadius: "sm",
+    borderRadius: "xs",
     transition: "border-color 0.2s ease-in-out",
     bg: "bg",
     color: "fg",
@@ -1206,7 +1214,7 @@ const S = {
       }
     }
   }
-}), ae = a({
+}), se = n({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1269,8 +1277,8 @@ const S = {
     size: "md",
     variant: "raised"
   }
-}), te = r({
-  slots: F.keys(),
+}), ne = t({
+  slots: x.keys(),
   base: {
     itemGroupLabel: {
       ml: "{2xs}",
@@ -1306,7 +1314,7 @@ const S = {
       display: "flex",
       flexDirection: "column",
       gap: "0",
-      borderRadius: "sm",
+      borderRadius: "xs",
       p: "0",
       px: "0",
       py: "0",
@@ -1314,17 +1322,16 @@ const S = {
       borderWidth: "1px",
       borderStyle: "solid",
       borderColor: "border.muted",
-      boxShadow: "low",
       zIndex: "dropdown",
       textStyle: "label/M/regular"
     }
   }
-}), ie = r({
-  slots: k.keys(),
+}), ue = t({
+  slots: S.keys(),
   base: {
     positioner: {
       _focus: {
-        boxShadow: "none !important"
+        outline: "none"
       }
     },
     closeTrigger: {
@@ -1344,7 +1351,7 @@ const S = {
       borderStyle: "solid",
       borderColor: "border.muted",
       _focus: {
-        boxShadow: "none !important"
+        outline: "none"
       }
     },
     title: {
@@ -1373,12 +1380,12 @@ const S = {
       }
     }
   }
-}), se = u.variants?.size ?? {}, ue = {
-  ...u,
+}), de = d.variants?.size ?? {}, ce = {
+  ...d,
   variants: {
-    ...u.variants,
+    ...d.variants,
     size: {
-      ...se,
+      ...de,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -1390,13 +1397,13 @@ const S = {
       }
     }
   }
-}, ne = a({
+}, ge = n({
   base: {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), de = r({
-  slots: x.keys(),
+}), be = t({
+  slots: C.keys(),
   base: {
     trigger: {
       borderRadius: "0"
@@ -1455,7 +1462,7 @@ const S = {
       }
     }
   }
-}), ce = a({
+}), ve = n({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -1463,6 +1470,7 @@ const S = {
     outline: "none",
     color: "fg",
     border: "1px solid",
+    borderRadius: "xs",
     transition: "border-color 0.2s ease-in-out",
     borderColor: "border.muted",
     _hover: {
@@ -1481,18 +1489,45 @@ const S = {
       color: "fg.subtle"
     }
   }
-}), ge = r({
-  slots: y.keys(),
+}), me = t({
+  slots: E.keys(),
   base: {
     content: {
       bg: "bg.inverted",
+      borderRadius: "xs",
       color: "fg.inverted"
     },
     arrow: {
       bg: "bg.inverted"
     }
   }
-}), be = {
+}), he = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), c = /shadow/i, pe = (e) => {
+  if (!c.test(e)) return e;
+  const r = e.split(",").map((l) => l.trim()).filter((l) => !c.test(l));
+  if (r.length !== 0)
+    return r.join(", ");
+}, s = (e) => Array.isArray(e) ? e.map(s).filter((r) => r !== void 0) : typeof e == "string" ? pe(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([r, l]) => {
+  if (he.has(r) || c.test(r)) return [];
+  const i = s(l);
+  return i === void 0 ? [] : [[r, i]];
+})), b = (e) => {
+  const {
+    shadows: r,
+    ...l
+  } = e ?? {};
+  return l;
+}, fe = {
+  ...a,
+  theme: {
+    ...a.theme,
+    tokens: b(a.theme?.tokens),
+    semanticTokens: b(a.theme?.semanticTokens),
+    recipes: s(a.theme?.recipes),
+    slotRecipes: s(a.theme?.slotRecipes),
+    layerStyles: s(a.theme?.layerStyles),
+    animationStyles: s(a.theme?.animationStyles)
+  }
+}, _e = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -1511,7 +1546,7 @@ const S = {
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, ve = {
+}, Fe = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -1578,8 +1613,8 @@ const S = {
     primary: {
       default: {
         value: {
-          _light: "{colors.blacks.200}",
-          _dark: "{colors.blacks.200}"
+          _light: "{colors.blacks.800}",
+          _dark: "{colors.blacks.800}"
         }
       },
       disabled: {
@@ -1595,7 +1630,7 @@ const S = {
       value: "{colors.fg.muted}"
     }
   }
-}, me = {
+}, ye = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -1872,7 +1907,7 @@ const S = {
       }
     }
   }
-}, he = {
+}, ke = {
   DEFAULT: {
     value: {
       _light: "{colors.neutral.400}",
@@ -1914,14 +1949,14 @@ const S = {
       value: "{colors.border.muted}"
     }
   }
-}, pe = {
+}, xe = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, _e = {
+}, Se = {
   contrast: {
     value: {
       _light: "black",
@@ -1970,7 +2005,7 @@ const S = {
       _dark: "{colors.orange.500}"
     }
   }
-}, fe = {
+}, Ce = {
   text: {
     primary: {
       value: {
@@ -2131,7 +2166,7 @@ const S = {
       }
     }
   }
-}, Fe = {
+}, Ee = {
   selectable: {
     primary: {
       value: {
@@ -2140,89 +2175,26 @@ const S = {
       }
     }
   }
-}, ke = {
-  fg: ve,
-  bg: me,
-  border: he,
-  blue: pe,
-  orange: _e,
-  vis: fe,
-  text: Fe
-}, xe = c({
+}, Ae = {
+  fg: Fe,
+  bg: ye,
+  border: ke,
+  blue: xe,
+  orange: Se,
+  vis: Ce,
+  text: Ee
+}, De = m({
   modal: {
     value: {
       paddingInline: "xs",
       paddingBlock: "sm",
-      borderRadius: "sm",
+      borderRadius: "xs",
       bg: "bg",
       border: "1px solid",
-      borderColor: "border",
-      boxShadow: "mid"
-    }
-  }
-}), ye = {
-  "low-light": {
-    value: "0px 2px 4px 0px rgba(0, 0, 0, 0.10)"
-  },
-  "mid-light": {
-    value: "0px 6px 12px 0px rgba(0, 0, 0, 0.10)"
-  },
-  "high-light": {
-    value: "0px 12px 24px 0px rgba(0, 0, 0, 0.10)"
-  },
-  "low-dark": {
-    value: "0px 2px 4px 0px rgba(0, 0, 0, 0.45)"
-  },
-  "mid-dark": {
-    value: "0px 6px 12px 0px rgba(0, 0, 0, 0.5)"
-  },
-  "high-dark": {
-    value: "0px 12px 24px 0px rgba(0, 0, 0, 0.55)"
-  },
-  "desktop-icon-label-text-light": {
-    value: "0px 1px 3px rgba(15, 23, 42, 0.45)"
-  },
-  "desktop-icon-label-text-dark": {
-    value: "0px 1px 3px rgba(8, 15, 35, 0.75)"
-  },
-  "desktop-icon-label-text-selected-light": {
-    value: "0px 1px 3px rgba(37, 99, 235, 0.55)"
-  },
-  "desktop-icon-label-text-selected-dark": {
-    value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
-  }
-}, Se = {
-  low: {
-    value: {
-      _light: "{shadows.low-light}",
-      _dark: "{shadows.low-dark}"
-    }
-  },
-  mid: {
-    value: {
-      _light: "{shadows.mid-light}",
-      _dark: "{shadows.mid-dark}"
-    }
-  },
-  high: {
-    value: {
-      _light: "{shadows.high-light}",
-      _dark: "{shadows.high-dark}"
-    }
-  },
-  "desktop-icon-label": {
-    value: {
-      _light: "{shadows.desktop-icon-label-text-light}",
-      _dark: "{shadows.desktop-icon-label-text-dark}"
-    }
-  },
-  "desktop-icon-label-selected": {
-    value: {
-      _light: "{shadows.desktop-icon-label-text-selected-light}",
-      _dark: "{shadows.desktop-icon-label-text-selected-dark}"
+      borderColor: "border"
     }
   }
-}, Ce = g({
+}), we = h({
   brand: {
     value: {
       fontFamily: "brand",
@@ -2455,54 +2427,52 @@ const S = {
       letterSpacing: "0.14px"
     }
   }
-}), Ee = b({
-  globalCss: A,
+}), Be = p({
+  globalCss: z,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: Ce,
-    layerStyles: xe,
+    textStyles: we,
+    layerStyles: De,
     recipes: {
-      button: N,
-      divider: Z,
-      input: re,
-      kbd: ae,
-      skeleton: ne,
-      textarea: ce
+      button: ee,
+      divider: oe,
+      input: ie,
+      kbd: se,
+      skeleton: ge,
+      textarea: ve
     },
     tokens: {
-      colors: $,
-      fonts: j,
-      fontSizes: Y,
-      fontWeights: q,
-      radii: J,
-      shadows: ye,
-      spacing: G
+      colors: q,
+      fonts: G,
+      fontSizes: K,
+      fontWeights: J,
+      radii: Q,
+      spacing: N
     },
     semanticTokens: {
-      colors: ke,
-      borders: be,
-      shadows: Se
+      colors: Ae,
+      borders: _e
     },
     slotRecipes: {
-      alert: K,
-      drawer: ee,
-      tooltip: ge,
-      popover: ie,
-      menu: te,
-      editable: le,
-      form: oe,
-      dialog: Q,
-      progressCircle: ue,
-      tabs: de
+      alert: Z,
+      drawer: re,
+      tooltip: me,
+      popover: ue,
+      menu: ne,
+      editable: te,
+      form: ae,
+      dialog: le,
+      progressCircle: ce,
+      tabs: be
     }
   }
-}), ze = v(m, Ee);
+}), Le = f(fe, Be);
 export {
-  Be as a,
-  w as c,
-  ze as t
+  He as a,
+  B as c,
+  Le as t
 };
-//# sourceMappingURL=theme-D2LYEa0j.js.map
+//# sourceMappingURL=theme-25P7ij4C.js.map