@saas-ui/react 3.0.0-alpha.6 → 3.0.0-alpha.8

package/dist/index.js

@@ -1,12 +1,17 @@
 import {
   Tooltip
 } from "./chunk-QSNSWCTM.js";
+import {
+  colors
+} from "./chunk-IFYV7NUJ.js";
 import {
   SearchInput
 } from "./chunk-LIYUBUOP.js";
-import "./chunk-CTOVNZVS.js";
 import {
-  namespace_exports as namespace_exports4
+  SegmentedControl
+} from "./chunk-SKXSBAOS.js";
+import {
+  namespace_exports as namespace_exports3
 } from "./chunk-S3CQW7GD.js";
 import {
   sidebar_exports,
@@ -27,23 +32,22 @@ import {
 import {
   loading_overlay_exports,
   useLoadingOverlayStyles
-} from "./chunk-YWJZWB6I.js";
+} from "./chunk-7VSTNV2B.js";
 import {
   Spinner
 } from "./chunk-32JGENDB.js";
 import {
   menu_exports
-} from "./chunk-VF3BV2BY.js";
+} from "./chunk-JGHXJ3PI.js";
 import {
   navbar_exports
 } from "./chunk-3Z2C27LI.js";
-import {
-  PasswordInput
-} from "./chunk-QMG6HP7Z.js";
-import "./chunk-F3CVOMG5.js";
 import {
   NumberInput
 } from "./chunk-ULAJ3JEO.js";
+import {
+  PasswordInput
+} from "./chunk-CD2JUFI2.js";
 import {
   Persona,
   PersonaAvatar,
@@ -57,12 +61,11 @@ import {
   RadioGroup
 } from "./chunk-WYLMBMAH.js";
 import {
-  namespace_exports as namespace_exports2
-} from "./chunk-ZWSZQZ5G.js";
+  namespace_exports
+} from "./chunk-CB52LBJK.js";
 import {
-  namespace_exports as namespace_exports3
-} from "./chunk-GEPWRHHH.js";
-import "./chunk-VBIVLREP.js";
+  namespace_exports as namespace_exports2
+} from "./chunk-H6TFEHY4.js";
 import {
   EmptyState
 } from "./chunk-FJFNGSPL.js";
@@ -86,13 +89,13 @@ import {
 import {
   AppShell
 } from "./chunk-6ZNR6N2K.js";
+import {
+  breadcrumb_exports
+} from "./chunk-TT4C5VXB.js";
 import {
   Avatar,
   AvatarGroup
 } from "./chunk-UCQ3LZIE.js";
-import {
-  namespace_exports
-} from "./chunk-7C3IZBNJ.js";
 import {
   Button
 } from "./chunk-BCNPBZZK.js";
@@ -407,6 +410,7 @@ import { defineRecipe } from "@chakra-ui/react";
 var buttonRecipe = defineRecipe({
   className: "chakra-button",
   base: {
+    colorPalette: "gray",
     display: "inline-flex",
     appearance: "none",
     alignItems: "center",
@@ -1693,6 +1697,26 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.gray.900}", _dark: "{colors.white}" }
     }
   },
+  slate: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.slate.900}", _dark: "{colors.slate.200}" }
+    },
+    muted: {
+      value: { _light: "{colors.slate.100}", _dark: "{colors.slate.900}" }
+    },
+    subtle: {
+      value: { _light: "{colors.slate.200}", _dark: "{colors.slate.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.slate.300}", _dark: "{colors.slate.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.slate.500}", _dark: "{colors.slate.500}" }
+    }
+  },
   gray: {
     contrast: {
       value: { _light: "white", _dark: "white" }
@@ -1713,6 +1737,46 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.gray.500}", _dark: "{colors.gray.500}" }
     }
   },
