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

package/dist/index.cjs

@@ -33,13 +33,13 @@ __export(src_exports, {
   AppShell: () => AppShell,
   Avatar: () => Avatar,
   AvatarGroup: () => AvatarGroup,
-  Breadcrumb: () => namespace_exports,
+  Breadcrumb: () => breadcrumb_exports,
   Button: () => Button,
   Checkbox: () => Checkbox,
   CloseButton: () => CloseButton,
   Command: () => Command,
-  Dialog: () => namespace_exports2,
-  Drawer: () => namespace_exports3,
+  Dialog: () => namespace_exports,
+  Drawer: () => namespace_exports2,
   EmptyState: () => EmptyState,
   GridList: () => grid_list_exports,
   IconBadge: () => IconBadge,
@@ -56,7 +56,8 @@ __export(src_exports, {
   Radio: () => Radio,
   RadioGroup: () => RadioGroup,
   SearchInput: () => SearchInput,
-  Select: () => namespace_exports4,
+  SegmentedControl: () => SegmentedControl,
+  Select: () => namespace_exports3,
   Sidebar: () => sidebar_exports,
   Spinner: () => Spinner2,
   Steps: () => steps_exports,
@@ -65,7 +66,7 @@ __export(src_exports, {
   Switch: () => Switch,
   Toaster: () => Toaster,
   Tooltip: () => Tooltip,
-  createSystem: () => import_react166.createSystem,
+  createSystem: () => import_react168.createSystem,
   defaultConfig: () => defaultConfig,
   defaultPresenceOptions: () => defaultPresenceOptions,
   defaultSystem: () => defaultSystem,
@@ -1664,6 +1665,26 @@ var semanticColors = import_react25.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" }
@@ -1684,6 +1705,46 @@ var semanticColors = import_react25.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" }
@@ -1724,6 +1785,66 @@ var semanticColors = import_react25.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" }
@@ -1744,64 +1865,104 @@ var semanticColors = import_react25.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: {
@@ -1824,6 +1985,26 @@ var semanticColors = import_react25.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" }
@@ -1844,6 +2025,26 @@ var semanticColors = import_react25.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" }
@@ -1864,24 +2065,24 @@ var semanticColors = import_react25.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}" }
     }
   }
 });
@@ -4695,6 +4896,7 @@ var menuSlotRecipe = (0, import_react54.defineSlotRecipe)({
       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",
@@ -7798,319 +8000,319 @@ var import_react82 = require("@chakra-ui/react");
 var colors = import_react82.defineTokens.colors({
   transparent: { value: "transparent" },
   current: { value: "currentColor" },
-  black: { value: "#09090B" },
-  white: { value: "#FFFFFF" },
+  black: { value: "oklch(0.07 0 0)" },
+  white: { value: "oklch(1 0 0)" },
   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)" }
+    50: { value: "oklch(1 0 0 / 0.04)" },
+    100: { value: "oklch(1 0 0 / 0.06)" },
+    200: { value: "oklch(1 0 0 / 0.08)" },
+    300: { value: "oklch(1 0 0 / 0.16)" },
+    400: { value: "oklch(1 0 0 / 0.24)" },
+    500: { value: "oklch(1 0 0 / 0.36)" },
+    600: { value: "oklch(1 0 0 / 0.48)" },
+    700: { value: "oklch(1 0 0 / 0.64)" },
+    800: { value: "oklch(1 0 0 / 0.80)" },
+    900: { value: "oklch(1 0 0 / 0.92)" },
+    950: { value: "oklch(1 0 0 / 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" }
+    50: { value: "oklch(0 0 0 / 0.04)" },
+    100: { value: "oklch(0 0 0 / 0.06)" },
+    200: { value: "oklch(0 0 0 / 0.08)" },
+    300: { value: "oklch(0 0 0 / 0.16)" },
+    400: { value: "oklch(0 0 0 / 0.24)" },
+    500: { value: "oklch(0 0 0 / 0.36)" },
+    600: { value: "oklch(0 0 0 / 0.48)" },
+    700: { value: "oklch(0 0 0 / 0.64)" },
+    800: { value: "oklch(0 0 0 / 0.80)" },
+    900: { value: "oklch(0 0 0 / 0.92)" },
+    950: { value: "oklch(0 0 0 / 0.95)" }
   },
-  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" }
+  slate: {
+    50: { value: "oklch(0.984 0.003 247.858)" },
+    100: { value: "oklch(0.968 0.007 247.896)" },
+    200: { value: "oklch(0.929 0.013 255.508)" },
+    300: { value: "oklch(0.869 0.022 252.894)" },
+    400: { value: "oklch(0.704 0.04 256.788)" },
+    500: { value: "oklch(0.554 0.046 257.417)" },
+    600: { value: "oklch(0.446 0.043 257.281)" },
+    700: { value: "oklch(0.372 0.044 257.287)" },
+    800: { value: "oklch(0.279 0.041 260.031)" },
+    900: { value: "oklch(0.208 0.042 265.755)" },
+    950: { value: "oklch(0.129 0.042 264.695)" }
   },
-  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" }
+  gray: {
+    50: { value: "oklch(0.985 0.002 247.839)" },
+    100: { value: "oklch(0.967 0.003 264.542)" },
+    200: { value: "oklch(0.928 0.006 264.531)" },
+    300: { value: "oklch(0.872 0.01 258.338)" },
+    400: { value: "oklch(0.707 0.022 261.325)" },
+    500: { value: "oklch(0.551 0.027 264.364)" },
+    600: { value: "oklch(0.446 0.03 256.802)" },
+    700: { value: "oklch(0.373 0.034 259.733)" },
+    800: { value: "oklch(0.278 0.033 256.848)" },
+    900: { value: "oklch(0.21 0.034 264.665)" },
+    950: { value: "oklch(0.13 0.028 261.692)" }
   },
-  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" }
+  zinc: {
+    50: { value: "oklch(0.985 0 0)" },
+    100: { value: "oklch(0.967 0.001 286.375)" },
+    200: { value: "oklch(0.92 0.004 286.32)" },
+    300: { value: "oklch(0.871 0.006 286.286)" },
+    400: { value: "oklch(0.705 0.015 286.067)" },
+    500: { value: "oklch(0.552 0.016 285.938)" },
+    600: { value: "oklch(0.442 0.017 285.786)" },
+    700: { value: "oklch(0.37 0.013 285.805)" },
+    800: { value: "oklch(0.274 0.006 286.033)" },
+    900: { value: "oklch(0.21 0.006 285.885)" },
+    950: { value: "oklch(0.141 0.005 285.823)" }
   },
-  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" }
+  neutral: {
+    50: { value: "oklch(0.985 0 0)" },
+    100: { value: "oklch(0.97 0 0)" },
+    200: { value: "oklch(0.922 0 0)" },
+    300: { value: "oklch(0.87 0 0)" },
+    400: { value: "oklch(0.708 0 0)" },
+    500: { value: "oklch(0.556 0 0)" },
+    600: { value: "oklch(0.439 0 0)" },
+    700: { value: "oklch(0.371 0 0)" },
+    800: { value: "oklch(0.269 0 0)" },
+    900: { value: "oklch(0.205 0 0)" },
+    950: { value: "oklch(0.145 0 0)" }
   },
-  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" }
+  stone: {
+    50: { value: "oklch(0.985 0.001 106.423)" },
+    100: { value: "oklch(0.97 0.001 106.424)" },
+    200: { value: "oklch(0.923 0.003 48.717)" },
+    300: { value: "oklch(0.869 0.005 56.366)" },
+    400: { value: "oklch(0.709 0.01 56.259)" },
+    500: { value: "oklch(0.553 0.013 58.071)" },
+    600: { value: "oklch(0.444 0.011 73.639)" },
+    700: { value: "oklch(0.374 0.01 67.558)" },
+    800: { value: "oklch(0.268 0.007 34.298)" },
+    900: { value: "oklch(0.216 0.006 56.043)" },
+    950: { value: "oklch(0.147 0.004 49.25)" }
   },
-  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" }
+  red: {
+    50: { value: "oklch(0.971 0.013 17.38)" },
+    100: { value: "oklch(0.936 0.032 17.717)" },
+    200: { value: "oklch(0.885 0.062 18.334)" },
+    300: { value: "oklch(0.808 0.114 19.571)" },
+    400: { value: "oklch(0.704 0.191 22.216)" },
+    500: { value: "oklch(0.637 0.237 25.331)" },
+    600: { value: "oklch(0.577 0.245 27.325)" },
+    700: { value: "oklch(0.505 0.213 27.518)" },
+    800: { value: "oklch(0.444 0.177 26.899)" },
+    900: { value: "oklch(0.396 0.141 25.723)" },
+    950: { value: "oklch(0.258 0.092 26.042)" }
   },
-  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" }
+  orange: {
+    50: { value: "oklch(0.98 0.016 73.684)" },
+    100: { value: "oklch(0.954 0.038 75.164)" },
+    200: { value: "oklch(0.901 0.076 70.697)" },
+    300: { value: "oklch(0.837 0.128 66.29)" },
+    400: { value: "oklch(0.75 0.183 55.934)" },
+    500: { value: "oklch(0.705 0.213 47.604)" },
+    600: { value: "oklch(0.646 0.222 41.116)" },
+    700: { value: "oklch(0.553 0.195 38.402)" },
+    800: { value: "oklch(0.47 0.157 37.304)" },
+    900: { value: "oklch(0.408 0.123 38.172)" },
+    950: { value: "oklch(0.266 0.079 36.259)" }
   },
-  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" }
+  amber: {
+    50: { value: "oklch(0.987 0.022 95.277)" },
+    100: { value: "oklch(0.962 0.059 95.617)" },
+    200: { value: "oklch(0.924 0.12 95.746)" },
+    300: { value: "oklch(0.879 0.169 91.605)" },
+    400: { value: "oklch(0.828 0.189 84.429)" },
+    500: { value: "oklch(0.769 0.188 70.08)" },
+    600: { value: "oklch(0.666 0.179 58.318)" },
+    700: { value: "oklch(0.555 0.163 48.998)" },
+    800: { value: "oklch(0.473 0.137 46.201)" },
+    900: { value: "oklch(0.414 0.112 45.904)" },
+    950: { value: "oklch(0.279 0.077 45.635)" }
   },
-  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" }
+  yellow: {
+    50: { value: "oklch(0.987 0.026 102.212)" },
+    100: { value: "oklch(0.973 0.071 103.193)" },
+    200: { value: "oklch(0.945 0.129 101.54)" },
+    300: { value: "oklch(0.905 0.182 98.111)" },
+    400: { value: "oklch(0.852 0.199 91.936)" },
+    500: { value: "oklch(0.795 0.184 86.047)" },
+    600: { value: "oklch(0.681 0.162 75.834)" },
+    700: { value: "oklch(0.554 0.135 66.442)" },
+    800: { value: "oklch(0.476 0.114 61.907)" },
+    900: { value: "oklch(0.421 0.095 57.708)" },
+    950: { value: "oklch(0.286 0.066 53.813)" }
   },
-  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" }
+  lime: {
+    50: { value: "oklch(0.986 0.031 120.757)" },
+    100: { value: "oklch(0.967 0.067 122.328)" },
+    200: { value: "oklch(0.938 0.127 124.321)" },
+    300: { value: "oklch(0.897 0.196 126.665)" },
+    400: { value: "oklch(0.841 0.238 128.85)" },
+    500: { value: "oklch(0.768 0.233 130.85)" },
+    600: { value: "oklch(0.648 0.2 131.684)" },
+    700: { value: "oklch(0.532 0.157 131.589)" },
+    800: { value: "oklch(0.453 0.124 130.933)" },
+    900: { value: "oklch(0.405 0.101 131.063)" },
+    950: { value: "oklch(0.274 0.072 132.109)" }
   },
-  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" }
+  green: {
+    50: { value: "oklch(0.982 0.018 155.826)" },
+    100: { value: "oklch(0.962 0.044 156.743)" },
+    200: { value: "oklch(0.925 0.084 155.995)" },
+    300: { value: "oklch(0.871 0.15 154.449)" },
+    400: { value: "oklch(0.792 0.209 151.711)" },
+    500: { value: "oklch(0.723 0.219 149.579)" },
+    600: { value: "oklch(0.627 0.194 149.214)" },
+    700: { value: "oklch(0.527 0.154 150.069)" },
+    800: { value: "oklch(0.448 0.119 151.328)" },
+    900: { value: "oklch(0.393 0.095 152.535)" },
+    950: { value: "oklch(0.266 0.065 152.934)" }
   },
-  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" }
+  emerald: {
+    50: { value: "oklch(0.979 0.021 166.113)" },
+    100: { value: "oklch(0.95 0.052 163.051)" },
+    200: { value: "oklch(0.905 0.093 164.15)" },
+    300: { value: "oklch(0.845 0.143 164.978)" },
+    400: { value: "oklch(0.765 0.177 163.223)" },
+    500: { value: "oklch(0.696 0.17 162.48)" },
+    600: { value: "oklch(0.596 0.145 163.225)" },
+    700: { value: "oklch(0.508 0.118 165.612)" },
+    800: { value: "oklch(0.432 0.095 166.913)" },
+    900: { value: "oklch(0.378 0.077 168.94)" },
+    950: { value: "oklch(0.262 0.051 172.552)" }
   },
-  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" }
+  teal: {
+    50: { value: "oklch(0.984 0.014 180.72)" },
+    100: { value: "oklch(0.953 0.051 180.801)" },
+    200: { value: "oklch(0.91 0.096 180.426)" },
+    300: { value: "oklch(0.855 0.138 181.071)" },
+    400: { value: "oklch(0.777 0.152 181.912)" },
+    500: { value: "oklch(0.704 0.14 182.503)" },
+    600: { value: "oklch(0.6 0.118 184.704)" },
+    700: { value: "oklch(0.511 0.096 186.391)" },
+    800: { value: "oklch(0.437 0.078 188.216)" },
+    900: { value: "oklch(0.386 0.063 188.416)" },
+    950: { value: "oklch(0.277 0.046 192.524)" }
   },
-  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" }
+  cyan: {
+    50: { value: "oklch(0.984 0.019 200.873)" },
+    100: { value: "oklch(0.956 0.045 203.388)" },
+    200: { value: "oklch(0.917 0.08 205.041)" },
+    300: { value: "oklch(0.865 0.127 207.078)" },
+    400: { value: "oklch(0.789 0.154 211.53)" },
+    500: { value: "oklch(0.715 0.143 215.221)" },
+    600: { value: "oklch(0.609 0.126 221.723)" },
+    700: { value: "oklch(0.52 0.105 223.128)" },
+    800: { value: "oklch(0.45 0.085 224.283)" },
+    900: { value: "oklch(0.398 0.07 227.392)" },
+    950: { value: "oklch(0.302 0.056 229.695)" }
   },
-  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" }
+  sky: {
+    50: { value: "oklch(0.977 0.013 236.62)" },
+    100: { value: "oklch(0.951 0.026 236.824)" },
+    200: { value: "oklch(0.901 0.058 230.902)" },
+    300: { value: "oklch(0.828 0.111 230.318)" },
+    400: { value: "oklch(0.746 0.16 232.661)" },
+    500: { value: "oklch(0.685 0.169 237.323)" },
+    600: { value: "oklch(0.588 0.158 241.966)" },
+    700: { value: "oklch(0.5 0.134 242.749)" },
+    800: { value: "oklch(0.443 0.11 240.79)" },
+    900: { value: "oklch(0.391 0.09 240.876)" },
+    950: { value: "oklch(0.293 0.066 243.157)" }
   },
-  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" }
+  blue: {
+    50: { value: "oklch(0.97 0.014 254.604)" },
+    100: { value: "oklch(0.932 0.032 255.585)" },
+    200: { value: "oklch(0.882 0.059 254.128)" },
+    300: { value: "oklch(0.809 0.105 251.813)" },
+    400: { value: "oklch(0.707 0.165 254.624)" },
+    500: { value: "oklch(0.623 0.214 259.815)" },
+    600: { value: "oklch(0.546 0.245 262.881)" },
+    700: { value: "oklch(0.488 0.243 264.376)" },
+    800: { value: "oklch(0.424 0.199 265.638)" },
+    900: { value: "oklch(0.379 0.146 265.522)" },
+    950: { value: "oklch(0.282 0.091 267.935)" }
   },
-  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" }
+  indigo: {
+    50: { value: "oklch(0.962 0.018 272.314)" },
+    100: { value: "oklch(0.93 0.034 272.788)" },
+    200: { value: "oklch(0.87 0.065 274.039)" },
+    300: { value: "oklch(0.785 0.115 274.713)" },
+    400: { value: "oklch(0.673 0.182 276.935)" },
+    500: { value: "oklch(0.585 0.233 277.117)" },
+    600: { value: "oklch(0.511 0.262 276.966)" },
+    700: { value: "oklch(0.457 0.24 277.023)" },
+    800: { value: "oklch(0.398 0.195 277.366)" },
+    900: { value: "oklch(0.359 0.144 278.697)" },
+    950: { value: "oklch(0.257 0.09 281.288)" }
   },
   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" }
+    50: { value: "oklch(0.969 0.016 293.756)" },
+    100: { value: "oklch(0.943 0.029 294.588)" },
+    200: { value: "oklch(0.894 0.057 293.283)" },
+    300: { value: "oklch(0.811 0.111 293.571)" },
+    400: { value: "oklch(0.702 0.183 293.541)" },
+    500: { value: "oklch(0.606 0.25 292.717)" },
+    600: { value: "oklch(0.541 0.281 293.009)" },
+    700: { value: "oklch(0.491 0.27 292.581)" },
+    800: { value: "oklch(0.432 0.232 292.759)" },
+    900: { value: "oklch(0.38 0.189 293.745)" },
+    950: { value: "oklch(0.283 0.141 291.089)" }
+  },
+  purple: {
+    50: { value: "oklch(0.977 0.014 308.299)" },
+    100: { value: "oklch(0.946 0.033 307.174)" },
+    200: { value: "oklch(0.902 0.063 306.703)" },
+    300: { value: "oklch(0.827 0.119 306.383)" },
+    400: { value: "oklch(0.714 0.203 305.504)" },
+    500: { value: "oklch(0.627 0.265 303.9)" },
+    600: { value: "oklch(0.558 0.288 302.321)" },
+    700: { value: "oklch(0.496 0.265 301.924)" },
+    800: { value: "oklch(0.438 0.218 303.724)" },
+    900: { value: "oklch(0.381 0.176 304.987)" },
+    950: { value: "oklch(0.291 0.149 302.717)" }
   },
   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" }
+    50: { value: "oklch(0.977 0.017 320.058)" },
+    100: { value: "oklch(0.952 0.037 318.852)" },
+    200: { value: "oklch(0.903 0.076 319.62)" },
+    300: { value: "oklch(0.833 0.145 321.434)" },
+    400: { value: "oklch(0.74 0.238 322.16)" },
+    500: { value: "oklch(0.667 0.295 322.15)" },
+    600: { value: "oklch(0.591 0.293 322.896)" },
+    700: { value: "oklch(0.518 0.253 323.949)" },
+    800: { value: "oklch(0.452 0.211 324.591)" },
+    900: { value: "oklch(0.401 0.17 325.612)" },
+    950: { value: "oklch(0.293 0.136 325.661)" }
+  },
+  pink: {
+    50: { value: "oklch(0.971 0.014 343.198)" },
+    100: { value: "oklch(0.948 0.028 342.258)" },
+    200: { value: "oklch(0.899 0.061 343.231)" },
+    300: { value: "oklch(0.823 0.12 346.018)" },
+    400: { value: "oklch(0.718 0.202 349.761)" },
+    500: { value: "oklch(0.656 0.241 354.308)" },
+    600: { value: "oklch(0.592 0.249 0.584)" },
+    700: { value: "oklch(0.525 0.223 3.958)" },
+    800: { value: "oklch(0.459 0.187 3.815)" },
+    900: { value: "oklch(0.408 0.153 2.432)" },
+    950: { value: "oklch(0.284 0.109 3.907)" }
   },
   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" }
+    50: { value: "oklch(0.969 0.015 12.422)" },
+    100: { value: "oklch(0.941 0.03 12.58)" },
+    200: { value: "oklch(0.892 0.058 10.001)" },
+    300: { value: "oklch(0.81 0.117 11.638)" },
+    400: { value: "oklch(0.712 0.194 13.428)" },
+    500: { value: "oklch(0.645 0.246 16.439)" },
+    600: { value: "oklch(0.586 0.253 17.585)" },
+    700: { value: "oklch(0.514 0.222 16.935)" },
+    800: { value: "oklch(0.455 0.188 13.697)" },
+    900: { value: "oklch(0.41 0.159 10.272)" },
+    950: { value: "oklch(0.271 0.105 12.094)" }
   }
 });
 
