@saas-ui/react 3.0.0-alpha.1 → 3.0.0-alpha.11

package/dist/index.cjs

@@ -17,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
   // If the importer is in node compatibility mode or this is not an ESM
   // file that has been converted to a CommonJS file using a Babel-
@@ -31,16 +30,55 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
+  AppShell: () => AppShell,
+  Avatar: () => Avatar,
+  AvatarGroup: () => AvatarGroup,
+  Breadcrumb: () => breadcrumb_exports,
+  Button: () => Button,
+  Checkbox: () => Checkbox,
+  CloseButton: () => CloseButton,
+  Command: () => Command,
+  Dialog: () => namespace_exports,
+  Drawer: () => namespace_exports2,
+  EmptyState: () => EmptyState,
+  GridList: () => grid_list_exports,
+  IconBadge: () => IconBadge,
+  InputGroup: () => InputGroup,
+  Link: () => Link,
+  LoadingOverlay: () => loading_overlay_exports,
+  Menu: () => menu_exports,
+  Navbar: () => navbar_exports,
+  NumberInput: () => NumberInput,
+  PasswordInput: () => PasswordInput,
+  Persona: () => Persona,
+  PersonaAvatar: () => PersonaAvatar2,
+  PinInput: () => PinInput,
+  Radio: () => Radio,
+  RadioGroup: () => RadioGroup,
+  SearchInput: () => SearchInput,
+  SegmentedControl: () => SegmentedControl,
+  Select: () => namespace_exports3,
+  Sidebar: () => sidebar_exports,
+  Spinner: () => Spinner2,
+  Steps: () => steps_exports,
   SuiContext: () => SuiContext,
   SuiProvider: () => SuiProvider,
-  createSystem: () => import_react100.createSystem,
+  Switch: () => Switch,
+  Toaster: () => Toaster,
+  Tooltip: () => Tooltip,
+  createSystem: () => import_react162.createSystem,
   defaultConfig: () => defaultConfig,
+  defaultPresenceOptions: () => defaultPresenceOptions,
   defaultSystem: () => defaultSystem,
+  toast: () => toast,
   useLink: () => useLink,
+  useLoadingOverlayStyles: () => useLoadingOverlayStyles,
+  useSidebar: () => import_sidebar2.useSidebar,
+  useSidebarItemStyles: () => useSidebarItemStyles,
+  useSidebarStyles: () => useSidebarStyles,
   useSui: () => useSui
 });
 module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("@saas-ui/core"), module.exports);
 
 // src/preset.ts
 var import_react97 = require("@chakra-ui/react");
@@ -341,6 +379,7 @@ var import_react5 = require("@chakra-ui/react");
 var buttonRecipe = (0, import_react5.defineRecipe)({
   className: "chakra-button",
   base: {
+    colorPalette: "gray",
     display: "inline-flex",
     appearance: "none",
     alignItems: "center",
@@ -437,6 +476,7 @@ var buttonRecipe = (0, import_react5.defineRecipe)({
         "--btn-shadow": "shadows.sm",
         boxShadow: "0 0 0 1px rgba(0,0,0,0.4) inset, 0px 2px 0px 0px rgba(255,255,255,0.2) inset, var(--btn-shadow)",
         textShadow: "0 1px 2px rgba(0,0,0,0.3)",
+        overflow: "clip",
         _after: {
           content: '""',
           position: "absolute",
@@ -514,6 +554,7 @@ var import_react6 = require("@chakra-ui/react");
 var commandRecipe = (0, import_react6.defineRecipe)({
   className: "sui-command",
   base: {
+    colorPalette: "gray",
     display: "inline-flex",
     gap: 1,
     "[role=tooltip] > &": {
@@ -860,11 +901,6 @@ var inputRecipe = (0, import_react14.defineRecipe)({
   },
   variants: {
     size: {
-      "2xs": {
-        textStyle: "xs",
-        px: "2",
-        "--input-height": "sizes.7"
-      },
       xs: {
         textStyle: "xs",
         px: "2",
@@ -889,11 +925,6 @@ var inputRecipe = (0, import_react14.defineRecipe)({
         textStyle: "md",
         px: "4.5",
         "--input-height": "sizes.12"
-      },
-      "2xl": {
-        textStyle: "lg",
-        px: "5",
-        "--input-height": "sizes.16"
       }
     },
     variant: {
@@ -1464,8 +1495,8 @@ var recipes = {
   checkmark: checkmarkRecipe,
   radiomark: radiomarkRecipe,
   // Saas UI
-  command: commandRecipe,
-  iconBadge: iconBadgeRecipe
+  suiCommand: commandRecipe,
+  suiIconBadge: iconBadgeRecipe
 };
 
 // src/theme/semantic-tokens/colors.ts
@@ -1543,11 +1574,14 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     DEFAULT: {
       value: { _light: "{colors.black}", _dark: "{colors.gray.50}" }
     },
+    muted: {
+      value: { _light: "{colors.gray.500}", _dark: "{colors.gray.500}" }
+    },
     subtle: {
       value: { _light: "{colors.gray.600}", _dark: "{colors.gray.400}" }
     },
-    muted: {
-      value: { _light: "{colors.gray.400}", _dark: "{colors.gray.500}" }
+    emphasized: {
+      value: { _light: "{colors.gray.800}", _dark: "{colors.gray.200}" }
     },
     inverted: {
       value: { _light: "{colors.gray.50}", _dark: "{colors.black}" }
@@ -1569,12 +1603,12 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     DEFAULT: {
       value: { _light: "{colors.gray.200}", _dark: "{colors.gray.800}" }
     },
-    subtle: {
-      value: { _light: "{colors.gray.100}", _dark: "{colors.gray.900}" }
-    },
     muted: {
       value: { _light: "{colors.gray.50}", _dark: "{colors.gray.950}" }
     },
+    subtle: {
+      value: { _light: "{colors.gray.100}", _dark: "{colors.gray.900}" }
+    },
     emphasized: {
       value: { _light: "{colors.gray.300}", _dark: "{colors.gray.700}" }
     },
@@ -1602,19 +1636,22 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
       value: { _light: "white", _dark: "white" }
     },
     fg: {
-      value: { _light: "{colors.purple.700}", _dark: "{colors.purple.300}" }
+      value: { _light: "{colors.indigo.700}", _dark: "{colors.indigo.300}" }
     },
     muted: {
-      value: { _light: "{colors.purple.50}", _dark: "{colors.purple.950}" }
+      value: { _light: "{colors.indigo.50}", _dark: "{colors.indigo.950}" }
     },
     subtle: {
-      value: { _light: "{colors.purple.100}", _dark: "{colors.purple.900}" }
+      value: { _light: "{colors.indigo.100}", _dark: "{colors.indigo.900}" }
     },
     emphasized: {
-      value: { _light: "{colors.purple.200}", _dark: "{colors.purple.800}" }
+      value: { _light: "{colors.indigo.200}", _dark: "{colors.indigo.800}" }
     },
     solid: {
-      value: { _light: "{colors.purple.600}", _dark: "{colors.purple.600}" }
+      value: { _light: "{colors.indigo.600}", _dark: "{colors.indigo.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.indigo.600}", _dark: "{colors.indigo.600}" }
     }
   },
   neutral: {
@@ -1635,6 +1672,32 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.gray.900}", _dark: "{colors.white}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.gray.600}", _dark: "{colors.gray.600}" }
+    }
+  },
+  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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.slate.600}", _dark: "{colors.slate.600}" }
     }
   },
   gray: {
@@ -1655,6 +1718,55 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.gray.500}", _dark: "{colors.gray.500}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.gray.600}", _dark: "{colors.gray.600}" }
+    }
+  },
+  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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.zinc.600}", _dark: "{colors.zinc.600}" }
+    }
+  },
+  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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.stone.600}", _dark: "{colors.stone.600}" }
     }
   },
   red: {
@@ -1675,6 +1787,9 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.red.600}", _dark: "{colors.red.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.red.600}", _dark: "{colors.red.600}" }
     }
   },
   orange: {
@@ -1694,7 +1809,79 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
       value: { _light: "{colors.orange.200}", _dark: "{colors.orange.800}" }
     },
     solid: {
-      value: { _light: "{colors.orange.600}", _dark: "{colors.orange.500}" }
+      value: { _light: "{colors.orange.600}", _dark: "{colors.orange.600}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.orange.600}", _dark: "{colors.orange.600}" }
+    }
+  },
+  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.400}", _dark: "{colors.amber.400}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.amber.400}", _dark: "{colors.amber.400}" }
+    }
+  },
+  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.400}", _dark: "{colors.yellow.400}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.yellow.400}", _dark: "{colors.yellow.400}" }
+    }
+  },
+  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.400}", _dark: "{colors.lime.400}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.lime.400}", _dark: "{colors.lime.400}" }
     }
   },
   green: {
@@ -1715,66 +1902,124 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.green.600}", _dark: "{colors.green.600}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.blue.600}", _dark: "{colors.blue.600}" }
     }
   },
   indigo: {
@@ -1795,6 +2040,32 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.indigo.600}", _dark: "{colors.indigo.600}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.violet.600}", _dark: "{colors.violet.600}" }
     }
   },
   purple: {
@@ -1815,6 +2086,32 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.purple.600}", _dark: "{colors.purple.600}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.fuchsia.600}", _dark: "{colors.fuchsia.600}" }
     }
   },
   pink: {
@@ -1835,26 +2132,32 @@ var semanticColors = import_react25.defineSemanticTokens.colors({
     },
     solid: {
       value: { _light: "{colors.pink.600}", _dark: "{colors.pink.600}" }
+    },
+    focusRing: {
+      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}" }
+    },
+    focusRing: {
+      value: { _light: "{colors.rose.600}", _dark: "{colors.rose.600}" }
     }
   }
 });