+  zinc: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.zinc.900}", _dark: "{colors.zinc.200}" }
+    },
+    muted: {
+      value: { _light: "{colors.zinc.100}", _dark: "{colors.zinc.900}" }
+    },
+    subtle: {
+      value: { _light: "{colors.zinc.200}", _dark: "{colors.zinc.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.zinc.300}", _dark: "{colors.zinc.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.zinc.500}", _dark: "{colors.zinc.500}" }
+    }
+  },
+  stone: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.stone.900}", _dark: "{colors.stone.200}" }
+    },
+    muted: {
+      value: { _light: "{colors.stone.100}", _dark: "{colors.stone.900}" }
+    },
+    subtle: {
+      value: { _light: "{colors.stone.200}", _dark: "{colors.stone.800}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.stone.300}", _dark: "{colors.stone.700}" }
+    },
+    solid: {
+      value: { _light: "{colors.stone.500}", _dark: "{colors.stone.500}" }
+    }
+  },
   red: {
     contrast: {
       value: { _light: "white", _dark: "white" }
@@ -1753,6 +1817,66 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.orange.600}", _dark: "{colors.orange.500}" }
     }
   },
+  amber: {
+    contrast: {
+      value: { _light: "black", _dark: "black" }
+    },
+    fg: {
+      value: { _light: "{colors.amber.700}", _dark: "{colors.amber.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.amber.50}", _dark: "{colors.amber.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.amber.100}", _dark: "{colors.amber.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.amber.200}", _dark: "{colors.amber.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.amber.600}", _dark: "{colors.amber.600}" }
+    }
+  },
+  yellow: {
+    contrast: {
+      value: { _light: "black", _dark: "black" }
+    },
+    fg: {
+      value: { _light: "{colors.yellow.700}", _dark: "{colors.yellow.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.yellow.50}", _dark: "{colors.yellow.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.yellow.100}", _dark: "{colors.yellow.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.yellow.200}", _dark: "{colors.yellow.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.yellow.600}", _dark: "{colors.yellow.600}" }
+    }
+  },
+  lime: {
+    contrast: {
+      value: { _light: "black", _dark: "black" }
+    },
+    fg: {
+      value: { _light: "{colors.lime.700}", _dark: "{colors.lime.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.lime.50}", _dark: "{colors.lime.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.lime.100}", _dark: "{colors.lime.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.lime.200}", _dark: "{colors.lime.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.lime.600}", _dark: "{colors.lime.600}" }
+    }
+  },
   green: {
     contrast: {
       value: { _light: "white", _dark: "white" }
@@ -1773,64 +1897,104 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.green.600}", _dark: "{colors.green.600}" }
     }
   },
-  blue: {
+  emerald: {
     contrast: {
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.blue.700}", _dark: "{colors.blue.300}" }
+      value: { _light: "{colors.emerald.700}", _dark: "{colors.emerald.300}" }
     },
     muted: {
-      value: { _light: "{colors.blue.50}", _dark: "{colors.blue.950}" }
+      value: { _light: "{colors.emerald.50}", _dark: "{colors.emerald.950}" }
     },
     subtle: {
-      value: { _light: "{colors.blue.100}", _dark: "{colors.blue.900}" }
+      value: { _light: "{colors.emerald.100}", _dark: "{colors.emerald.900}" }
     },
     emphasized: {
-      value: { _light: "{colors.blue.200}", _dark: "{colors.blue.800}" }
+      value: { _light: "{colors.emerald.200}", _dark: "{colors.emerald.800}" }
     },
     solid: {
-      value: { _light: "{colors.blue.600}", _dark: "{colors.blue.600}" }
+      value: { _light: "{colors.emerald.600}", _dark: "{colors.emerald.600}" }
     }
   },
-  yellow: {
+  teal: {
     contrast: {
-      value: { _light: "black", _dark: "black" }
+      value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.yellow.700}", _dark: "{colors.yellow.300}" }
+      value: { _light: "{colors.teal.700}", _dark: "{colors.teal.300}" }
     },
     muted: {
-      value: { _light: "{colors.yellow.50}", _dark: "{colors.yellow.950}" }
+      value: { _light: "{colors.teal.50}", _dark: "{colors.teal.950}" }
     },
     subtle: {
-      value: { _light: "{colors.yellow.100}", _dark: "{colors.yellow.900}" }
+      value: { _light: "{colors.teal.100}", _dark: "{colors.teal.900}" }
     },
     emphasized: {
-      value: { _light: "{colors.yellow.200}", _dark: "{colors.yellow.800}" }
+      value: { _light: "{colors.teal.200}", _dark: "{colors.teal.800}" }
     },
     solid: {
-      value: { _light: "{colors.yellow.300}", _dark: "{colors.yellow.300}" }
+      value: { _light: "{colors.teal.600}", _dark: "{colors.teal.600}" }
     }
   },