@@ -8589,7 +8791,7 @@ var defaultConfig = (0, import_react97.mergeConfigs)(import_react97.defaultBaseC
 var defaultSystem = (0, import_react97.createSystem)(defaultConfig);
 
 // src/index.ts
-var import_react166 = require("@chakra-ui/react");
+var import_react168 = require("@chakra-ui/react");
 
 // src/provider/sui-provider.tsx
 var React = __toESM(require("react"), 1);
@@ -8693,16 +8895,14 @@ var AvatarGroup = (0, import_react102.forwardRef)(
   }
 );
 
-// src/components/breadcrumbs/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
   CurrentLink: () => BreadcrumbCurrentLink,
   Ellipsis: () => BreadcrumbEllipsis,
   Link: () => BreadcrumbLink,
   Root: () => BreadcrumbRoot
 });
-
-// src/components/breadcrumbs/breadcrumb.tsx
 var import_react104 = require("react");
 var import_react105 = require("@chakra-ui/react");
 var import_jsx_runtime4 = require("react/jsx-runtime");
@@ -8912,8 +9112,8 @@ var Command = (props2) => {
 var CommandRoot = withContext2("span");
 
 // src/components/dialog/namespace.ts
-var namespace_exports2 = {};
-__export(namespace_exports2, {
+var namespace_exports = {};
+__export(namespace_exports, {
   ActionTrigger: () => DialogActionTrigger,
   Backdrop: () => DialogBackdrop,
   Body: () => DialogBody,
@@ -10830,8 +11030,8 @@ var DialogTrigger = import_react122.Dialog.Trigger;
 var DialogActionTrigger = import_react122.Dialog.ActionTrigger;
 
 // src/components/drawer/namespace.ts
-var namespace_exports3 = {};
-__export(namespace_exports3, {
+var namespace_exports2 = {};
+__export(namespace_exports2, {
   ActionTrigger: () => DrawerActionTrigger,
   Backdrop: () => DrawerBackdrop,
   Body: () => DrawerBody,
@@ -11150,6 +11350,7 @@ var NumberInput = (0, import_react140.forwardRef)(
 var menu_exports = {};
 __export(menu_exports, {
   Arrow: () => MenuArrow,
+  Button: () => MenuButton,
   CheckboxItem: () => MenuCheckboxItem,
   Content: () => MenuContent,
   ContextTrigger: () => MenuContextTrigger,
@@ -11164,14 +11365,77 @@ __export(menu_exports, {
   Trigger: () => MenuTrigger,
   TriggerItem: () => MenuTriggerItem
 });
-var import_react144 = require("react");
-var import_react145 = require("@chakra-ui/react");
+var import_react142 = require("react");
+var import_react143 = require("@chakra-ui/react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var MenuContent = (0, import_react142.forwardRef)(
+  function MenuContent2(props2, ref2) {
+    const { portalled = true, portalRef, ...rest } = props2;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.Content, { ref: ref2, ...rest }) }) });
+  }
+);
+var MenuArrow = (0, import_react142.forwardRef)(
+  function MenuArrow2(props2, ref2) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.Arrow, { ref: ref2, ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.ArrowTip, {}) });
+  }
+);
+var MenuCheckboxItem = (0, import_react142.forwardRef)(function MenuCheckboxItem2(props2, ref2) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react143.Menu.CheckboxItem, { ref: ref2, ...props2, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon, {}) }),
+    props2.children
+  ] });
+});
+var MenuRadioItem = (0, import_react142.forwardRef)(
+  function MenuRadioItem2(props2, ref2) {
+    const { children, ...rest } = props2;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react143.Menu.RadioItem, { ps: "8", ref: ref2, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CheckIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.ItemText, { children })
+    ] });
+  }
+);
+var MenuItemGroup = (0, import_react142.forwardRef)(
+  function MenuItemGroup2(props2, ref2) {
+    const { title, children, ...rest } = props2;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react143.Menu.ItemGroup, { ref: ref2, ...rest, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react143.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
+      children
+    ] });
+  }
+);
+var MenuTriggerItem = (0, import_react142.forwardRef)(
+  function MenuTriggerItem2(props2, ref2) {
+    const { startIcon, children, ...rest } = props2;
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react143.Menu.TriggerItem, { ref: ref2, ...rest, children: [
+      startIcon,
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ChevronRightIcon, {})
+    ] });
+  }
+);
+var MenuButton = (0, import_react142.forwardRef)(
+  function MenuButton2(props2, ref2) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(MenuTrigger, { ref: ref2, ...props2, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, {}) });
+  }
+);
+var MenuRadioItemGroup = import_react143.Menu.RadioItemGroup;
+var MenuContextTrigger = import_react143.Menu.ContextTrigger;
+var MenuRoot = import_react143.Menu.Root;
+var MenuSeparator = import_react143.Menu.Separator;
+var MenuItem = import_react143.Menu.Item;
+var MenuItemText = import_react143.Menu.ItemText;
+var MenuItemCommand = import_react143.Menu.ItemCommand;
+var MenuTrigger = import_react143.Menu.Trigger;
+
+// src/components/password-input/password-input.tsx
+var import_react146 = require("react");
+var import_react147 = require("@chakra-ui/react");
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
-var import_react143 = __toESM(require("react"), 1);
+var import_react145 = __toESM(require("react"), 1);
 
 // ../../node_modules/react-icons/lib/iconContext.mjs
