@pstdio/ui 0.17.0 → 0.19.0

package/dist/{theme-CNhnbvcE.js → theme-7PDdD9OD.js}

@@ -1,7 +1,7 @@
-import { defineSlotRecipe as i, 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, tabsAnatomy as T, timelineAnatomy as L, tooltipAnatomy as V } 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 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 { progressCircleSlotRecipe as h } from "@chakra-ui/react/theme";
-const I = {
+const X = {
   "editor.background": ["colors.bg", "colors.bg.code"],
   "editor.foreground": ["colors.fg"],
   "editor.lineHighlightBackground": ["colors.bg.hover"],
@@ -34,14 +34,14 @@ const I = {
   descriptionForeground: ["colors.fg.muted"],
   disabledForeground: ["colors.fg.subtle"],
   border: ["colors.border", "colors.border.subtle"]
-}, M = (e) => `colors.vscode.${e}`, P = (e) => e.replace(/^#/, ""), X = (e) => {
-  const l = (e.theme.tokenColors ?? []).flatMap((o) => (Array.isArray(o.scope) ? o.scope : o.scope ? [o.scope] : []).map((s) => ({
+}, M = (e) => `colors.vscode.${e}`, P = (e) => e.replace(/^#/, ""), j = (e) => {
+  const l = (e.theme.tokenColors ?? []).flatMap((r) => (Array.isArray(r.scope) ? r.scope : r.scope ? [r.scope] : []).map((s) => ({
     token: s,
-    ...o.settings?.foreground ? {
-      foreground: P(o.settings.foreground)
+    ...r.settings?.foreground ? {
+      foreground: P(r.settings.foreground)
     } : {},
-    ...o.settings?.fontStyle ? {
-      fontStyle: o.settings.fontStyle
+    ...r.settings?.fontStyle ? {
+      fontStyle: r.settings.fontStyle
     } : {}
   })));
   return {
@@ -50,12 +50,12 @@ const I = {
     rules: l,
     colors: e.theme.colors ?? {}
   };
-}, Ze = (e) => {
-  const l = {}, o = e.theme.colors ?? {};
-  for (const [n, s] of Object.entries(o))
+}, ro = (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(I)) {
-    const g = o[n];
+  for (const [n, s] of Object.entries(X)) {
+    const g = r[n];
     if (g)
       for (const m of s) l[m] = g;
   }
@@ -63,12 +63,12 @@ const I = {
     id: e.id,
     mode: e.mode,
     tokens: l,
-    monacoTheme: X({
+    monacoTheme: j({
       mode: e.mode,
       theme: e.theme
     })
   };
-}, j = {
+}, U = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -129,7 +129,7 @@ const I = {
       fontSize: "1.5rem"
     }
   }
-}, U = {
+}, O = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -178,7 +178,7 @@ const I = {
   1e3: {
     value: "#000000"
   }
-}, O = {
+}, Y = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -212,7 +212,7 @@ const I = {
   900: {
     value: "#002862"
   }
-}, Y = {
+}, $ = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -249,7 +249,7 @@ const I = {
   900: {
     value: "#0A125A"
   }
-}, $ = {
+}, N = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -286,7 +286,7 @@ const I = {
   900: {
     value: "#520659"
   }
-}, N = {
+}, q = {
   DEFAULT: {
     value: "#FBD8CE"
   },
@@ -320,7 +320,7 @@ const I = {
   900: {
     value: "#522923"
   }
-}, q = {
+}, G = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -354,7 +354,7 @@ const I = {
   900: {
     value: "#580707"
   }
-}, G = {
+}, K = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -388,7 +388,7 @@ const I = {
   900: {
     value: "#552107"
   }
-}, K = {
+}, J = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -428,7 +428,7 @@ const I = {
   900: {
     value: "#644E00"
   }
-}, J = {
+}, Q = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -462,7 +462,7 @@ const I = {
   900: {
     value: "#003110"
   }
-}, Q = {
+}, Z = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -496,7 +496,7 @@ const I = {
   900: {
     value: "#024F3D"
   }
-}, Z = {
+}, ee = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -530,7 +530,7 @@ const I = {
   900: {
     value: "#005B73"
   }
-}, ee = {
+}, oe = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -564,7 +564,7 @@ const I = {
   900: {
     value: "#1E0050"
   }
-}, oe = {
+}, re = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -598,7 +598,7 @@ const I = {
   900: {
     value: "#E8CECE"
   }
-}, re = {
+}, le = {
   50: {
     value: "#FCFDFC"
   },
@@ -641,30 +641,30 @@ const I = {
   950: {
     value: "#10141B"
   }
-}, le = {
+}, te = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, te = {
-  sand: oe,
-  blacks: U,
-  blue: O,
-  sapphire: Y,
-  pink: $,
-  peach: N,
-  red: q,
-  orange: G,
-  yellow: K,
-  green: J,
-  teal: Q,
-  cyan: Z,
-  purple: ee,
-  neutral: re,
-  mint: le
 }, 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 = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -680,7 +680,11 @@ const I = {
   body: {
     value: "Inter, sans-serif"
   }
-}, ie = {
+}, ne = {
+  "2xs": {
+    value: "0.5rem"
+  },
+  // 8px
   xs: {
     value: "0.625rem"
   },
@@ -745,7 +749,7 @@ const I = {
     value: "1.25rem"
   }
   // 20px
-}, ne = {
+}, se = {
   regular: {
     value: 400
   },
@@ -758,7 +762,7 @@ const I = {
   bold: {
     value: 700
   }
-}, r = {
+}, o = {
   // 0px
   25: "0.125rem",
   // 2px
@@ -769,6 +773,8 @@ const I = {
   150: "0.75rem",
   // 12px
   200: "1rem",
+  // 16px
+  250: "1.25rem",
   // 20px
   300: "1.5rem",
   // 24px
@@ -784,95 +790,155 @@ const I = {
   // 64px
   900: "4.5rem",
   // 96px
-  1600: "8rem"
-}, se = {
+  1600: "8rem",
+  // 128px
+  2e3: "10rem"
+}, de = {
   none: {
     value: "0"
   },
+  "3xs": {
+    value: o[25]
+  },
   "2xs": {
-    value: r[50]
+    value: o[50]
   },
   xs: {
-    value: r[100]
+    value: o[100]
   },
   compact: {
     value: "0.625rem"
   },
   sm: {
-    value: r[150]
+    value: o[150]
   },
   comfortable: {
     value: "0.875rem"
   },
   md: {
-    value: r[200]
+    value: o[200]
   },
   lg: {
-    value: r[300]
+    value: o[300]
   },
   xl: {
-    value: r[400]
+    value: o[400]
   },
   "2xl": {
-    value: r[500]
+    value: o[500]
   },
   "3xl": {
-    value: r[600]
+    value: o[600]
   },
   "3.5xl": {
-    value: r[700]
+    value: o[700]
   },
   "4xl": {
-    value: r[800]
+    value: o[800]
   },
   "4.5xl": {
-    value: r[900]
+    value: o[900]
   },
   "5xl": {
-    value: r[1600]
+    value: o[1600]
   }
-}, de = {
+}, ce = {
   "collection-row": {
     value: "2.125rem"
   },
   "filter-pill": {
-    value: r[300]
+    value: o[300]
+  },
+  "icon-2xs": {
+    value: o[150]
+  },
+  "icon-xs": {
+    value: "0.875rem"
+  },
+  "icon-sm": {
+    value: o[200]
+  },
+  "icon-md": {
+    value: o[250]
+  },
+  "tag-color-dot": {
+    value: o[250]
+  },
+  "tag-icon-cell": {
+    value: "1.75rem"
+  },
+  "tag-picker": {
+    value: "16.75rem"
+  },
+  "tag-picker-color-only": {
+    value: "13.75rem"
+  },
+  "tag-swatch": {
+    value: "1.625rem"
+  },
+  "tag-swatch-dot": {
+    value: "0.625rem"
+  },
+  "tag-editor-row": {
+    value: o[500]
+  },
+  "tag-editor-add-row": {
+    value: "2.25rem"
+  },
+  "segmented-control-sm": {
+    value: "1.75rem"
+  },
+  "segmented-control-xs": {
+    value: o[300]
+  },
+  "segmented-control-item-sm": {
+    value: o[300]
+  },
+  "segmented-control-item-xs": {
+    value: o[250]
+  },
+  "tag-action-menu": {
+    value: o[2e3]
   },
   "view-bar": {
-    value: r[500]
+    value: o[500]
   },
   "view-subheader": {
     value: "2.25rem"
   }
-}, ce = {
+}, ue = {
+  selection: {
+    value: "0.09375rem"
+  }
+}, be = {
   none: {
     value: "0"
   },
   "2xs": {
-    value: r[25]
+    value: o[25]
   },
   xs: {
-    value: r[50]
+    value: o[50]
   },
   compact: {
     value: "0.375rem"
   },
   sm: {
-    value: r[100]
+    value: o[100]
   },
   md: {
-    value: r[150]
+    value: o[150]
   },
   lg: {
-    value: r[200]
+    value: o[200]
   },
   xl: {
-    value: r[400]
+    value: o[400]
   },
   full: {
     value: "100%"
   }
-}, ue = i({
+}, ge = t({
   slots: w.keys(),
   base: {
     root: {
@@ -945,7 +1011,7 @@ const I = {
       }
     }
   }]
-}), be = c({
+}), me = c({
   className: "chakra-badge",
   base: {
     display: "inline-flex",
@@ -973,6 +1039,14 @@ const I = {
         borderRadius: "2xs",
         justifyContent: "center"
       },
+      chip: {
+        bg: "bg.subtle",
+        color: "fg.muted",
+        borderWidth: "1px",
+        borderColor: "border",
+        borderRadius: "xs",
+        fontWeight: "normal"
+      },
       outline: {
         color: "colorPalette.fg",
         "--outline-shadow-legacy": "colors.colorPalette.muted",
@@ -1011,7 +1085,7 @@ const I = {
     variant: "subtle",
     size: "sm"
   }
-}), ge = c({
+}), ve = c({
   base: {
     borderRadius: "xs",
     transition: "all 0.1s ease-in-out",
@@ -1216,7 +1290,7 @@ const I = {
     size: "sm",
     variant: "outline"
   }
-}), u = "border.accent-light", me = i({
+}), u = "border.accent-light", he = t({
   slots: A.keys(),
   base: {
     control: {
@@ -1286,9 +1360,14 @@ const I = {
       border: "0",
       borderInlineStartWidth: "0",
       borderRadius: "0",
+      outline: "none",
       boxShadow: "none",
       _hover: {
         bg: "bg.hover"
+      },
+      _focusVisible: {
+        outline: "none",
+        boxShadow: "none"
       }
     },
     content: {
@@ -1309,8 +1388,29 @@ const I = {
         outlineColor: u
       }
     }
+  },
+  variants: {
+    size: {
+      xs: {
+        control: {
+          h: "1.75rem"
+        },
+        channelInput: {
+          px: "xs",
+          textStyle: "label/XS"
+        },
+        trigger: {
+          minW: "1.75rem",
+          px: "2xs"
+        }
+      },
+      sm: {}
+    }
+  },
+  defaultVariants: {
+    size: "sm"
   }
-}), ve = i({
+}), pe = t({
   slots: z.keys(),
   base: {
     content: {
@@ -1321,11 +1421,11 @@ const I = {
       overflow: "hidden"
     }
   }
-}), he = c({
+}), fe = c({
   base: {
     borderColor: "border.subtle"
   }
-}), pe = i({
+}), xe = t({
   slots: D.keys(),
   base: {
     header: {
@@ -1337,7 +1437,7 @@ const I = {
       bg: "bg"
     }
   }
-}), fe = i({
+}), _e = t({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1436,14 +1536,14 @@ const I = {
       }
     }
   }
-}), xe = i({
+}), ye = t({
   slots: W.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), t = "border.accent-light", _e = c({
+}), a = "border.accent-light", Se = c({
   base: {
     px: "sm",
     borderRadius: "xs",
@@ -1457,18 +1557,18 @@ const I = {
     "--focus-color": "var(--chakra-colors-border-accent-light)",
     "--focus-ring-style": "none",
     _hover: {
-      borderColor: t
+      borderColor: a
     },
     _active: {
-      borderColor: t
+      borderColor: a
     },
     _focus: {
-      borderColor: t,
+      borderColor: a,
       outline: "none",
       boxShadow: "none"
     },
     _focusVisible: {
-      borderColor: t,
+      borderColor: a,
       outline: "none",
       boxShadow: "none"
     },
@@ -1476,10 +1576,10 @@ const I = {
       color: "fg.subtle"
     },
     "&:is(:hover, [data-hover])": {
-      borderColor: t
+      borderColor: a
     },
     "&:is(:active, [data-active])": {
-      borderColor: t
+      borderColor: a
     }
   },
   variants: {
@@ -1493,26 +1593,26 @@ const I = {
         "--focus-color": "var(--chakra-colors-border-accent-light)",
         "--focus-ring-style": "none",
         _hover: {
-          borderColor: t
+          borderColor: a
         },
         _active: {
-          borderColor: t
+          borderColor: a
         },
         _focus: {
-          borderColor: t,
+          borderColor: a,
           outline: "none",
           boxShadow: "none"
         },
         _focusVisible: {
-          borderColor: t,
+          borderColor: a,
           outline: "none",
           boxShadow: "none"
         },
         "&:is(:hover, [data-hover])": {
-          borderColor: t
+          borderColor: a
         },
         "&:is(:active, [data-active])": {
-          borderColor: t
+          borderColor: a
         }
       }
     },
@@ -1548,7 +1648,7 @@ const I = {
     size: "sm",
     variant: "outline"
   }
-}), ye = c({
+}), Fe = c({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1611,7 +1711,7 @@ const I = {
     size: "md",
     variant: "raised"
   }
-}), Se = i({
+}), ke = t({
   slots: R.keys(),
   base: {
     itemGroupLabel: {
@@ -1688,11 +1788,10 @@ const I = {
       borderWidth: "1px",
       borderStyle: "solid",
       borderColor: "border",
-      zIndex: "dropdown",
       textStyle: "label/M/regular"
     }
   }
-}), Fe = "var(--chakra-colors-border)", v = "var(--chakra-colors-border-accent-light)", ke = i({
+}), Ce = "var(--chakra-colors-border)", v = "var(--chakra-colors-border-accent-light)", Ee = t({
   slots: B.keys(),
   base: {
     root: {
@@ -1700,7 +1799,7 @@ const I = {
       zIndex: "0",
       isolation: "isolate",
       boxShadow: "none",
-      "--number-input-border-color": Fe,
+      "--number-input-border-color": Ce,
       "&:is(:hover, [data-hover])": {
         "--number-input-border-color": v
       },
@@ -1905,7 +2004,7 @@ const I = {
     size: "sm",
     variant: "outline"
   }
-}), Ce = i({
+}), we = t({
   slots: H.keys(),
   base: {
     positioner: {
@@ -1959,12 +2058,12 @@ const I = {
       }
     }
   }
-}), Ee = h.variants?.size ?? {}, we = {
+}), Ae = h.variants?.size ?? {}, ze = {
   ...h,
   variants: {
     ...h.variants,
     size: {
-      ...Ee,
+      ...Ae,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -1976,13 +2075,77 @@ const I = {
       }
     }
   }
-}, Ae = c({
+}, De = c({
   base: {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), ze = i({
+}), We = t({
   slots: T.keys(),
+  base: {
+    control: {
+      alignItems: "center",
+      bg: "bg.muted",
+      borderWidth: "1px",
+      borderColor: "border",
+      borderRadius: "md",
+      color: "fg",
+      boxShadow: "none",
+      transition: "border-color 0.2s ease-in-out, background-color 0.2s ease-in-out",
+      _hover: {
+        borderColor: "border.accent-light"
+      },
+      _active: {
+        borderColor: "border.accent-light"
+      },
+      _focusVisible: {
+        borderColor: "border.accent-light",
+        outline: "none",
+        boxShadow: "none"
+      },
+      _checked: {
+        bg: "bg.inverted",
+        borderColor: "bg.inverted",
+        _hover: {
+          borderColor: "bg.inverted"
+        },
+        _active: {
+          borderColor: "bg.inverted"
+        }
+      }
+    },
+    thumb: {
+      bg: "bg",
+      borderColor: "border",
+      borderRadius: "full",
+      _checked: {
+        bg: "fg.inverted"
+      }
+    }
+  },
+  variants: {
+    variant: {
+      solid: {
+        control: {
+          // The switch track radius is "md" — never "full", which breaks the look.
+          // Chakra's default solid variant pins "full", so the design radius must
+          // be restated here for the merge to keep it.
+          borderRadius: "md",
+          _checked: {
+            bg: "bg.inverted",
+            borderColor: "bg.inverted"
+          }
+        },
+        thumb: {
+          _checked: {
+            bg: "fg.inverted"
+          }
+        }
+      }
+    }
+  }
+}), Re = t({
+  slots: L.keys(),
   base: {
     root: {
       "--tabs-trigger-radius": "radii.xs"
@@ -2068,6 +2231,20 @@ const I = {
         }
       }
     },
+    // Full-width strip with a bottom hairline holding the triggers, per the
+    // design's Tab Strip bars.
+    tray: {
+      true: {
+        list: {
+          width: "100%",
+          paddingX: "lg",
+          paddingBottom: "xs",
+          // Restate the base's shorthand key so the hairline survives the merge.
+          borderBottom: "1px solid",
+          borderBottomColor: "border.subtle"
+        }
+      }
+    },
     variant: {
       subtle: {
         trigger: {
@@ -2102,7 +2279,7 @@ const I = {
     size: "xs",
     variant: "subtle"
   }
-}), a = "border.accent-light", De = c({
+}), i = "border.accent-light", Be = c({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -2117,18 +2294,18 @@ const I = {
     "--focus-color": "var(--chakra-colors-border-accent-light)",
     "--focus-ring-style": "none",
     _hover: {
-      borderColor: a
+      borderColor: i
     },
     _active: {
-      borderColor: a
+      borderColor: i
     },
     _focus: {
-      borderColor: a,
+      borderColor: i,
       outline: "none",
       boxShadow: "none"
     },
     _focusVisible: {
-      borderColor: a,
+      borderColor: i,
       outline: "none",
       boxShadow: "none"
     },
@@ -2136,10 +2313,10 @@ const I = {
       color: "fg.subtle"
     },
     "&:is(:hover, [data-hover])": {
-      borderColor: a
+      borderColor: i
     },
     "&:is(:active, [data-active])": {
-      borderColor: a
+      borderColor: i
     }
   },
   variants: {
@@ -2153,26 +2330,26 @@ const I = {
         "--focus-color": "var(--chakra-colors-border-accent-light)",
         "--focus-ring-style": "none",
         _hover: {
-          borderColor: a
+          borderColor: i
         },
         _active: {
-          borderColor: a
+          borderColor: i
         },
         _focus: {
-          borderColor: a,
+          borderColor: i,
           outline: "none",
           boxShadow: "none"
         },
         _focusVisible: {
-          borderColor: a,
+          borderColor: i,
           outline: "none",
           boxShadow: "none"
         },
         "&:is(:hover, [data-hover])": {
-          borderColor: a
+          borderColor: i
         },
         "&:is(:active, [data-active])": {
-          borderColor: a
+          borderColor: i
         }
       }
     },
@@ -2208,8 +2385,8 @@ const I = {
     size: "sm",
     variant: "outline"
   }
-}), We = i({
-  slots: L.keys(),
+}), He = t({
+  slots: V.keys(),
   base: {
     root: {
       display: "flex",
@@ -2257,11 +2434,11 @@ const I = {
       position: "relative"
     },
     content: {
-      pb: "var(--timeline-content-gap)",
       display: "flex",
       flexDirection: "column",
       width: "full",
-      gap: "2"
+      gap: "0",
+      paddingBottom: "0"
     },
     title: {
       display: "flex",
@@ -2355,8 +2532,8 @@ const I = {
     variant: "solid",
     showLastSeparator: !1
   }
-}), Re = i({
-  slots: V.keys(),
+}), Te = t({
+  slots: I.keys(),
   base: {
     content: {
       bg: "bg.inverted",
@@ -2364,35 +2541,35 @@ const I = {
       color: "fg.inverted"
     }
   }
-}), Be = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), p = /shadow/i, He = (e) => {
+}), Le = /* @__PURE__ */ new Set(["boxShadow", "boxShadowColor", "textShadow"]), p = /shadow/i, Ve = (e) => {
   if (!p.test(e)) return e;
-  const l = e.split(",").map((o) => o.trim()).filter((o) => !p.test(o));
+  const l = e.split(",").map((r) => r.trim()).filter((r) => !p.test(r));
   if (l.length !== 0)
     return l.join(", ");
-}, b = (e) => Array.isArray(e) ? e.map(b).filter((l) => l !== void 0) : typeof e == "string" ? He(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([l, o]) => {
-  if (Be.has(l) || p.test(l)) return [];
-  const n = b(o);
+}, b = (e) => Array.isArray(e) ? e.map(b).filter((l) => l !== void 0) : typeof e == "string" ? Ve(e) : !e || typeof e != "object" ? e : Object.fromEntries(Object.entries(e).flatMap(([l, r]) => {
+  if (Le.has(l) || p.test(l)) return [];
+  const n = b(r);
   return n === void 0 ? [] : [[l, n]];
 })), x = (e) => {
   const {
     shadows: l,
-    ...o
+    ...r
   } = e ?? {};
-  return o;
-}, Te = {
+  return r;
+}, Ie = {
   badge: ["surface"],
   button: ["secondary", "surface"]
-}, Le = (e) => {
+}, Xe = (e) => {
   const l = {
     ...e ?? {}
   };
-  for (const [o, n] of Object.entries(Te)) {
-    const s = l[o];
+  for (const [r, n] of Object.entries(Ie)) {
+    const s = l[r];
     if (!s || typeof s != "object") continue;
     const g = s, m = g.variants, f = m?.variant;
     if (!f) continue;
     const _ = new Set(n), y = Object.fromEntries(Object.entries(f).filter(([S]) => !_.has(S)));
-    l[o] = {
+    l[r] = {
       ...g,
       variants: {
         ...m,
@@ -2401,18 +2578,18 @@ const I = {
     };
   }
   return l;
-}, Ve = {
+}, Me = {
   ...d,
   theme: {
     ...d.theme,
     tokens: x(d.theme?.tokens),
     semanticTokens: x(d.theme?.semanticTokens),
-    recipes: Le(b(d.theme?.recipes)),
+    recipes: Xe(b(d.theme?.recipes)),
     slotRecipes: b(d.theme?.slotRecipes),
     layerStyles: b(d.theme?.layerStyles),
     animationStyles: b(d.theme?.animationStyles)
   }
-}, Ie = {
+}, Pe = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -2428,7 +2605,7 @@ const I = {
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, Me = {
+}, je = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -2524,7 +2701,7 @@ const I = {
       value: "{colors.fg.muted}"
     }
   }
-}, Pe = {
+}, Ue = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -2783,7 +2960,7 @@ const I = {
       }
     }
   }
-}, Xe = {
+}, Oe = {
   DEFAULT: {
     value: {
       _light: "#EAF0EB",
@@ -2843,14 +3020,14 @@ const I = {
       value: "{colors.border.subtle}"
     }
   }
-}, je = {
+}, Ye = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, Ue = {
+}, $e = {
   contrast: {
     value: {
       _light: "black",
@@ -2899,7 +3076,7 @@ const I = {
       _dark: "{colors.orange.500}"
     }
   }
-}, Oe = {
+}, Ne = {
   text: {
     primary: {
       value: {
@@ -3060,7 +3237,7 @@ const I = {
       }
     }
   }
-}, Ye = {
+}, qe = {
   selectable: {
     primary: {
       value: {
@@ -3069,15 +3246,26 @@ const I = {
       }
     }
   }
-}, $e = {
-  fg: Me,
-  bg: Pe,
-  border: Xe,
-  blue: je,
-  orange: Ue,
-  vis: Oe,
-  text: Ye
-}, Ne = F({
+}, Ge = {
+  fg: je,
+  bg: Ue,
+  border: Oe,
+  blue: Ye,
+  orange: $e,
+  vis: Ne,
+  text: qe
+}, Ke = F({
+  floatingBar: {
+    value: {
+      paddingInline: "sm",
+      paddingBlock: "2xs",
+      borderRadius: "md",
+      bg: "bg.elevated",
+      border: "1px solid",
+      borderColor: "border",
+      boxShadow: "lg"
+    }
+  },
   modal: {
     value: {
       paddingInline: "xs",
@@ -3088,7 +3276,7 @@ const I = {
       borderColor: "border"
     }
   }
-}), qe = k({
+}), Je = k({
   brand: {
     value: {
       fontFamily: "brand",
@@ -3274,6 +3462,24 @@ const I = {
       letterSpacing: "0.1px"
     }
   },
+  "label/2XS": {
+    value: {
+      fontFamily: "label",
+      fontSize: "2xs",
+      fontWeight: "400",
+      lineHeight: "150%",
+      letterSpacing: "0.08px"
+    }
+  },
+  "label/2XS/medium": {
+    value: {
+      fontFamily: "label",
+      fontSize: "2xs",
+      fontWeight: "500",
+      lineHeight: "150%",
+      letterSpacing: "0.08px"
+    }
+  },
   "mono/XS": {
     value: {
       fontFamily: "mono",
@@ -3347,57 +3553,59 @@ const I = {
       letterSpacing: "0.14px"
     }
   }
-}), Ge = E({
-  globalCss: j,
+}), Qe = E({
+  globalCss: U,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: qe,
-    layerStyles: Ne,
+    textStyles: Je,
+    layerStyles: Ke,
     recipes: {
-      badge: be,
-      button: ge,
-      divider: he,
-      input: _e,
-      kbd: ye,
-      skeleton: Ae,
-      textarea: De
+      badge: me,
+      button: ve,
+      divider: fe,
+      input: Se,
+      kbd: Fe,
+      skeleton: De,
+      textarea: Be
     },
     tokens: {
-      colors: te,
-      fonts: ae,
-      fontSizes: ie,
-      fontWeights: ne,
-      radii: ce,
-      sizes: de,
-      spacing: se
+      colors: ae,
+      borderWidths: ue,
+      fonts: ie,
+      fontSizes: ne,
+      fontWeights: se,
+      radii: be,
+      sizes: ce,
+      spacing: de
     },
     semanticTokens: {
-      colors: $e,
-      borders: Ie
+      colors: Ge,
+      borders: Pe
     },
     slotRecipes: {
-      alert: ue,
-      colorPicker: me,
-      drawer: pe,
-      tooltip: Re,
-      popover: Ce,
-      menu: Se,
-      numberInput: ke,
-      editable: fe,
-      form: xe,
-      dialog: ve,
-      progressCircle: we,
-      tabs: ze,
-      timeline: We
+      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
     }
   }
-}), eo = C(Ve, Ge);
+}), lo = C(Me, Qe);
 export {
-  Ze as a,
-  X as c,
-  eo as t
+  ro as a,
+  j as c,
+  lo as t
 };
-//# sourceMappingURL=theme-CNhnbvcE.js.map
+//# sourceMappingURL=theme-7PDdD9OD.js.map