-  teal: {
+  cyan: {
     contrast: {
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.teal.700}", _dark: "{colors.teal.300}" }
+      value: { _light: "{colors.cyan.700}", _dark: "{colors.cyan.300}" }
     },
     muted: {
-      value: { _light: "{colors.teal.50}", _dark: "{colors.teal.950}" }
+      value: { _light: "{colors.cyan.50}", _dark: "{colors.cyan.950}" }
     },
     subtle: {
-      value: { _light: "{colors.teal.100}", _dark: "{colors.teal.900}" }
+      value: { _light: "{colors.cyan.100}", _dark: "{colors.cyan.900}" }
     },
     emphasized: {
-      value: { _light: "{colors.teal.200}", _dark: "{colors.teal.800}" }
+      value: { _light: "{colors.cyan.200}", _dark: "{colors.cyan.800}" }
     },
     solid: {
-      value: { _light: "{colors.teal.600}", _dark: "{colors.teal.600}" }
+      value: { _light: "{colors.cyan.600}", _dark: "{colors.cyan.600}" }
+    }
+  },
+  sky: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.sky.700}", _dark: "{colors.sky.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.sky.50}", _dark: "{colors.sky.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.sky.100}", _dark: "{colors.sky.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.sky.200}", _dark: "{colors.sky.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.sky.600}", _dark: "{colors.sky.600}" }
+    }
+  },
+  blue: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.blue.700}", _dark: "{colors.blue.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.blue.50}", _dark: "{colors.blue.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.blue.100}", _dark: "{colors.blue.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.blue.200}", _dark: "{colors.blue.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.blue.600}", _dark: "{colors.blue.600}" }
     }
   },
   indigo: {
@@ -1853,6 +2017,26 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.indigo.600}", _dark: "{colors.indigo.600}" }
     }
   },
+  violet: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.violet.700}", _dark: "{colors.violet.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.violet.50}", _dark: "{colors.violet.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.violet.100}", _dark: "{colors.violet.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.violet.200}", _dark: "{colors.violet.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.violet.600}", _dark: "{colors.violet.600}" }
+    }
+  },
   purple: {
     contrast: {
       value: { _light: "white", _dark: "white" }
@@ -1873,6 +2057,26 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.purple.600}", _dark: "{colors.purple.600}" }
     }
   },
+  fuchsia: {
+    contrast: {
+      value: { _light: "white", _dark: "white" }
+    },
+    fg: {
+      value: { _light: "{colors.fuchsia.700}", _dark: "{colors.fuchsia.300}" }
+    },
+    muted: {
+      value: { _light: "{colors.fuchsia.50}", _dark: "{colors.fuchsia.950}" }
+    },
+    subtle: {
+      value: { _light: "{colors.fuchsia.100}", _dark: "{colors.fuchsia.900}" }
+    },
+    emphasized: {
+      value: { _light: "{colors.fuchsia.200}", _dark: "{colors.fuchsia.800}" }
+    },
+    solid: {
+      value: { _light: "{colors.fuchsia.600}", _dark: "{colors.fuchsia.600}" }
+    }
+  },
   pink: {
     contrast: {
       value: { _light: "white", _dark: "white" }
@@ -1893,24 +2097,24 @@ var semanticColors = defineSemanticTokens.colors({
       value: { _light: "{colors.pink.600}", _dark: "{colors.pink.600}" }
     }
   },
-  cyan: {
+  rose: {
     contrast: {
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.cyan.700}", _dark: "{colors.cyan.300}" }
+      value: { _light: "{colors.rose.700}", _dark: "{colors.rose.300}" }
     },
     muted: {
-      value: { _light: "{colors.cyan.50}", _dark: "{colors.cyan.950}" }
+      value: { _light: "{colors.rose.50}", _dark: "{colors.rose.950}" }
     },
     subtle: {
-      value: { _light: "{colors.cyan.100}", _dark: "{colors.cyan.900}" }
+      value: { _light: "{colors.rose.100}", _dark: "{colors.rose.900}" }
     },
     emphasized: {
-      value: { _light: "{colors.cyan.200}", _dark: "{colors.cyan.800}" }
+      value: { _light: "{colors.rose.200}", _dark: "{colors.rose.800}" }
     },
     solid: {
-      value: { _light: "{colors.cyan.600}", _dark: "{colors.cyan.600}" }
+      value: { _light: "{colors.rose.600}", _dark: "{colors.rose.600}" }
     }
   }
 });