-var import_react142 = __toESM(require("react"), 1);
+var import_react144 = __toESM(require("react"), 1);
 var DefaultContext = {
   color: void 0,
   size: void 0,
@@ -11179,7 +11443,7 @@ var DefaultContext = {
   style: void 0,
   attr: void 0
 };
-var IconContext = import_react142.default.createContext && /* @__PURE__ */ import_react142.default.createContext(DefaultContext);
+var IconContext = import_react144.default.createContext && /* @__PURE__ */ import_react144.default.createContext(DefaultContext);
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var _excluded = ["attr", "size", "title"];
@@ -11268,12 +11532,12 @@ function _toPrimitive(t, r) {
   return ("string" === r ? String : Number)(t);
 }
 function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react143.default.createElement(node.tag, _objectSpread({
+  return tree && tree.map((node, i) => /* @__PURE__ */ import_react145.default.createElement(node.tag, _objectSpread({
     key: i
   }, node.attr), Tree2Element(node.child)));
 }
 function GenIcon(data) {
-  return (props2) => /* @__PURE__ */ import_react143.default.createElement(IconBase, _extends({
+  return (props2) => /* @__PURE__ */ import_react145.default.createElement(IconBase, _extends({
     attr: _objectSpread({}, data.attr)
   }, props2), Tree2Element(data.child));
 }
@@ -11288,7 +11552,7 @@ function IconBase(props2) {
     var className;
     if (conf.className) className = conf.className;
     if (props2.className) className = (className ? className + " " : "") + props2.className;
-    return /* @__PURE__ */ import_react143.default.createElement("svg", _extends({
+    return /* @__PURE__ */ import_react145.default.createElement("svg", _extends({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -11300,18 +11564,12 @@ function IconBase(props2) {
       height: computedSize,
       width: computedSize,
       xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react143.default.createElement("title", null, title), props2.children);
+    }), title && /* @__PURE__ */ import_react145.default.createElement("title", null, title), props2.children);
   };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react143.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+  return IconContext !== void 0 ? /* @__PURE__ */ import_react145.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
 }
 
 // ../../node_modules/react-icons/lu/index.mjs
-function LuCheck(props2) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "20 6 9 17 4 12" }, "child": [] }] })(props2);
-}
-function LuChevronRight(props2) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "m9 18 6-6-6-6" }, "child": [] }] })(props2);
-}
 function LuEyeOff(props2) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props2);
 }