@@ -1971,7 +2274,7 @@ var appShellSlotRecipe = (0, import_react28.defineSlotRecipe)({
 var import_react29 = require("@chakra-ui/react");
 var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
   className: "sui-grid-list",
-  slots: ["root", "item", "header", "icon"],
+  slots: ["root", "item", "header", "cell"],
   base: {
     root: {
       py: 2,
@@ -2035,7 +2338,7 @@ var gridListSlotRecipe = (0, import_react29.defineSlotRecipe)({
       fontWeight: "semibold",
       color: "muted"
     },
-    icon: {
+    cell: {
       display: "flex",
       flexShrink: 0
     }
@@ -2147,7 +2450,7 @@ var loadingOverlaySlotRecipe = (0, import_react30.defineSlotRecipe)({
 var import_react31 = require("@chakra-ui/react");
 var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
   className: "sui-navbar",
-  slots: ["root", "content", "brand", "item"],
+  slots: ["root", "content", "brand", "item", "link"],
   base: {
     root: {
       display: "flex",
@@ -2184,7 +2487,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
       whiteSpace: "nowrap",
       boxSizing: "border-box"
     },
-    item: {
+    link: {
       bg: "transparent",
       color: "currentColor",
       display: "inline-flex",
@@ -2240,7 +2543,7 @@ var navbarSlotRecipe = (0, import_react31.defineSlotRecipe)({
           },
           gap: 4
         },
-        item: {
+        link: {
           px: 3,
           h: 8
         }
@@ -2351,10 +2654,12 @@ var personaSlotRecipe = (0, import_react32.defineSlotRecipe)({
 var import_react33 = require("@chakra-ui/react");
 var sidebarNavItemSlotRecipe = (0, import_react33.defineSlotRecipe)({
   className: "sui-sidebar-nav-item",
-  slots: ["item", "button"],
+  slots: ["item", "button", "endElement"],
   base: {
     item: {
-      position: "relative"
+      position: "relative",
+      fontSize: "sm",
+      py: "1px"
     },
     button: {
       display: "flex",
@@ -2370,8 +2675,17 @@ var sidebarNavItemSlotRecipe = (0, import_react33.defineSlotRecipe)({
       transitionDuration: "fast",
       focusVisibleRing: "outside",
       "& > svg": {
-        boxSize: 4
+        boxSize: 4,
+        color: "var(--sidebar-item-icon-color)"
+      },
+      '&:has([data-slot="endElement"])': {
+        pe: 0
       }
+    },
+    endElement: {
+      display: "flex",
+      gap: "1px",
+      me: "auto"
     }
   },
   variants: {
@@ -2380,13 +2694,16 @@ var sidebarNavItemSlotRecipe = (0, import_react33.defineSlotRecipe)({
         button: {
           bg: "transparent",
           color: "sidebar.accent.fg/85",
+          "--sidebar-item-icon-color": "sidebar.accent.fg/85",
           _hover: {
             bg: "sidebar.accent.bg/90",
-            color: "sidebar.accent.fg"
+            color: "sidebar.accent.fg",
+            "--sidebar-item-icon-color": "sidebar.accent.fg"
           },
           _active: {
             bg: "sidebar.accent.bg",
-            color: "sidebar.accent.fg"
+            color: "sidebar.accent.fg",
+            "--sidebar-item-icon-color": "sidebar.accent.fg"
           }
         }
       }
@@ -2399,10 +2716,10 @@ var sidebarNavItemSlotRecipe = (0, import_react33.defineSlotRecipe)({
         button: {
           borderRadius: "md",
           px: 2,
-          height: 8,
-          "&:has(:nth-child(3))": {
-            pe: 0
-          }
+          height: 8
+        },
+        endElement: {
+          pe: "1"
         }
       }
     }
@@ -2430,8 +2747,6 @@ var sidebarSlotRecipe = (0, import_react34.defineSlotRecipe)({
     "groupTitle",
     "groupEndElement",
     "groupContent",
-    "item",
-    "itemEndElement",
     "track"
   ],
   base: {
@@ -2518,9 +2833,9 @@ var sidebarSlotRecipe = (0, import_react34.defineSlotRecipe)({
       }
     },
     groupContent: {
+      pt: 1,
       display: "flex",
-      flexDirection: "column",
-      gap: "1"
+      flexDirection: "column"
     },
     track: {
       display: "flex",
@@ -2640,6 +2955,9 @@ var sidebarSlotRecipe = (0, import_react34.defineSlotRecipe)({
         },
         footer: {
           px: 3
+        },
+        groupEndElement: {
+          pe: "1"
         }
       }
     }
@@ -4668,6 +4986,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",
@@ -7674,13 +7993,13 @@ var slotRecipes = {
   status: statusSlotRecipe,
   timeline: timelineSlotRecipe,
   // Saas UI Recipes
-  appShell: appShellSlotRecipe,
-  loadingOverlay: loadingOverlaySlotRecipe,
-  persona: personaSlotRecipe,
-  gridList: gridListSlotRecipe,
-  navbar: navbarSlotRecipe,
-  sidebar: sidebarSlotRecipe,
-  sidebarNavItem: sidebarNavItemSlotRecipe
+  suiAppShell: appShellSlotRecipe,
+  suiLoadingOverlay: loadingOverlaySlotRecipe,
+  suiPersona: personaSlotRecipe,
+  suiGridList: gridListSlotRecipe,
+  suiNavbar: navbarSlotRecipe,
+  suiSidebar: sidebarSlotRecipe,
+  suiSidebarNavItem: sidebarNavItemSlotRecipe
 };
 
 // src/theme/text-styles.ts
@@ -7771,176 +8090,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)" }
+    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)" }
+  },
+  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)" }
   },
   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" }
+    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)" }
+  },
+  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)" }
+  },
+  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)" }
+  },
+  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)" }
   },
   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.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)" }
   },
   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" }
+    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)" }
+  },
+  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)" }
   },
   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" }
+    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.897 0.182 98.111)" },
+    400: { value: "oklch(0.854 0.184 96.404)" },
+    500: { value: "oklch(0.795 0.180 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)" }
+  },
+  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)" }
   },
   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" }