@@ -4724,6 +4928,7 @@ var menuSlotRecipe = defineSlotRecipe27({
       bg: "bg.panel",
       boxShadow: "lg",
       color: "fg",
+      maxHeight: "var(--available-height)",
       "--menu-z-index": "zIndex.dropdown",
       zIndex: "calc(var(--menu-z-index) + var(--layer-index, 0))",
       borderRadius: "l2",
@@ -7822,330 +8027,9 @@ var borders = defineTokens4.borders({
   xl: { value: "8px solid" }
 });
 
-// src/theme/tokens/colors.ts
-import { defineTokens as defineTokens5 } from "@chakra-ui/react";
-var colors = defineTokens5.colors({
-  transparent: { value: "transparent" },
-  current: { value: "currentColor" },
-  black: { value: "#09090B" },
-  white: { value: "#FFFFFF" },
-  whiteAlpha: {
-    50: { value: "rgba(255, 255, 255, 0.04)" },
-    100: { value: "rgba(255, 255, 255, 0.06)" },
-    200: { value: "rgba(255, 255, 255, 0.08)" },
-    300: { value: "rgba(255, 255, 255, 0.16)" },
-    400: { value: "rgba(255, 255, 255, 0.24)" },
-    500: { value: "rgba(255, 255, 255, 0.36)" },
-    600: { value: "rgba(255, 255, 255, 0.48)" },
-    700: { value: "rgba(255, 255, 255, 0.64)" },
-    800: { value: "rgba(255, 255, 255, 0.80)" },
-    900: { value: "rgba(255, 255, 255, 0.92)" },
-    950: { value: "rgba(255, 255, 255, 0.95)" }
-  },
-  blackAlpha: {
-    50: { value: "rgba(0, 0, 0, 0.04)" },
-    100: { value: "rgba(0, 0, 0, 0.06)" },
-    200: { value: "rgba(0, 0, 0, 0.08)" },
-    300: { value: "rgba(0, 0, 0, 0.16)" },
-    400: { value: "rgba(0, 0, 0, 0.24)" },
-    500: { value: "rgba(0, 0, 0, 0.36)" },
-    600: { value: "rgba(0, 0, 0, 0.48)" },
-    700: { value: "rgba(0, 0, 0, 0.64)" },
-    800: { value: "rgba(0, 0, 0, 0.80)" },
-    900: { value: "rgba(0, 0, 0, 0.92)" },
-    950: { value: "rgba(0, 0, 0, 0.95)" }
-  },
-  gray: {
-    50: { value: "#fafafa" },
-    100: { value: "#f4f4f5" },
-    200: { value: "#e4e4e7" },
-    300: { value: "#d4d4d8" },
-    400: { value: "#a1a1aa" },
-    500: { value: "#71717a" },
-    600: { value: "#52525b" },
-    700: { value: "#3f3f46" },
-    800: { value: "#27272a" },
-    900: { value: "#18181b" },
-    950: { value: "#111111" }
-  },
-  red: {
-    50: { value: "#fef2f2" },
-    100: { value: "#fee2e2" },
-    200: { value: "#fecaca" },
-    300: { value: "#fca5a5" },
-    400: { value: "#f87171" },
-    500: { value: "#ef4444" },
-    600: { value: "#dc2626" },
-    700: { value: "#991919" },
-    800: { value: "#511111" },
-    900: { value: "#300c0c" },
-    950: { value: "#1f0808" }
-  },
-  orange: {
-    50: { value: "#fff7ed" },
-    100: { value: "#ffedd5" },
-    200: { value: "#fed7aa" },
-    300: { value: "#fdba74" },
-    400: { value: "#fb923c" },
-    500: { value: "#f97316" },
-    600: { value: "#ea580c" },
-    700: { value: "#92310a" },
-    800: { value: "#6c2710" },
-    900: { value: "#3b1106" },
-    950: { value: "#220a04" }
-  },
-  yellow: {
-    50: { value: "#fefce8" },
-    100: { value: "#fef9c3" },
-    200: { value: "#fef08a" },
-    300: { value: "#fde047" },
-    400: { value: "#facc15" },
-    500: { value: "#eab308" },
-    600: { value: "#ca8a04" },
-    700: { value: "#845209" },
-    800: { value: "#713f12" },
-    900: { value: "#422006" },
-    950: { value: "#281304" }
-  },
-  green: {
-    50: { value: "#f0fdf4" },
-    100: { value: "#dcfce7" },
-    200: { value: "#bbf7d0" },
-    300: { value: "#86efac" },
-    400: { value: "#4ade80" },
-    500: { value: "#22c55e" },
-    600: { value: "#16a34a" },
-    700: { value: "#116932" },
-    800: { value: "#124a28" },
-    900: { value: "#042713" },
-    950: { value: "#03190c" }
-  },
-  teal: {
-    50: { value: "#f0fdfa" },
-    100: { value: "#ccfbf1" },
-    200: { value: "#99f6e4" },
-    300: { value: "#5eead4" },
-    400: { value: "#2dd4bf" },
-    500: { value: "#14b8a6" },
-    600: { value: "#0d9488" },
-    700: { value: "#0c5d56" },
-    800: { value: "#114240" },
-    900: { value: "#032726" },
-    950: { value: "#021716" }
-  },
-  blue: {
-    50: { value: "#eff6ff" },
-    100: { value: "#dbeafe" },
-    200: { value: "#bfdbfe" },
-    300: { value: "#a3cfff" },
-    400: { value: "#60a5fa" },
-    500: { value: "#3b82f6" },
-    600: { value: "#2563eb" },
-    700: { value: "#173da6" },
-    800: { value: "#1a3478" },
-    900: { value: "#14204a" },
-    950: { value: "#0c142e" }
-  },
-  cyan: {
-    50: { value: "#ecfeff" },
-    100: { value: "#cffafe" },
-    200: { value: "#a5f3fc" },
-    300: { value: "#67e8f9" },
-    400: { value: "#22d3ee" },
-    500: { value: "#06b6d4" },
-    600: { value: "#0891b2" },
-    700: { value: "#0c5c72" },
-    800: { value: "#134152" },
-    900: { value: "#072a38" },
-    950: { value: "#051b24" }
-  },
-  indigo: {
-    50: { value: "#eef2ff" },
-    100: { value: "#e0e7ff" },
-    200: { value: "#c7d2fe" },
-    300: { value: "#a5b4fc" },
-    400: { value: "#818cf8" },
-    500: { value: "#6366f1" },
-    600: { value: "#4f46e5" },
-    700: { value: "#4338ca" },
-    800: { value: "#3730a3" },
-    900: { value: "#312e81" },
-    950: { value: "#1e1b4b" }
-  },
-  purple: {
-    50: { value: "#faf5ff" },
-    100: { value: "#f3e8ff" },
-    200: { value: "#e9d5ff" },
-    300: { value: "#d8b4fe" },
-    400: { value: "#c084fc" },
-    500: { value: "#a855f7" },
-    600: { value: "#9333ea" },
-    700: { value: "#641ba3" },
-    800: { value: "#4a1772" },
-    900: { value: "#2f0553" },
-    950: { value: "#1a032e" }
-  },
-  pink: {
-    50: { value: "#fdf2f8" },
-    100: { value: "#fce7f3" },
-    200: { value: "#fbcfe8" },
-    300: { value: "#f9a8d4" },
-    400: { value: "#f472b6" },
-    500: { value: "#ec4899" },
-    600: { value: "#db2777" },
-    700: { value: "#a41752" },
-    800: { value: "#6d0e34" },
-    900: { value: "#45061f" },
-    950: { value: "#2c0514" }
-  },
-  slate: {
-    50: { value: "#f8fafc" },
-    100: { value: "#f1f5f9" },
-    200: { value: "#e2e8f0" },
-    300: { value: "#cbd5e1" },
-    400: { value: "#94a3b8" },
-    500: { value: "#64748b" },
-    600: { value: "#475569" },
-    700: { value: "#334155" },
-    800: { value: "#1e293b" },
-    900: { value: "#0f172a" },
-    950: { value: "#020617" }
-  },
-  zinc: {
-    50: { value: "#fafafa" },
-    100: { value: "#f4f4f5" },
-    200: { value: "#e4e4e7" },
-    300: { value: "#d4d4d8" },
-    400: { value: "#a1a1aa" },
-    500: { value: "#71717a" },
-    600: { value: "#52525b" },
-    700: { value: "#3f3f46" },
-    800: { value: "#27272a" },
-    900: { value: "#18181b" },
-    950: { value: "#09090b" }
-  },
-  neutral: {
-    50: { value: "#fafafa" },
-    100: { value: "#f5f5f5" },
-    200: { value: "#e5e5e5" },
-    300: { value: "#d4d4d4" },
-    400: { value: "#a3a3a3" },
-    500: { value: "#737373" },
-    600: { value: "#525252" },
-    700: { value: "#404040" },
-    800: { value: "#262626" },
-    900: { value: "#171717" },
-    950: { value: "#0a0a0a" }
-  },
-  stone: {
-    50: { value: "#fafaf9" },
-    100: { value: "#f5f5f4" },
-    200: { value: "#e7e5e4" },
-    300: { value: "#d6d3d1" },
-    400: { value: "#a8a29e" },
-    500: { value: "#78716c" },
-    600: { value: "#57534e" },
-    700: { value: "#44403c" },
-    800: { value: "#292524" },
-    900: { value: "#1c1917" },
-    950: { value: "#0c0a09" }
-  },
-  amber: {
-    50: { value: "#fffbeb" },
-    100: { value: "#fef3c7" },
-    200: { value: "#fde68a" },
-    300: { value: "#fcd34d" },
-    400: { value: "#fbbf24" },
-    500: { value: "#f59e0b" },
-    600: { value: "#d97706" },
-    700: { value: "#b45309" },
-    800: { value: "#92400e" },
-    900: { value: "#78350f" },
-    950: { value: "#451a03" }
-  },
-  lime: {
-    50: { value: "#f7fee7" },
-    100: { value: "#ecfccb" },
-    200: { value: "#d9f99d" },
-    300: { value: "#bef264" },
-    400: { value: "#a3e635" },
-    500: { value: "#84cc16" },
-    600: { value: "#65a30d" },
-    700: { value: "#4d7c0f" },
-    800: { value: "#3f6212" },
-    900: { value: "#365314" },
-    950: { value: "#1a2e05" }
-  },
-  emerald: {
-    50: { value: "#ecfdf5" },
-    100: { value: "#d1fae5" },
-    200: { value: "#a7f3d0" },
-    300: { value: "#6ee7b7" },
-    400: { value: "#34d399" },
-    500: { value: "#10b981" },
-    600: { value: "#059669" },
-    700: { value: "#047857" },
-    800: { value: "#065f46" },
-    900: { value: "#064e3b" },
-    950: { value: "#022c22" }
-  },
-  sky: {
-    50: { value: "#f0f9ff" },
-    100: { value: "#e0f2fe" },
-    200: { value: "#bae6fd" },
-    300: { value: "#7dd3fc" },
-    400: { value: "#38bdf8" },
-    500: { value: "#0ea5e9" },
-    600: { value: "#0284c7" },
-    700: { value: "#0369a1" },
-    800: { value: "#075985" },
-    900: { value: "#0c4a6e" },
-    950: { value: "#082f49" }
-  },
-  violet: {
-    50: { value: "#f5f3ff" },
-    100: { value: "#ede9fe" },
-    200: { value: "#ddd6fe" },
-    300: { value: "#c4b5fd" },
-    400: { value: "#a78bfa" },
-    500: { value: "#8b5cf6" },
-    600: { value: "#7c3aed" },
-    700: { value: "#6d28d9" },
-    800: { value: "#5b21b6" },
-    900: { value: "#4c1d95" },
-    950: { value: "#2e1065" }
-  },
-  fuchsia: {
-    50: { value: "#fdf4ff" },
-    100: { value: "#fae8ff" },
-    200: { value: "#f5d0fe" },
-    300: { value: "#f0abfc" },
-    400: { value: "#e879f9" },
-    500: { value: "#d946ef" },
-    600: { value: "#c026d3" },
-    700: { value: "#a21caf" },
-    800: { value: "#86198f" },
-    900: { value: "#701a75" },
-    950: { value: "#4a044e" }
-  },
-  rose: {
-    50: { value: "#fff1f2" },
-    100: { value: "#ffe4e6" },
-    200: { value: "#fecdd3" },
-    300: { value: "#fda4af" },
-    400: { value: "#fb7185" },
-    500: { value: "#f43f5e" },
-    600: { value: "#e11d48" },
-    700: { value: "#be123c" },
-    800: { value: "#9f1239" },
-    900: { value: "#881337" },
-    950: { value: "#4c0519" }
-  }
-});
-
 // src/theme/tokens/cursor.ts
-import { defineTokens as defineTokens6 } from "@chakra-ui/react";
-var cursor = defineTokens6.cursor({
+import { defineTokens as defineTokens5 } from "@chakra-ui/react";
+var cursor = defineTokens5.cursor({
   button: { value: "pointer" },
   checkbox: { value: "default" },
   disabled: { value: "not-allowed" },
@@ -8157,8 +8041,8 @@ var cursor = defineTokens6.cursor({
 });
 
 // src/theme/tokens/durations.ts
-import { defineTokens as defineTokens7 } from "@chakra-ui/react";
-var durations = defineTokens7.durations({
+import { defineTokens as defineTokens6 } from "@chakra-ui/react";
+var durations = defineTokens6.durations({
   fastest: { value: "50ms" },
   faster: { value: "100ms" },
   fast: { value: "150ms" },
@@ -8169,8 +8053,8 @@ var durations = defineTokens7.durations({
 });
 
 // src/theme/tokens/easings.ts
-import { defineTokens as defineTokens8 } from "@chakra-ui/react";
-var easings = defineTokens8.easings({
+import { defineTokens as defineTokens7 } from "@chakra-ui/react";
+var easings = defineTokens7.easings({
   "ease-in": { value: "cubic-bezier(0.42, 0, 1, 1)" },
   "ease-out": { value: "cubic-bezier(0, 0, 0.58, 1)" },
   "ease-in-out": { value: "cubic-bezier(0.42, 0, 0.58, 1)" },
@@ -8180,8 +8064,8 @@ var easings = defineTokens8.easings({
 });
 
 // src/theme/tokens/font-sizes.ts
-import { defineTokens as defineTokens9 } from "@chakra-ui/react";
-var fontSizes = defineTokens9.fontSizes({
+import { defineTokens as defineTokens8 } from "@chakra-ui/react";
+var fontSizes = defineTokens8.fontSizes({
   "2xs": { value: scaleToken("0.65rem") },
   xs: { value: scaleToken("0.725rem") },
   sm: { value: scaleToken("0.875rem") },
@@ -8199,8 +8083,8 @@ var fontSizes = defineTokens9.fontSizes({
 });
 
 // src/theme/tokens/font-weights.ts
-import { defineTokens as defineTokens10 } from "@chakra-ui/react";
-var fontWeights = defineTokens10.fontWeights({
+import { defineTokens as defineTokens9 } from "@chakra-ui/react";
+var fontWeights = defineTokens9.fontWeights({
   thin: { value: "100" },
   extralight: { value: "200" },
   light: { value: "300" },
@@ -8213,9 +8097,9 @@ var fontWeights = defineTokens10.fontWeights({
 });
 
 // src/theme/tokens/fonts.ts
-import { defineTokens as defineTokens11 } from "@chakra-ui/react";
+import { defineTokens as defineTokens10 } from "@chakra-ui/react";
 var fallback = `-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"`;
-var fonts = defineTokens11.fonts({
+var fonts = defineTokens10.fonts({
   heading: {
     value: `Inter Variable, Inter, ${fallback}`
   },
@@ -8387,8 +8271,8 @@ var keyframes = defineKeyframes({
 });
 
 // src/theme/tokens/letter-spacing.ts
-import { defineTokens as defineTokens12 } from "@chakra-ui/react";
-var letterSpacings = defineTokens12.letterSpacings({
+import { defineTokens as defineTokens11 } from "@chakra-ui/react";
+var letterSpacings = defineTokens11.letterSpacings({
   tighter: { value: "-0.05em" },
   tight: { value: "-0.025em" },
   wide: { value: "0.025em" },
@@ -8397,8 +8281,8 @@ var letterSpacings = defineTokens12.letterSpacings({
 });
 
 // src/theme/tokens/line-heights.ts
-import { defineTokens as defineTokens13 } from "@chakra-ui/react";
-var lineHeights = defineTokens13.lineHeights({
+import { defineTokens as defineTokens12 } from "@chakra-ui/react";
+var lineHeights = defineTokens12.lineHeights({
   shorter: { value: scaleToken("1.25") },
   short: { value: scaleToken("1.375") },
   moderate: { value: scaleToken("1.5") },
@@ -8415,8 +8299,8 @@ var lineHeights = defineTokens13.lineHeights({
 });
 
 // src/theme/tokens/radius.ts
-import { defineTokens as defineTokens14 } from "@chakra-ui/react";
-var radii = defineTokens14.radii({
+import { defineTokens as defineTokens13 } from "@chakra-ui/react";
+var radii = defineTokens13.radii({
   "2xs": {
     value: radiusToken("0.0625rem")
   },
@@ -8432,11 +8316,11 @@ var radii = defineTokens14.radii({
 });
 
 // src/theme/tokens/sizes.ts
-import { defineTokens as defineTokens16 } from "@chakra-ui/react";
+import { defineTokens as defineTokens15 } from "@chakra-ui/react";
 
 // src/theme/tokens/spacing.ts
-import { defineTokens as defineTokens15 } from "@chakra-ui/react";
-var spacing = defineTokens15.spacing({
+import { defineTokens as defineTokens14 } from "@chakra-ui/react";
+var spacing = defineTokens14.spacing({
   0.5: { value: scaleToken("0.125rem") },
   1: { value: scaleToken("0.25rem") },
   1.5: { value: scaleToken("0.375rem") },
@@ -8472,7 +8356,7 @@ var spacing = defineTokens15.spacing({
 });
 
 // src/theme/tokens/sizes.ts
-var largeSizes = defineTokens16.sizes({
+var largeSizes = defineTokens15.sizes({
   "3xs": { value: "14rem" },
   "2xs": { value: "16rem" },
   xs: { value: "20rem" },
@@ -8488,7 +8372,7 @@ var largeSizes = defineTokens16.sizes({
   "7xl": { value: "80rem" },
   "8xl": { value: "90rem" }
 });
-var namedSizes = defineTokens16.sizes({
+var namedSizes = defineTokens15.sizes({
   max: { value: "max-content" },
   min: { value: "min-content" },
   fit: { value: "fit-content" },
@@ -8503,7 +8387,7 @@ var namedSizes = defineTokens16.sizes({
   vw: { value: "100vw" },
   vh: { value: "100vh" }
 });
-var fractionalSizes = defineTokens16.sizes({
+var fractionalSizes = defineTokens15.sizes({
   "1/2": { value: "50%" },
   "1/3": { value: "33.333333%" },
   "2/3": { value: "66.666667%" },
@@ -8530,7 +8414,7 @@ var fractionalSizes = defineTokens16.sizes({
   "10/12": { value: "83.333333%" },
   "11/12": { value: "91.666667%" }
 });
-var sizes = defineTokens16.sizes({
+var sizes = defineTokens15.sizes({
   ...largeSizes,
   ...spacing,
   ...fractionalSizes,
@@ -8538,8 +8422,8 @@ var sizes = defineTokens16.sizes({
 });
 
 // src/theme/tokens/z-indices.ts
-import { defineTokens as defineTokens17 } from "@chakra-ui/react";
-var zIndices = defineTokens17.zIndex({
+import { defineTokens as defineTokens16 } from "@chakra-ui/react";
+var zIndices = defineTokens16.zIndex({
   // Local elements, eg a badge of an avatar.
   "layer-1": {
     value: 1
@@ -8623,13 +8507,13 @@ export {
   AppShell,
   Avatar,
   AvatarGroup,
-  namespace_exports as Breadcrumb,
+  breadcrumb_exports as Breadcrumb,
   Button,
   Checkbox,
   CloseButton,
   Command,
-  namespace_exports2 as Dialog,
-  namespace_exports3 as Drawer,
+  namespace_exports as Dialog,
+  namespace_exports2 as Drawer,
   EmptyState,
   grid_list_exports as GridList,
   IconBadge,
@@ -8646,7 +8530,8 @@ export {
   Radio,
   RadioGroup,
   SearchInput,
-  namespace_exports4 as Select,
+  SegmentedControl,
+  namespace_exports3 as Select,
   sidebar_exports as Sidebar,
   Spinner,
   steps_exports as Steps,