@@ -11319,65 +11577,7 @@ function LuEye(props2) {
   return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props2);
 }
 
-// src/components/menu/menu.tsx
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var MenuContent = (0, import_react144.forwardRef)(
-  function MenuContent2(props2, ref2) {
-    const { portalled = true, portalRef, ...rest } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.Content, { ref: ref2, ...rest }) }) });
-  }
-);
-var MenuArrow = (0, import_react144.forwardRef)(
-  function MenuArrow2(props2, ref2) {
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.Arrow, { ref: ref2, ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.ArrowTip, {}) });
-  }
-);
-var MenuCheckboxItem = (0, import_react144.forwardRef)(function MenuCheckboxItem2(props2, ref2) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react145.Menu.CheckboxItem, { ref: ref2, ...props2, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuCheck, {}) }),
-    props2.children
-  ] });
-});
-var MenuRadioItem = (0, import_react144.forwardRef)(
-  function MenuRadioItem2(props2, ref2) {
-    const { children, ...rest } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react145.Menu.RadioItem, { ps: "8", ref: ref2, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuCheck, {}) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.ItemText, { children })
-    ] });
-  }
-);
-var MenuItemGroup = (0, import_react144.forwardRef)(
-  function MenuItemGroup2(props2, ref2) {
-    const { title, children, ...rest } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react145.Menu.ItemGroup, { ref: ref2, ...rest, children: [
-      title && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_react145.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
-      children
-    ] });
-  }
-);
-var MenuTriggerItem = (0, import_react144.forwardRef)(
-  function MenuTriggerItem2(props2, ref2) {
-    const { startIcon, children, ...rest } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_react145.Menu.TriggerItem, { ref: ref2, ...rest, children: [
-      startIcon,
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuChevronRight, {})
-    ] });
-  }
-);
-var MenuRadioItemGroup = import_react145.Menu.RadioItemGroup;
-var MenuContextTrigger = import_react145.Menu.ContextTrigger;
-var MenuRoot = import_react145.Menu.Root;
-var MenuSeparator = import_react145.Menu.Separator;
-var MenuItem = import_react145.Menu.Item;
-var MenuItemText = import_react145.Menu.ItemText;
-var MenuItemCommand = import_react145.Menu.ItemCommand;
-var MenuTrigger = import_react145.Menu.Trigger;
-
 // src/components/password-input/password-input.tsx