+    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)" }
+  },
+  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)" }
   },
   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" }
+    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)" }
   },
   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" }
+    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)" }
+  },
+  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)" }
+  },
+  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)" }
   },
   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" }
+    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: "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: "#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" }
+    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: "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: "#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" }
+    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: "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)" }
   }
 });
 
@@ -7983,8 +8445,8 @@ var easings = import_react85.defineTokens.easings({
 // src/theme/tokens/font-sizes.ts
 var import_react86 = require("@chakra-ui/react");
 var fontSizes = import_react86.defineTokens.fontSizes({
-  "2xs": { value: scaleToken("0.65rem") },
-  xs: { value: scaleToken("0.725rem") },
+  "2xs": { value: scaleToken("0.75rem") },
+  xs: { value: scaleToken("0.8125rem") },
   sm: { value: scaleToken("0.875rem") },
   md: { value: scaleToken("1rem") },
   lg: { value: scaleToken("1.125rem") },
@@ -8419,7 +8881,7 @@ var defaultConfig = (0, import_react97.mergeConfigs)(import_react97.defaultBaseC
 var defaultSystem = (0, import_react97.createSystem)(defaultConfig);
 
 // src/index.ts
-var import_react100 = require("@chakra-ui/react");
+var import_react162 = require("@chakra-ui/react");
 
 // src/provider/sui-provider.tsx
 var React = __toESM(require("react"), 1);
@@ -8447,14 +8909,1697 @@ function useLink() {
   }
   return import_react99.chakra.a;
 }
+
+// src/components/app-shell/app-shell.tsx
+var import_react100 = require("react");
+var import_react101 = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var {
+  withProvider,
+  withContext,
+  useStyles: useAppShellStyles
+} = (0, import_react101.createSlotRecipeContext)({
+  key: "suiAppShell"
+});
+var AppShellRoot = withProvider(
+  "div",
+  "root",
+  { forwardAsChild: true }
+);
+var AppShellContent = withContext("div", "content", { forwardAsChild: true });
+var AppShellMain = withContext(
+  "div",
+  "main",
+  { forwardAsChild: true }
+);
+var AppShell = (0, import_react100.forwardRef)(
+  (props, ref) => {
+    const { header, sidebar, aside, footer, children, ...rootProps } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AppShellRoot, { ref, ...rootProps, children: [
+      header,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(AppShellContent, { children: [
+        sidebar,
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(AppShellMain, { children }),
+        aside
+      ] }),
+      footer
+    ] });
+  }
+);
+AppShell.displayName = "AppShell";
+
+// src/components/avatar/avatar.tsx
+var import_react102 = require("react");
+var import_react103 = require("@chakra-ui/react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Avatar = (0, import_react102.forwardRef)(
+  function Avatar2(props, ref) {
+    const { name, src, srcSet, loading, icon, fallback: fallback2, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react103.Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(AvatarFallback, { name, icon, children: fallback2 }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react103.Avatar.Image, { src, srcSet, loading }),
+      children
+    ] });
+  }
+);
+var AvatarFallback = (0, import_react102.forwardRef)(
+  function AvatarFallback2(props, ref) {
+    const { name, icon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react103.Avatar.Fallback, { ref, ...rest, children: [
+      children,
+      name != null && children == null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, { children: getInitials(name) }),
+      name == null && children == null && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react103.Avatar.Icon, { asChild: !!icon, children: icon })
+    ] });
+  }
+);
+function getInitials(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] != null ? names[0] : "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+var AvatarGroup = (0, import_react102.forwardRef)(
+  function AvatarGroup2(props, ref) {
+    const { size, variant, borderless, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react103.Avatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react103.Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
+  }
+);
+
+// src/components/breadcrumb/breadcrumb.tsx
+var breadcrumb_exports = {};
+__export(breadcrumb_exports, {
+  CurrentLink: () => BreadcrumbCurrentLink,
+  Ellipsis: () => BreadcrumbEllipsis,
+  Link: () => BreadcrumbLink,
+  Root: () => BreadcrumbRoot
+});
+var import_react104 = require("react");
+var import_react105 = require("@chakra-ui/react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var BreadcrumbRoot = (0, import_react104.forwardRef)(
+  function BreadcrumbRoot2(props, ref) {
+    const { separator = "/", separatorGap, children, ...rest } = props;
+    const validChildren = import_react104.Children.toArray(children).filter(import_react104.isValidElement);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react105.Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react105.Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
+      const last = index === validChildren.length - 1;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react104.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react105.Breadcrumb.Item, { children: child }),
+        !last && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react105.Breadcrumb.Separator, { children: separator })
+      ] }, index);
+    }) }) });
+  }
+);
+var BreadcrumbLink = import_react105.Breadcrumb.Link;
+var BreadcrumbCurrentLink = import_react105.Breadcrumb.CurrentLink;
+var BreadcrumbEllipsis = import_react105.Breadcrumb.Ellipsis;
+
+// src/components/button/button.tsx
+var import_react106 = require("react");
+var import_react107 = require("@chakra-ui/react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Button = (0, import_react106.forwardRef)(
+  function Button2(props, ref) {
+    const {
+      loading,
+      disabled,
+      loadingText,
+      children,
+      variant = "glass",
+      colorPalette = variant === "glass" ? "accent" : "gray",
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      import_react107.Button,
+      {
+        colorPalette,
+        disabled: loading || disabled,
+        variant,
+        ref,
+        ...rest,
+        children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react107.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react107.Spinner, { size: "inherit", color: "inherit" }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react107.Span, { opacity: 0, children })
+        ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react107.Spinner, { size: "inherit", color: "inherit" }),
+          loadingText
+        ] }) : children
+      }
+    );
+  }
+);
+
+// src/components/checkbox/checkbox.tsx
+var import_react108 = require("react");
+var import_react109 = require("@chakra-ui/react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Checkbox = (0, import_react108.forwardRef)(
+  function Checkbox2(props, ref) {
+    const { icon, children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react109.Checkbox.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react109.Checkbox.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react109.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react109.Checkbox.Indicator, {}) }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react109.Checkbox.Label, { children })
+    ] });
+  }
+);
+
+// src/components/close-button/close-button.tsx
+var import_react111 = require("react");
+var import_react112 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react110 = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react110.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var CloseButton = (0, import_react111.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a7;
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react112.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a7 = props.children) != null ? _a7 : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/command/command.tsx
+var import_react113 = require("@chakra-ui/react");
+var import_react114 = require("@chakra-ui/react");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var { withContext: withContext2 } = (0, import_react114.createRecipeContext)({
+  key: "suiCommand"
+});
+var Key = ({ children }) => {
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
+  }
+  if (["then", "or", "+"].includes(children)) {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { children });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react113.Kbd, { children });
+};
+var Command = (props) => {
+  const { children, ...rest } = props;
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, { children });
+  }
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(Key, { children: key }, key)) });
+};
+var CommandRoot = withContext2("span");
+
+// src/components/dialog/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  ActionTrigger: () => DialogActionTrigger,
+  Backdrop: () => DialogBackdrop,
+  Body: () => DialogBody,
+  CloseTrigger: () => DialogCloseTrigger,
+  Content: () => DialogContent,
+  Context: () => import_dialog2.DialogContext,
+  Description: () => DialogDescription,
+  Footer: () => DialogFooter,
+  Header: () => DialogHeader,
+  Root: () => DialogRoot,
+  Title: () => DialogTitle,
+  Trigger: () => DialogTrigger
+});
+
+// src/components/dialog/dialog.tsx
+var import_react115 = require("react");
+var import_react116 = require("@chakra-ui/react");
+var import_dialog2 = require("@ark-ui/react/dialog");
+var import_jsx_runtime10 = require("react/jsx-runtime");
+var DialogContent = (0, import_react115.forwardRef)(
+  function DialogContent2(props, ref) {
+    const {
+      children,
+      portalled = true,
+      portalRef,
+      backdrop = true,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react116.Portal, { disabled: !portalled, container: portalRef, children: [
+      backdrop && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react116.Dialog.Backdrop, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react116.Dialog.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react116.Dialog.Content, { ref, ...rest, asChild: false, children }) })
+    ] });
+  }
+);
+var DialogCloseTrigger = (0, import_react115.forwardRef)(function DialogCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+    import_react116.Dialog.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CloseButton, { size: "sm", ref, children: props.children })
+    }
+  );
+});
+var DialogRoot = import_react116.Dialog.Root;
+var DialogFooter = import_react116.Dialog.Footer;
+var DialogHeader = import_react116.Dialog.Header;
+var DialogBody = import_react116.Dialog.Body;
+var DialogBackdrop = import_react116.Dialog.Backdrop;
+var DialogTitle = import_react116.Dialog.Title;
+var DialogDescription = import_react116.Dialog.Description;
+var DialogTrigger = import_react116.Dialog.Trigger;
+var DialogActionTrigger = import_react116.Dialog.ActionTrigger;
+
+// src/components/drawer/namespace.ts
+var namespace_exports2 = {};
+__export(namespace_exports2, {
+  ActionTrigger: () => DrawerActionTrigger,
+  Backdrop: () => DrawerBackdrop,
+  Body: () => DrawerBody,
+  CloseTrigger: () => DrawerCloseTrigger,
+  Content: () => DrawerContent,
+  Context: () => DrawerContext,
+  Description: () => DrawerDescription,
+  Footer: () => DrawerFooter,
+  Header: () => DrawerHeader,
+  Root: () => DrawerRoot,
+  Title: () => DrawerTitle,
+  Trigger: () => DrawerTrigger
+});
+
+// src/components/drawer/drawer.tsx
+var import_react117 = require("react");
+var import_dialog4 = require("@ark-ui/react/dialog");
+var import_react118 = require("@chakra-ui/react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var DrawerContent = (0, import_react117.forwardRef)(
+  function DrawerContent2(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.Positioner, { padding: offset, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react118.Drawer.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var DrawerCloseTrigger = (0, import_react117.forwardRef)(function DrawerCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+    import_react118.Drawer.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(CloseButton, { size: "sm", ref })
+    }
+  );
+});
+var DrawerTrigger = import_react118.Drawer.Trigger;
+var DrawerRoot = import_react118.Drawer.Root;
+var DrawerFooter = import_react118.Drawer.Footer;
+var DrawerHeader = import_react118.Drawer.Header;
+var DrawerBody = import_react118.Drawer.Body;
+var DrawerBackdrop = import_react118.Drawer.Backdrop;
+var DrawerDescription = import_react118.Drawer.Description;
+var DrawerTitle = import_react118.Drawer.Title;
+var DrawerActionTrigger = import_react118.Drawer.ActionTrigger;
+var DrawerContext = import_dialog4.DialogContext;
+
+// src/components/empty-state/empty-state.tsx
+var import_react119 = require("@chakra-ui/react");
+var import_react120 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var EmptyState = (0, import_react120.forwardRef)(
+  function EmptyState2(props, ref) {
+    const { title, description, icon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react119.EmptyState.Content, { children: [
+      icon && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Indicator, { children: icon }),
+      description ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react119.VStack, { textAlign: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Title, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Description, { children: description })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react119.EmptyState.Title, { children: title }),
+      children
+    ] }) });
+  }
+);
+
+// src/components/grid-list/grid-list.tsx
+var grid_list_exports = {};
+__export(grid_list_exports, {
+  Cell: () => GridListCell,
+  Header: () => GridListHeader,
+  Item: () => GridListItem,
+  Root: () => GridListRoot
+});
+var import_grid_list = require("@saas-ui/core/grid-list");
+
+// src/components/grid-list/grid-list.context.ts
+var import_react121 = require("@chakra-ui/react");
+var {
+  withProvider: withProvider2,
+  withContext: withContext3,
+  useStyles: useGridListStyles
+} = (0, import_react121.createSlotRecipeContext)({
+  key: "suiGridList"
+});
+
+// src/components/grid-list/grid-list.tsx
+var GridListRoot = withProvider2(
+  import_grid_list.GridList.Root,
+  "root"
+);
+var GridListItem = withContext3(
+  import_grid_list.GridList.Item,
+  "item"
+);
+var GridListHeader = withContext3(
+  import_grid_list.GridList.Header,
+  "header"
+);
+var GridListCell = withContext3(
+  import_grid_list.GridList.Cell,
+  "cell"
+);
+
+// src/components/icon-badge/icon-badge.tsx
+var React2 = __toESM(require("react"), 1);
+var import_react122 = require("react");
+var import_react123 = require("@chakra-ui/react");
+var import_utils7 = require("@saas-ui/core/utils");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var IconBadge = React2.forwardRef(
+  (props, ref) => {
+    const { icon, children, ...rest } = props;
+    const recipe = (0, import_react123.useRecipe)({ key: "suiIconBadge", recipe: props.recipe });
+    const [variantProps, localProps] = recipe.splitVariantProps(rest);
+    const styles = recipe(variantProps);
+    const element = icon || children;
+    const _children = (0, import_react122.isValidElement)(element) ? (0, import_react122.cloneElement)(element, {
+      "aria-hidden": true,
+      focusable: false
+    }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      import_react123.chakra.div,
+      {
+        ref,
+        ...localProps,
+        css: [styles, props.css],
+        className: (0, import_utils7.cx)(recipe.className, props.className),
+        children: _children
+      }
+    );
+  }
+);
+
+// src/components/input-group/input-group.tsx
+var import_react124 = require("react");
+var import_react125 = require("@chakra-ui/react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var InputGroup = (0, import_react124.forwardRef)(
+  function InputGroup2(props, ref) {
+    const {
+      startElement,
+      startElementProps,
+      endElement,
+      endElementProps,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react125.Group, { ref, display: "flex", ...rest, children: [
+      startElement && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react125.InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
+      (0, import_react124.isValidElement)(children) && (0, import_react124.cloneElement)(children, {
+        ...startElement && { ps: "calc(var(--input-height) - 6px)" },
+        ...endElement && { pe: "calc(var(--input-height) - 6px)" },
+        ...children.props
+      }),
+      endElement && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react125.InputElement, { placement: "end", ...endElementProps, children: endElement })
+    ] });
+  }
+);
+
+// src/components/link/link.tsx
+var import_react126 = __toESM(require("react"), 1);
+var import_react127 = require("@chakra-ui/react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Link = import_react126.default.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react127.Link, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
+// src/components/loading-overlay/loading-overlay.tsx
+var loading_overlay_exports = {};
+__export(loading_overlay_exports, {
+  Root: () => LoadingOverlayRoot,
+  Spinner: () => LoadingOverlaySpinner,
+  Text: () => LoadingOverlayText
+});
+var import_presence = require("@ark-ui/react/presence");
+var import_react131 = require("@chakra-ui/react");
+
+// src/components/spinner/spinner.tsx
+var import_react128 = require("react");
+var import_react129 = require("@chakra-ui/react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Spinner2 = (0, import_react128.forwardRef)(
+  function Spinner3(props, ref) {
+    const { loading, children, ...rest } = props;
+    if (loading === false) {
+      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react129.Spinner, { ref, ...rest });
+  }
+);
+
+// src/components/loading-overlay/loading-overlay.context.ts
+var import_react130 = require("@chakra-ui/react");
+var {
+  useStyles: useLoadingOverlayStyles,
+  withContext: withContext4,
+  withProvider: withProvider3
+} = (0, import_react130.createSlotRecipeContext)({
+  key: "suiLoadingOverlay"
+});
+
+// src/components/loading-overlay/loading-overlay.tsx
+var import_jsx_runtime17 = require("react/jsx-runtime");
+var LoadingOverlay = (props) => {
+  const { children, loading = true, ...rest } = props;
+  const [presenceProps, rootProps] = (0, import_presence.splitPresenceProps)(rest);
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_presence.Presence, { present: loading, ...presenceProps, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react131.chakra.div, { ...rootProps, children }) });
+};
+var LoadingOverlayRoot = withProvider3(
+  LoadingOverlay,
+  "root"
+);
+LoadingOverlayRoot.displayName = "LoadingOverlay";
+var LoadingOverlaySpinner = Spinner2;
+var LoadingOverlayText = withContext4(
+  "p",
+  "text"
+);
+
+// src/components/navbar/navbar.tsx
+var navbar_exports = {};
+__export(navbar_exports, {
+  Brand: () => NavbarBrand,
+  Content: () => NavbarContent,
+  Item: () => NavbarItem,
+  Link: () => NavbarLink,
+  Root: () => NavbarRoot
+});
+var import_react133 = require("react");
+var import_navbar = require("@saas-ui/core/navbar");
+
+// src/components/navbar/navbar.context.ts
+var import_react132 = require("@chakra-ui/react");
+var {
+  withProvider: withProvider4,
+  withContext: withContext5,
+  useStyles: useNavbarStyles
+} = (0, import_react132.createSlotRecipeContext)({
+  key: "suiNavbar"
+});
+
+// src/components/navbar/navbar.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var NavbarRoot = withProvider4(
+  import_navbar.Navbar.Root,
+  "root"
+);
+var NavbarBrand = withContext5(
+  import_navbar.Navbar.Brand,
+  "brand"
+);
+var NavbarContent = withContext5(
+  import_navbar.Navbar.Content,
+  "content"
+);
+var NavbarItem = withContext5(
+  import_navbar.Navbar.Item,
+  "item"
+);
+var NavbarLink = withContext5(
+  (0, import_react133.forwardRef)((props, ref) => {
+    const Link2 = useLink();
+    const { active, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_navbar.Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Link2, { "data-active": active ? "" : void 0, ...props }) });
+  }),
+  "link",
+  {
+    forwardAsChild: true
+  }
+);
+
+// src/components/number-input/number-input.tsx
+var import_react134 = require("react");
+var import_react135 = require("@chakra-ui/react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var NumberInput = (0, import_react134.forwardRef)(
+  function NumberInput2(props, ref) {
+    const {
+      hideControls,
+      startElement,
+      endElement,
+      inputProps,
+      rootRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react135.NumberInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InputGroup, { startElement, endElement, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.Input, { ref, ...inputProps }) }),
+      !hideControls && !endElement ? /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_react135.NumberInput.Control, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.IncrementTrigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react135.NumberInput.DecrementTrigger, {})
+      ] }) : null
+    ] });
+  }
+);
+
+// src/components/menu/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  Arrow: () => MenuArrow,
+  Button: () => MenuButton,
+  CheckboxItem: () => MenuCheckboxItem,
+  Content: () => MenuContent,
+  Context: () => MenuContext,
+  ContextTrigger: () => MenuContextTrigger,
+  Item: () => MenuItem,
+  ItemCommand: () => MenuItemCommand,
+  ItemGroup: () => MenuItemGroup,
+  ItemText: () => MenuItemText,
+  RadioItem: () => MenuRadioItem,
+  RadioItemGroup: () => MenuRadioItemGroup,
+  Root: () => MenuRoot,
+  Separator: () => MenuSeparator,
+  Trigger: () => MenuTrigger,
+  TriggerItem: () => MenuTriggerItem
+});
+var import_react136 = require("react");
+var import_react137 = require("@chakra-ui/react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var MenuContent = (0, import_react136.forwardRef)(
+  function MenuContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Content, { ref, ...rest }) }) });
+  }
+);
+var MenuArrow = (0, import_react136.forwardRef)(
+  function MenuArrow2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.Arrow, { ref, ...props, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ArrowTip, {}) });
+  }
+);
+var MenuCheckboxItem = (0, import_react136.forwardRef)(function MenuCheckboxItem2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.CheckboxItem, { ref, ...props, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {}) }),
+    props.children
+  ] });
+});
+var MenuRadioItem = (0, import_react136.forwardRef)(
+  function MenuRadioItem2(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.RadioItem, { ps: "8", ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CheckIcon, {}) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemText, { children })
+    ] });
+  }
+);
+var MenuItemGroup = (0, import_react136.forwardRef)(
+  function MenuItemGroup2(props, ref) {
+    const { title, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.ItemGroup, { ref, ...rest, children: [
+      title && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react137.Menu.ItemGroupLabel, { userSelect: "none", children: title }),
+      children
+    ] });
+  }
+);
+var MenuTriggerItem = (0, import_react136.forwardRef)(
+  function MenuTriggerItem2(props, ref) {
+    const { startIcon, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_react137.Menu.TriggerItem, { ref, ...rest, children: [
+      startIcon,
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ChevronRightIcon, {})
+    ] });
+  }
+);
+var MenuButton = (0, import_react136.forwardRef)(
+  function MenuButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(MenuTrigger, { ref, ...props, asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, {}) });
+  }
+);
+var MenuRadioItemGroup = import_react137.Menu.RadioItemGroup;
+var MenuContextTrigger = import_react137.Menu.ContextTrigger;
+var MenuRoot = import_react137.Menu.Root;
+var MenuSeparator = import_react137.Menu.Separator;
+var MenuContext = import_react137.Menu.Context;
+var MenuItem = import_react137.Menu.Item;
+var MenuItemText = import_react137.Menu.ItemText;
+var MenuItemCommand = import_react137.Menu.ItemCommand;
+var MenuTrigger = import_react137.Menu.Trigger;
+
+// src/components/password-input/password-input.tsx
+var import_react140 = require("react");
+var import_react141 = require("@chakra-ui/react");
+
+// ../../node_modules/react-icons/lib/iconBase.mjs
+var import_react139 = __toESM(require("react"), 1);
+
+// ../../node_modules/react-icons/lib/iconContext.mjs
+var import_react138 = __toESM(require("react"), 1);
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = import_react138.default.createContext && /* @__PURE__ */ import_react138.default.createContext(DefaultContext);
+
+// ../../node_modules/react-icons/lib/iconBase.mjs
+var _excluded = ["attr", "size", "title"];
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function Tree2Element(tree) {
+  return tree && tree.map((node, i) => /* @__PURE__ */ import_react139.default.createElement(node.tag, _objectSpread({
+    key: i
+  }, node.attr), Tree2Element(node.child)));
+}
+function GenIcon(data) {
+  return (props) => /* @__PURE__ */ import_react139.default.createElement(IconBase, _extends({
+    attr: _objectSpread({}, data.attr)
+  }, props), Tree2Element(data.child));
+}
+function IconBase(props) {
+  var elem = (conf) => {
+    var {
+      attr,
+      size,
+      title
+    } = props, svgProps = _objectWithoutProperties(props, _excluded);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className) className = conf.className;
+    if (props.className) className = (className ? className + " " : "") + props.className;
+    return /* @__PURE__ */ import_react139.default.createElement("svg", _extends({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: _objectSpread(_objectSpread({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title && /* @__PURE__ */ import_react139.default.createElement("title", null, title), props.children);
+  };
+  return IconContext !== void 0 ? /* @__PURE__ */ import_react139.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+}
+
+// ../../node_modules/react-icons/lu/index.mjs
+function LuEyeOff(props) {
+  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": [] }] })(props);
+}
+function LuEye(props) {
+  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": [] }] })(props);
+}
+
+// src/components/password-input/password-input.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var PasswordInput = (0, import_react140.forwardRef)(
+  function PasswordInput2(props, ref) {
+    const {
+      rootProps,
+      defaultVisible,
+      visible: visibleProp,
+      onVisibleChange,
+      visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(LuEyeOff, {}) },
+      ...rest
+    } = props;
+    const [visible, setVisible] = (0, import_react141.useControllableState)({
+      value: visibleProp,
+      defaultValue: defaultVisible || false,
+      onChange: onVisibleChange
+    });
+    const inputRef = (0, import_react140.useRef)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      InputGroup,
+      {
+        width: "full",
+        endElement: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          VisibilityTrigger,
+          {
+            disabled: rest.disabled,
+            onPointerDown: (e) => {
+              if (rest.disabled) return;
+              if (e.button !== 0) return;
+              e.preventDefault();
+              setVisible(!visible);
+            },
+            children: visible ? visibilityIcon.off : visibilityIcon.on
+          }
+        ),
+        ...rootProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          import_react141.Input,
+          {
+            ...rest,
+            ref: (0, import_react141.mergeRefs)(ref, inputRef),
+            type: visible ? "text" : "password"
+          }
+        )
+      }
+    );
+  }
+);
+var VisibilityTrigger = (0, import_react140.forwardRef)(
+  function VisibilityTrigger2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_react141.IconButton,
+      {
+        tabIndex: -1,
+        ref,
+        me: "-2",
+        aspectRatio: "square",
+        size: "sm",
+        variant: "ghost",
+        colorPalette: "gray",
+        height: "calc(100% - {spacing.2})",
+        "aria-label": "Toggle password visibility",
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/persona/persona.tsx
+var React7 = __toESM(require("react"), 1);
+
+// src/components/persona/persona-primitive.tsx
+var import_react143 = require("react");
+var import_react144 = require("@chakra-ui/react");
+var import_utils8 = require("@saas-ui/core/utils");
+
+// src/components/persona/persona.context.ts
+var import_react142 = require("@chakra-ui/react");
+var {
+  useStyles: usePersonaStyles,
+  withProvider: withProvider5,
+  withContext: withContext6
+} = (0, import_react142.createSlotRecipeContext)({
+  key: "suiPersona"
+});
+
+// src/components/persona/persona-primitive.tsx
+var import_jsx_runtime22 = require("react/jsx-runtime");
+var PersonaRoot = withProvider5(
+  (0, import_react143.forwardRef)((props, ref) => {
+    const { outOfOffice, presence, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      import_react144.chakra.div,
+      {
+        ref,
+        ...rest,
+        "data-out-of-office": (0, import_utils8.dataAttr)(outOfOffice),
+        "data-presence": presence,
+        css: [
+          presence ? {
+            "--persona-presence": `colors.presence.${presence}`
+          } : void 0,
+          rest.css
+        ]
+      }
+    );
+  }),
+  "root"
+);
+var PersonaAvatar = (0, import_react143.forwardRef)(
+  (props, ref) => {
+    const {
+      name,
+      getInitials: getInitials2 = (name2) => name2 == null ? void 0 : name2[0],
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      children,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_react144.Avatar.Root, { ref, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react144.Avatar.Fallback, { children: getInitials2(name) }),
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        import_react144.Avatar.Image,
+        {
+          src,
+          srcSet,
+          loading,
+          onError
+        }
+      ),
+      children
+    ] });
+  }
+);
+var PersonaPresenceBadge = withContext6("span", "presence");
+var PersonaDetails = withContext6(
+  "div",
+  "details"
+);
+var PersonaLabel = withContext6(
+  "span",
+  "label"
+);
+PersonaLabel.displayName = "PersonaLabel";
+var PersonaSecondaryLabel = withContext6(
+  "span",
+  "secondaryLabel"
+);
+var PersonaTertiaryLabel = withContext6(
+  "span",
+  "tertiaryLabel"
+);
+
+// src/components/persona/persona.tsx
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Persona = React7.forwardRef(
+  (props, ref) => {
+    const {
+      name,
+      presence,
+      presenceIcon,
+      isOutOfOffice,
+      label,
+      secondaryLabel,
+      tertiaryLabel,
+      size,
+      hideDetails,
+      children,
+      /** Avatar props */
+      getInitials: getInitials2,
+      icon,
+      loading,
+      onError,
+      src,
+      srcSet,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+      PersonaRoot,
+      {
+        ref,
+        outOfOffice: isOutOfOffice,
+        presence,
+        ...rest,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+            PersonaAvatar,
+            {
+              name,
+              size,
+              getInitials: getInitials2,
+              icon,
+              loading,
+              onError,
+              src,
+              srcSet,
+              children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaPresenceBadge, { children: presenceIcon })
+            }
+          ),
+          !hideDetails && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(PersonaDetails, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaLabel, { children: label || name }),
+            secondaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaSecondaryLabel, { children: secondaryLabel }),
+            tertiaryLabel && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(PersonaTertiaryLabel, { children: tertiaryLabel }),
+            children
+          ] })
+        ]
+      }
+    );
+  }
+);
+Persona.displayName = "Persona";
+var PersonaAvatar2 = React7.forwardRef(function PersonaAvatar3(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Persona, { ref, ...props, hideDetails: true });
+});
+
+// src/components/persona/presence.ts
+var defaultPresenceOptions = {
+  online: {
+    label: "Online",
+    color: "presence.online"
+  },
+  offline: {
+    label: "Offline",
+    color: "presence.offline"
+  },
+  busy: {
+    label: "Busy",
+    color: "presence.busy"
+  },
+  dnd: {
+    label: "Do-not-disturb",
+    color: "presence.dnd"
+  },
+  away: {
+    label: "Away",
+    color: "presence.away"
+  }
+};
+
+// src/components/pin-input/pin-input.tsx
+var import_react145 = require("react");
+var import_react146 = require("@chakra-ui/react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+var PinInput = (0, import_react145.forwardRef)(
+  function PinInput2(props, ref) {
+    const {
+      pinLength = 4,
+      inputProps,
+      rootRef,
+      attached,
+      gap = attached ? 0 : 2,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react146.PinInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.Control, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react146.PinInput.Input, { index }, index)) }) })
+    ] });
+  }
+);
+
+// src/components/radio/radio.tsx
+var import_react147 = require("react");
+var import_react148 = require("@chakra-ui/react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Radio = (0, import_react147.forwardRef)(
+  function Radio2(props, ref) {
+    const { children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react148.RadioGroup.Item, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemIndicator, {}),
+      children && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react148.RadioGroup.ItemText, { children })
+    ] });
+  }
+);
+var RadioGroup = import_react148.RadioGroup.Root;
+
+// src/components/search-input/search-input.tsx
+var import_react149 = __toESM(require("react"), 1);
+var import_react150 = require("@chakra-ui/react");
+var import_utils9 = require("@saas-ui/core/utils");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var SearchInput = (0, import_react149.forwardRef)(
+  (props, ref) => {
+    const {
+      placeholder = "Search",
+      value: valueProp,
+      defaultValue: defaultValueProp,
+      size,
+      variant,
+      width = "full",
+      icon = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SearchIcon, {}),
+      resetIcon,
+      endElement: endElementProp,
+      onChange: onChangeProp,
+      onReset: onResetProp,
+      onKeyDown: onKeyDownProp,
+      disabled,
+      ...inputProps
+    } = props;
+    const inputRef = import_react149.default.useRef(null);
+    const [value, setValue] = (0, import_react150.useControllableState)({
+      value: valueProp,
+      defaultValue: defaultValueProp
+    });
+    const onChange = import_react149.default.useCallback(
+      (e) => {
+        setValue(e.target.value);
+      },
+      [setValue]
+    );
+    const onKeyDown = import_react149.default.useCallback(
+      (event) => {
+        if (event.key === "Escape") {
+          setValue("");
+          onReset();
+        }
+      },
+      [onResetProp, setValue]
+    );
+    const onReset = () => {
+      var _a7;
+      setValue("");
+      onResetProp == null ? void 0 : onResetProp();
+      (_a7 = inputRef.current) == null ? void 0 : _a7.focus();
+    };
+    const showReset = value && !props.disabled;
+    const endElement = showReset ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SearchInputResetButton, { size, children: resetIcon }) : endElementProp;
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react150.Group, { width, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_react150.InputElement,
+        {
+          placement: "start",
+          px: "0",
+          aspectRatio: "9/10",
+          fontSize: size,
+          children: icon
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        import_react150.Input,
+        {
+          type: "text",
+          placeholder,
+          variant,
+          size,
+          value,
+          disabled,
+          ref: (0, import_react150.mergeRefs)(ref, inputRef),
+          onChange: (0, import_utils9.callAll)(onChange, onChangeProp),
+          onKeyDown: (0, import_utils9.callAll)(onKeyDown, onKeyDownProp),
+          ps: "calc(var(--input-height) - var(--input-height) / 10)",
+          pe: "calc(var(--input-height) - var(--input-height) / 10)",
+          ...inputProps
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react150.InputElement, { placement: "end", children: endElement })
+    ] });
+  }
+);
+var SearchInputResetButton = (0, import_react149.forwardRef)(
+  (props, ref) => {
+    const { children = /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CloseIcon, {}), ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      import_react150.IconButton,
+      {
+        ref,
+        variant: "ghost",
+        "aria-label": "Reset search",
+        me: "-2",
+        aspectRatio: "square",
+        height: "calc(100% - {spacing.2})",
+        ...rest,
+        children
+      }
+    );
+  }
+);
+SearchInput.displayName = "SearchInput";
+
+// src/components/select/namespace.ts
+var namespace_exports3 = {};
+__export(namespace_exports3, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+var import_react151 = require("react");
+var import_react152 = require("@chakra-ui/react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var SelectTrigger = (0, import_react151.forwardRef)(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.Control, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Trigger, { ref, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(SelectClearTrigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = (0, import_react151.forwardRef)(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = (0, import_react151.forwardRef)(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = (0, import_react151.forwardRef)(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = (0, import_react151.forwardRef)(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = (0, import_react151.forwardRef)(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    import_react152.Select.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = (0, import_react151.forwardRef)(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_react152.Select.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react152.Select.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = import_react152.Select.Label;
+var SelectItemText = import_react152.Select.ItemText;
+
+// src/components/segmented-control/segmented-control.tsx
+var import_react153 = require("react");
+var import_react154 = require("@chakra-ui/react");
+var import_jsx_runtime28 = 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_react153.forwardRef)(function SegmentedControl2(props, ref) {
+  const { items, ...rest } = props;
+  const data = (0, import_react153.useMemo)(() => normalize(items), [items]);
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_react154.SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.For, { each: data, children: (item) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      import_react154.SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react154.SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
+// src/components/sidebar/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
+  Backdrop: () => SidebarBackdrop,
+  Body: () => SidebarBody,
+  FlyoutTrigger: () => SidebarFlyoutTrigger,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupContent: () => SidebarGroupContent,
+  GroupEndElement: () => SidebarGroupEndElement,
+  GroupHeader: () => SidebarGroupHeader,
+  GroupTitle: () => SidebarGroupTitle,
+  Header: () => SidebarHeader,
+  NavButton: () => SidebarNavButton,
+  NavButtonEndElement: () => SidebarNavButtonEndElement,
+  NavItem: () => SidebarNavItem,
+  Provider: () => SidebarProvider,
+  Root: () => SidebarRoot,
+  Track: () => SidebarTrack,
+  Trigger: () => SidebarTrigger
+});
+var import_sidebar = require("@saas-ui/core/sidebar");
+
+// src/components/sidebar/sidebar.context.ts
+var import_react155 = require("@chakra-ui/react");
+var {
+  withContext: withContext7,
+  useRecipeResult,
+  StylesProvider,
+  ClassNamesProvider,
+  useStyles: useSidebarStyles
+} = (0, import_react155.createSlotRecipeContext)({
+  key: "suiSidebar"
+});
+var {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = (0, import_react155.createSlotRecipeContext)({
+  key: "suiSidebarNavItem"
+});
+
+// src/components/sidebar/sidebar.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+var SidebarProvider = function SidebarProvider2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_sidebar.Sidebar.Provider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(RecipeProvider, { ...props, children: props.children }) });
+};
+function RecipeProvider(props) {
+  const { mode } = (0, import_sidebar.useSidebar)();
+  const { styles, classNames } = useRecipeResult({
+    ...props,
+    mode
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ClassNamesProvider, { value: classNames, children: props.children }) });
+}
+var SidebarRoot = withContext7(
+  import_sidebar.Sidebar.Root,
+  "root"
+);
+var SidebarTrigger = withContext7(
+  import_sidebar.Sidebar.Trigger,
+  "trigger",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarFlyoutTrigger = withContext7(import_sidebar.Sidebar.FlyoutTrigger, "flyoutTrigger", {
+  forwardAsChild: true
+});
+var SidebarBackdrop = withContext7(
+  import_sidebar.Sidebar.Backdrop,
+  "backdrop",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarHeader = withContext7(
+  import_sidebar.Sidebar.Header,
+  "header"
+);
+var SidebarBody = withContext7(
+  import_sidebar.Sidebar.Body,
+  "body"
+);
+var SidebarFooter = withContext7(
+  import_sidebar.Sidebar.Footer,
+  "footer"
+);
+var SidebarTrack = withContext7(
+  import_sidebar.Sidebar.Track,
+  "track",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarGroup = withContext7(
+  import_sidebar.Sidebar.Group,
+  "group",
+  {
+    defaultProps: {
+      role: "group"
+    }
+  }
+);
+var SidebarGroupHeader = withContext7(
+  import_sidebar.Sidebar.GroupHeader,
+  "groupHeader"
+);
+var SidebarGroupTitle = withContext7(import_sidebar.Sidebar.GroupTitle, "groupTitle");
+var SidebarGroupEndElement = withContext7(import_sidebar.Sidebar.GroupEndElement, "groupEndElement");
+var SidebarGroupContent = withContext7(
+  import_sidebar.Sidebar.GroupContent,
+  "groupContent"
+);
+var SidebarNavItem = withItemProvider(
+  import_sidebar.Sidebar.NavItem,
+  "item"
+);
+var SidebarNavButton = withItemContext(import_sidebar.Sidebar.NavButton, "button", {
+  forwardAsChild: true
+});
+var SidebarNavButtonEndElement = withItemContext(import_sidebar.Sidebar.NavItemEndElement, "endElement", {
+  defaultProps: {
+    "data-slot": "endElement"
+  }
+});
+
+// src/components/sidebar/index.ts
+var import_sidebar2 = require("@saas-ui/core/sidebar");
+
+// src/components/toaster/toaster.tsx
+var import_react156 = require("@chakra-ui/react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+var toast = (0, import_react156.createToaster)({
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+});
+var Toaster = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toaster, { toaster: toast, insetInline: { mdDown: "4" }, children: (toast2) => {
+    var _a7;
+    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Toast.Root, { width: { md: "sm" }, children: [
+      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Spinner, { size: "sm", color: "colorPalette.solid" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Indicator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react156.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.Description, { children: toast2.description })
+      ] }),
+      toast2.action && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.ActionTrigger, { children: toast2.action.label }),
+      ((_a7 = toast2.meta) == null ? void 0 : _a7.closable) && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react156.Toast.CloseTrigger, {})
+    ] });
+  } }) });
+};
+
+// src/components/steps/steps.tsx
+var steps_exports = {};
+__export(steps_exports, {
+  CompletedContent: () => StepsCompletedContent,
+  Content: () => StepsContent,
+  Indicator: () => StepsIndicator,
+  Item: () => StepsItem,
+  List: () => StepsList,
+  NextTrigger: () => StepsNextTrigger,
+  PrevTrigger: () => StepsPrevTrigger,
+  Root: () => StepsRoot
+});
+var import_react157 = require("@chakra-ui/react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
+var StepsItem = (props) => {
+  const { title, description, completedIcon, icon, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Steps.Item, { ...rest, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Steps.Trigger, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        import_react157.Steps.Status,
+        {
+          complete: completedIcon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(CheckIcon, {}),
+          incomplete: icon || /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Number, {})
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(StepInfo, { title, description })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Separator, {})
+  ] });
+};
+var StepInfo = (props) => {
+  const { title, description } = props;
+  if (title && description) {
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_react157.Box, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Title, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Description, { children: description })
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(import_jsx_runtime31.Fragment, { children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Title, { children: title }),
+    description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Description, { children: description })
+  ] });
+};
+var StepsIndicator = (props) => {
+  const { icon = /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Number, {}), completedIcon } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Indicator, { children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.Status, { complete: completedIcon, incomplete: icon }) });
+};
+var StepsList = import_react157.Steps.List;
+var StepsRoot = import_react157.Steps.Root;
+var StepsContent = import_react157.Steps.Content;
+var StepsCompletedContent = import_react157.Steps.CompletedContent;
+var StepsNextTrigger = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.NextTrigger, { ...props });
+};
+var StepsPrevTrigger = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_react157.Steps.PrevTrigger, { ...props });
+};
+
+// src/components/switch/switch.tsx
+var import_react158 = require("@chakra-ui/react");
+var import_react159 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var Switch = (0, import_react159.forwardRef)(
+  function Switch2(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react158.Switch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_react158.Switch.Control, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Thumb, { children: thumbLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react158.Switch.Label, { children })
+    ] });
+  }
+);
+
+// src/components/tooltip/tooltip.tsx
+var import_react160 = require("react");
+var import_react161 = require("@chakra-ui/react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var Tooltip = (0, import_react160.forwardRef)(
+  function Tooltip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      disabled,
+      portalled,
+      content,
+      contentProps,
+      portalRef,
+      ...rest
+    } = props;
+    if (disabled) return children;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react161.Tooltip.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react161.Tooltip.Content, { ref, ...contentProps, children: [
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.Arrow, { children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_react161.Tooltip.ArrowTip, {}) }),
+        content
+      ] }) }) })
+    ] });
+  }
+);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  AppShell,
+  Avatar,
+  AvatarGroup,
+  Breadcrumb,
+  Button,
+  Checkbox,
+  CloseButton,
+  Command,
+  Dialog,
+  Drawer,
+  EmptyState,
+  GridList,
+  IconBadge,
+  InputGroup,
+  Link,
+  LoadingOverlay,
+  Menu,
+  Navbar,
+  NumberInput,
+  PasswordInput,
+  Persona,
+  PersonaAvatar,
+  PinInput,
+  Radio,
+  RadioGroup,
+  SearchInput,
+  SegmentedControl,
+  Select,
+  Sidebar,
+  Spinner,
+  Steps,
   SuiContext,
   SuiProvider,
+  Switch,
+  Toaster,
+  Tooltip,
   createSystem,
   defaultConfig,
+  defaultPresenceOptions,
   defaultSystem,
+  toast,
   useLink,
-  useSui,
-  ...require("@saas-ui/core")
+  useLoadingOverlayStyles,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles,
+  useSui
 });