-var import_react146 = require("react");
-var import_react147 = require("@chakra-ui/react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var PasswordInput = (0, import_react146.forwardRef)(
   function PasswordInput2(props2, ref2) {
@@ -11760,8 +11960,8 @@ var SearchInputResetButton = (0, import_react155.forwardRef)(
 SearchInput.displayName = "SearchInput";
 
 // src/components/select/namespace.ts
-var namespace_exports4 = {};
-__export(namespace_exports4, {
+var namespace_exports3 = {};
+__export(namespace_exports3, {
   Content: () => SelectContent,
   Item: () => SelectItem,
   ItemGroup: () => SelectItemGroup,
@@ -11848,6 +12048,36 @@ var SelectItemGroup = (0, import_react157.forwardRef)(
 var SelectLabel = import_react158.Select.Label;
 var SelectItemText = import_react158.Select.ItemText;
 
+// src/components/segmented-control/segmented-control.tsx
+var import_react159 = require("react");
+var import_react160 = require("@chakra-ui/react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+var SegmentedControl = (0, import_react159.forwardRef)(function SegmentedControl2(props2, ref2) {
+  const { items, ...rest } = props2;
+  const data = (0, import_react159.useMemo)(() => normalize(items), [items]);
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_react160.SegmentGroup.Root, { ref: ref2, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react160.SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react160.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      import_react160.SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react160.SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react160.SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
 // src/components/sidebar/sidebar.tsx
 var sidebar_exports = {};
 __export(sidebar_exports, {
@@ -11872,28 +12102,28 @@ __export(sidebar_exports, {
 var import_sidebar = require("@saas-ui/core/sidebar");
 
 // src/components/sidebar/sidebar.context.ts
-var import_react159 = require("@chakra-ui/react");
+var import_react161 = require("@chakra-ui/react");
 var {
   withContext: withContext7,
   useRecipeResult,
   StylesProvider,
   ClassNamesProvider,
   useStyles: useSidebarStyles
-} = (0, import_react159.createSlotRecipeContext)({
+} = (0, import_react161.createSlotRecipeContext)({
   key: "suiSidebar"
 });
 var {
   withProvider: withItemProvider,
   withContext: withItemContext,
   useStyles: useSidebarItemStyles
-} = (0, import_react159.createSlotRecipeContext)({
+} = (0, import_react161.createSlotRecipeContext)({
   key: "suiSidebarNavItem"
 });
 
 // src/components/sidebar/sidebar.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var SidebarProvider = function SidebarProvider2(props2) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_sidebar.Sidebar.Provider, { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RecipeProvider, { ...props2, children: props2.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_sidebar.Sidebar.Provider, { ...props2, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(RecipeProvider, { ...props2, children: props2.children }) });
 };
 function RecipeProvider(props2) {
   const { mode } = (0, import_sidebar.useSidebar)();
@@ -11901,7 +12131,7 @@ function RecipeProvider(props2) {
     ...props2,
     mode
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ClassNamesProvider, { value: classNames, children: props2.children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(ClassNamesProvider, { value: classNames, children: props2.children }) });
 }
 var SidebarRoot = withContext7(
   import_sidebar.Sidebar.Root,
@@ -11975,23 +12205,23 @@ var SidebarNavItemEndElement = withItemContext(import_sidebar.Sidebar.NavItemEnd
 var import_sidebar2 = require("@saas-ui/core/sidebar");
 
 // src/components/toaster/toaster.tsx
-var import_react160 = require("@chakra-ui/react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var toast = (0, import_react160.createToaster)({
+var import_react162 = require("@chakra-ui/react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var toast = (0, import_react162.createToaster)({
   placement: "bottom-end",
   pauseOnPageIdle: true
 });
 var Toaster = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
     var _a7;
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react160.Toast.Root, { width: { md: "sm" }, children: [
-      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toast.Indicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react160.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toast.Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toast.Description, { children: toast2.description })
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react162.Toast.Root, { width: { md: "sm" }, children: [
+      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toast.Indicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react162.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toast.Description, { children: toast2.description })
       ] }),
-      toast2.action && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toast.ActionTrigger, { children: toast2.action.label }),
-      ((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react160.Toast.CloseTrigger, {})
+      toast2.action && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toast.ActionTrigger, { children: toast2.action.label }),
+      ((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react162.Toast.CloseTrigger, {})
     ] });
   } }) });
 };
@@ -12008,75 +12238,75 @@ __export(steps_exports, {
   PrevTrigger: () => StepsPrevTrigger,
   Root: () => StepsRoot
 });
-var import_react161 = require("@chakra-ui/react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react163 = require("@chakra-ui/react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var StepsItem = (props2) => {
   const { title, description, completedIcon, icon, ...rest } = props2;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react161.Steps.Item, { ...rest, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react161.Steps.Trigger, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-        import_react161.Steps.Status,
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react163.Steps.Item, { ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react163.Steps.Trigger, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        import_react163.Steps.Status,
         {
-          complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckIcon, {}),
-          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Number, {})
+          complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(CheckIcon, {}),
+          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Number, {})
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StepInfo, { title, description })
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(StepInfo, { title, description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Separator, {})
+    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Separator, {})
   ] });
 };
 var StepInfo = (props2) => {
   const { title, description } = props2;
   if (title && description) {
-    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react161.Box, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Title, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Description, { children: description })
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react163.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Title, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Description, { children: description })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Title, { children: title }),
-    description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Description, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Title, { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Description, { children: description })
   ] });
 };
 var StepsIndicator = (props2) => {
-  const { icon = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Number, {}), completedIcon } = props2;
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.Status, { complete: completedIcon, incomplete: icon }) });
+  const { icon = /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Number, {}), completedIcon } = props2;
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.Status, { complete: completedIcon, incomplete: icon }) });
 };
-var StepsList = import_react161.Steps.List;
-var StepsRoot = import_react161.Steps.Root;
-var StepsContent = import_react161.Steps.Content;
-var StepsCompletedContent = import_react161.Steps.CompletedContent;
+var StepsList = import_react163.Steps.List;
+var StepsRoot = import_react163.Steps.Root;
+var StepsContent = import_react163.Steps.Content;
+var StepsCompletedContent = import_react163.Steps.CompletedContent;
 var StepsNextTrigger = (props2) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.NextTrigger, { ...props2 });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.NextTrigger, { ...props2 });
 };
 var StepsPrevTrigger = (props2) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react161.Steps.PrevTrigger, { ...props2 });
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react163.Steps.PrevTrigger, { ...props2 });
 };
 
 // src/components/switch/switch.tsx
-var import_react162 = require("@chakra-ui/react");
-var import_react163 = require("react");
-var import_jsx_runtime32 = require("react/jsx-runtime");
-var Switch = (0, import_react163.forwardRef)(
+var import_react164 = require("@chakra-ui/react");
+var import_react165 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Switch = (0, import_react165.forwardRef)(
   function Switch2(props2, ref2) {
     const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props2;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react162.Switch.Root, { ref: rootRef, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react162.Switch.HiddenInput, { ref: ref2, ...inputProps }),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react162.Switch.Control, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react162.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react162.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
-        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react162.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react164.Switch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react164.Switch.HiddenInput, { ref: ref2, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react164.Switch.Control, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react164.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react164.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react164.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
       ] }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react162.Switch.Label, { children })
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react164.Switch.Label, { children })
     ] });
   }
 );
 
 // src/components/tooltip/tooltip.tsx
-var import_react164 = require("react");
-var import_react165 = require("@chakra-ui/react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
-var Tooltip = (0, import_react164.forwardRef)(
+var import_react166 = require("react");
+var import_react167 = require("@chakra-ui/react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var Tooltip = (0, import_react166.forwardRef)(
   function Tooltip2(props2, ref2) {
     const {
       showArrow,
@@ -12089,10 +12319,10 @@ var Tooltip = (0, import_react164.forwardRef)(
       ...rest
     } = props2;
     if (disabled) return children;
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react165.Tooltip.Root, { ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react165.Tooltip.Trigger, { asChild: true, children }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react165.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react165.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react165.Tooltip.Content, { ref: ref2, ...contentProps, children: [
-        showArrow && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react165.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react165.Tooltip.ArrowTip, {}) }),
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react167.Tooltip.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react167.Tooltip.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react167.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react167.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react167.Tooltip.Content, { ref: ref2, ...contentProps, children: [
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react167.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_react167.Tooltip.ArrowTip, {}) }),
         content
       ] }) }) })
     ] });
@@ -12126,6 +12356,7 @@ var Tooltip = (0, import_react164.forwardRef)(
   Radio,
   RadioGroup,
   SearchInput,
+  SegmentedControl,
   Select,
   Sidebar,
   Spinner,