@thetinycode/hash-ui 1.0.0 → 1.1.0

package/dist/index.cjs

@@ -30,10 +30,15 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  Accordion: () => Accordion,
+  AccordionContent: () => AccordionContent,
+  AccordionItem: () => AccordionItem,
+  AccordionTrigger: () => AccordionTrigger,
   Alert: () => Alert,
   AlertDescription: () => AlertDescription,
   AlertTitle: () => AlertTitle,
   Avatar: () => Avatar,
+  AvatarFallback: () => AvatarFallback,
   AvatarGroup: () => AvatarGroup,
   Badge: () => Badge,
   Box: () => Box,
@@ -43,12 +48,20 @@ __export(index_exports, {
   BreadcrumbPage: () => BreadcrumbPage,
   BreadcrumbSeparator: () => BreadcrumbSeparator,
   Button: () => Button,
+  ButtonGroup: () => ButtonGroup,
   Card: () => Card,
   CardContent: () => CardContent,
   CardDescription: () => CardDescription,
   CardFooter: () => CardFooter,
   CardHeader: () => CardHeader,
   CardTitle: () => CardTitle,
+  CommandPalette: () => CommandPalette,
+  CommandPaletteEmpty: () => CommandPaletteEmpty,
+  CommandPaletteGroup: () => CommandPaletteGroup,
+  CommandPaletteGroupLabel: () => CommandPaletteGroupLabel,
+  CommandPaletteInput: () => CommandPaletteInput,
+  CommandPaletteItem: () => CommandPaletteItem,
+  CommandPaletteList: () => CommandPaletteList,
   Container: () => Container,
   Divider: () => Divider,
   Drawer: () => Drawer,
@@ -71,6 +84,7 @@ __export(index_exports, {
   HeroContent: () => HeroContent,
   HeroDescription: () => HeroDescription,
   HeroTitle: () => HeroTitle,
+  IconButton: () => IconButton,
   Input: () => Input,
   Label: () => Label,
   Modal: () => Modal,
@@ -79,6 +93,14 @@ __export(index_exports, {
   ModalFooter: () => ModalFooter,
   ModalHeader: () => ModalHeader,
   ModalTitle: () => ModalTitle,
+  Navbar: () => Navbar,
+  NavbarActions: () => NavbarActions,
+  NavbarBrand: () => NavbarBrand,
+  NavbarNav: () => NavbarNav,
+  Notification: () => Notification,
+  NotificationActions: () => NotificationActions,
+  NotificationDescription: () => NotificationDescription,
+  NotificationTitle: () => NotificationTitle,
   Pagination: () => Pagination,
   PaginationItem: () => PaginationItem,
   PaginationLink: () => PaginationLink,
@@ -88,6 +110,15 @@ __export(index_exports, {
   SectionHeader: () => SectionHeader,
   SectionTitle: () => SectionTitle,
   Select: () => Select,
+  Sidebar: () => Sidebar,
+  SidebarContent: () => SidebarContent,
+  SidebarFooter: () => SidebarFooter,
+  SidebarGroup: () => SidebarGroup,
+  SidebarGroupLabel: () => SidebarGroupLabel,
+  SidebarHeader: () => SidebarHeader,
+  SidebarItem: () => SidebarItem,
+  Skeleton: () => Skeleton,
+  Spinner: () => Spinner,
   Stack: () => Stack,
   Stat: () => Stat,
   StatChange: () => StatChange,
@@ -158,12 +189,75 @@ function Button({
   );
 }
 
-// src/components/forms/input.tsx
-var React2 = __toESM(require("react"), 1);
+// src/components/forms/button-group.tsx
+var React2 = require("react");
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Input = React2.forwardRef(
+function ButtonGroup({
+  className,
+  orientation = "horizontal",
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    "div",
+    {
+      className: cn(
+        "inline-flex",
+        orientation === "horizontal" ? "flex-row items-center" : "flex-col",
+        className
+      ),
+      role: "group",
+      ...props
+    }
+  );
+}
+
+// src/components/forms/icon-button.tsx
+var React3 = require("react");
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var iconButtonVariants = (0, import_class_variance_authority2.cva)(
+  "inline-flex items-center justify-center rounded-xl transition-colors focus:outline-none disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-blue-600 text-white hover:bg-blue-700",
+        secondary: "bg-gray-100 text-gray-900 hover:bg-gray-200",
+        outline: "border border-gray-300 bg-white text-gray-900 hover:bg-gray-50",
+        ghost: "text-gray-900 hover:bg-gray-100"
+      },
+      size: {
+        sm: "h-8 w-8",
+        md: "h-10 w-10",
+        lg: "h-12 w-12"
+      }
+    },
+    defaultVariants: {
+      variant: "ghost",
+      size: "md"
+    }
+  }
+);
+function IconButton({
+  className,
+  variant,
+  size,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    "button",
+    {
+      className: cn(iconButtonVariants({ variant, size }), className),
+      ...props
+    }
+  );
+}
+
+// src/components/forms/input.tsx
+var React4 = __toESM(require("react"), 1);
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = React4.forwardRef(
   ({ className, type = "text", ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "input",
       {
         ref,
@@ -180,10 +274,10 @@ var Input = React2.forwardRef(
 Input.displayName = "Input";
 
 // src/components/forms/label.tsx
-var React3 = require("react");
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var React5 = require("react");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function Label({ className, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "label",
     {
       className: cn(
@@ -196,11 +290,11 @@ function Label({ className, ...props }) {
 }
 
 // src/components/forms/select.tsx
-var React4 = __toESM(require("react"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Select = React4.forwardRef(
+var React6 = __toESM(require("react"), 1);
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var Select = React6.forwardRef(
   ({ className, children, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       "select",
       {
         ref,
@@ -217,13 +311,13 @@ var Select = React4.forwardRef(
 Select.displayName = "Select";
 
 // src/components/forms/switch.tsx
-var React5 = __toESM(require("react"), 1);
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var Switch = React5.forwardRef(
+var React7 = __toESM(require("react"), 1);
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var Switch = React7.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("label", { className: "inline-flex cursor-pointer items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("label", { className: "inline-flex cursor-pointer items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("input", { ref, type: "checkbox", className: "peer sr-only", ...props }),
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
         "span",
         {
           className: cn(
@@ -238,11 +332,11 @@ var Switch = React5.forwardRef(
 Switch.displayName = "Switch";
 
 // src/components/forms/textarea.tsx
-var React6 = __toESM(require("react"), 1);
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Textarea = React6.forwardRef(
+var React8 = __toESM(require("react"), 1);
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var Textarea = React8.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       "textarea",
       {
         ref,
@@ -258,10 +352,10 @@ var Textarea = React6.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/display/alert.tsx
-var React7 = require("react");
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority2.cva)("rounded-2xl border p-4", {
+var React9 = require("react");
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority3.cva)("rounded-2xl border p-4", {
   variants: {
     variant: {
       default: "border-gray-200 bg-white text-gray-900",
@@ -276,24 +370,24 @@ var alertVariants = (0, import_class_variance_authority2.cva)("rounded-2xl borde
   }
 });
 function Alert({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { role: "alert", className: cn(alertVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { role: "alert", className: cn(alertVariants({ variant }), className), ...props });
 }
 function AlertTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h5", { className: cn("mb-1 font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h5", { className: cn("mb-1 font-semibold", className), ...props });
 }
 function AlertDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("p", { className: cn("text-sm opacity-90", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: cn("text-sm opacity-90", className), ...props });
 }
 
 // src/components/display/avatar.tsx
-var React8 = require("react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var React10 = require("react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 function Avatar({
   className,
   src,
@@ -301,7 +395,7 @@ function Avatar({
   fallback,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
     "div",
     {
       className: cn(
@@ -309,22 +403,35 @@ function Avatar({
         className
       ),
       ...props,
-      children: src ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("img", { src, alt: alt ?? "Avatar", className: "h-full w-full object-cover" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { children: fallback ?? "UI" })
+      children: src ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        "img",
+        {
+          src,
+          alt: alt ?? "Avatar",
+          className: "h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarFallback, { children: fallback ?? "UI" })
     }
   );
 }
+function AvatarFallback({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: cn("uppercase", className), ...props });
+}
 function AvatarGroup({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: cn("flex -space-x-3", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex -space-x-3", className), ...props });
 }
 
 // src/components/display/badge.tsx
-var React9 = require("react");
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority3.cva)(
+var React11 = require("react");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority4.cva)(
   "inline-flex items-center rounded-full px-2.5 py-1 text-xs font-medium",
   {
     variants: {
@@ -343,17 +450,17 @@ var badgeVariants = (0, import_class_variance_authority3.cva)(
   }
 );
 function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 
 // src/components/display/card.tsx
-var React10 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var React12 = require("react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 function Card({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
     "div",
     {
       className: cn("rounded-2xl border border-gray-200 bg-white shadow-sm", className),
@@ -365,41 +472,41 @@ function CardHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("p-6 pb-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("p-6 pb-4", className), ...props });
 }
 function CardTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
 }
 function CardDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
 }
 function CardContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("p-6 pt-0", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("p-6 pt-0", className), ...props });
 }
 function CardFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: cn("flex items-center p-6 pt-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn("flex items-center p-6 pt-4", className), ...props });
 }
 
 // src/components/display/empty-state.tsx
-var React11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var React13 = require("react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
 function EmptyState({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     "div",
     {
       className: cn(
@@ -414,29 +521,124 @@ function EmptyStateTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h3", { className: cn("mt-4 text-lg font-semibold text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("h3", { className: cn("mt-4 text-lg font-semibold text-gray-900", className), ...props });
 }
 function EmptyStateDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: cn("mt-2 max-w-md text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("p", { className: cn("mt-2 max-w-md text-sm text-gray-500", className), ...props });
 }
 function EmptyStateActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: cn("mt-6 flex items-center gap-3", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn("mt-6 flex items-center gap-3", className), ...props });
+}
+
+// src/components/display/notification.tsx
+var React14 = require("react");
+var import_class_variance_authority5 = require("class-variance-authority");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var notificationVariants = (0, import_class_variance_authority5.cva)(
+  "rounded-2xl border p-4 shadow-sm",
+  {
+    variants: {
+      variant: {
+        default: "border-gray-200 bg-white text-gray-900",
+        success: "border-green-200 bg-green-50 text-green-800",
+        warning: "border-yellow-200 bg-yellow-50 text-yellow-800",
+        danger: "border-red-200 bg-red-50 text-red-800",
+        info: "border-blue-200 bg-blue-50 text-blue-800"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Notification({
+  className,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+    "div",
+    {
+      className: cn(notificationVariants({ variant }), className),
+      role: "status",
+      ...props
+    }
+  );
+}
+function NotificationTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: cn("font-semibold", className), ...props });
+}
+function NotificationDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
+}
+function NotificationActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: cn("mt-4 flex items-center gap-2", className), ...props });
+}
+
+// src/components/display/skeleton.tsx
+var React15 = require("react");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      className: cn("animate-pulse rounded-xl bg-gray-200", className),
+      ...props
+    }
+  );
+}
+
+// src/components/display/spinner.tsx
+var React16 = require("react");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+function Spinner({
+  className,
+  size = "md",
+  ...props
+}) {
+  const sizes = {
+    sm: "h-4 w-4 border-2",
+    md: "h-6 w-6 border-2",
+    lg: "h-8 w-8 border-[3px]"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: cn(
+        "inline-block animate-spin rounded-full border-gray-300 border-t-gray-900",
+        sizes[size],
+        className
+      ),
+      "aria-label": "Loading",
+      role: "status",
+      ...props
+    }
+  );
 }
 
 // src/components/display/stat.tsx
-var React12 = require("react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
+var React17 = require("react");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 function Stat({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       className: cn("rounded-2xl border border-gray-200 bg-white p-6 shadow-sm", className),
@@ -448,34 +650,34 @@ function StatLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("text-sm text-gray-500", className), ...props });
 }
 function StatValue({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("mt-2 text-3xl font-semibold text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("mt-2 text-3xl font-semibold text-gray-900", className), ...props });
 }
 function StatChange({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("mt-2 text-sm font-medium text-gray-600", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("mt-2 text-sm font-medium text-gray-600", className), ...props });
 }
 
 // src/components/primitives/box.tsx
-var React13 = require("react");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var React18 = require("react");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 function Box({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: cn(className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: cn(className), ...props });
 }
 
 // src/components/primitives/container.tsx
-var React14 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var React19 = require("react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 function Container({
   className,
   size = "lg",
@@ -487,7 +689,7 @@ function Container({
     lg: "max-w-7xl",
     full: "max-w-none"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: cn("mx-auto w-full px-4 sm:px-6 lg:px-8", sizes[size], className),
@@ -497,22 +699,22 @@ function Container({
 }
 
 // src/components/primitives/divider.tsx
-var React15 = require("react");
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var React20 = require("react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 function Divider({
   className,
   orientation = "horizontal",
   ...props
 }) {
   if (orientation === "vertical") {
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: cn("h-full w-px bg-gray-200", className), ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("h-full w-px bg-gray-200", className), ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("hr", { className: cn("w-full border-0 border-t border-gray-200", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("hr", { className: cn("w-full border-0 border-t border-gray-200", className), ...props });
 }
 
 // src/components/primitives/grid.tsx
-var React16 = require("react");
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var React21 = require("react");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 function Grid({
   className,
   cols = 3,
@@ -535,7 +737,7 @@ function Grid({
     lg: "gap-6",
     xl: "gap-8"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       className: cn("grid", colsClasses[cols], gapClasses[gap], className),
@@ -545,8 +747,8 @@ function Grid({
 }
 
 // src/components/primitives/section.tsx
-var React17 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var React22 = require("react");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Section({
   className,
   spacing = "lg",
@@ -559,19 +761,19 @@ function Section({
     lg: "py-16",
     xl: "py-24"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Comp, { className: cn(spacingClasses[spacing], className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Comp, { className: cn(spacingClasses[spacing], className), ...props });
 }
 function SectionHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: cn("mb-10 space-y-3", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("mb-10 space-y-3", className), ...props });
 }
 function SectionTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "h2",
     {
       className: cn("text-3xl font-semibold tracking-tight text-gray-900", className),
@@ -583,12 +785,12 @@ function SectionDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("p", { className: cn("max-w-2xl text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("p", { className: cn("max-w-2xl text-sm text-gray-500", className), ...props });
 }
 
 // src/components/primitives/stack.tsx
-var React18 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var React23 = require("react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 function Stack({
   className,
   direction = "col",
@@ -606,7 +808,7 @@ function Stack({
     lg: "gap-6",
     xl: "gap-8"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       className: cn(directionClasses[direction], gapClasses[gap], className),
@@ -615,49 +817,172 @@ function Stack({
   );
 }
 
+// src/components/navigation/accordion.tsx
+var React24 = require("react");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function Accordion({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("w-full space-y-2", className), ...props });
+}
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "div",
+    {
+      className: cn("overflow-hidden rounded-2xl border border-gray-200", className),
+      ...props
+    }
+  );
+}
+function AccordionTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    "button",
+    {
+      className: cn(
+        "flex w-full items-center justify-between bg-white px-4 py-3 text-left text-sm font-medium text-gray-900 transition-colors hover:bg-gray-50",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function AccordionContent({
+  className,
+  open = false,
+  ...props
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("border-t border-gray-200 p-4 text-sm text-gray-600", className), ...props });
+}
+
 // src/components/navigation/breadcrumb.tsx
-var React19 = require("react");
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var React25 = require("react");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 function Breadcrumb({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("nav", { "aria-label": "Breadcrumb", className: cn("text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("nav", { "aria-label": "Breadcrumb", className: cn("text-sm text-gray-500", className), ...props });
 }
 function BreadcrumbList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("ol", { className: cn("flex flex-wrap items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("ol", { className: cn("flex flex-wrap items-center gap-2", className), ...props });
 }
 function BreadcrumbItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("li", { className: cn("inline-flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("li", { className: cn("inline-flex items-center gap-2", className), ...props });
 }
 function BreadcrumbSeparator({
   className,
   children = "/",
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("text-gray-400", className), ...props, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("text-gray-400", className), ...props, children });
 }
 function BreadcrumbPage({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: cn("font-medium text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: cn("font-medium text-gray-900", className), ...props });
+}
+
+// src/components/navigation/command-palette.tsx
+var React26 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function CommandPalette({
+  className,
+  open = true,
+  ...props
+}) {
+  if (!open) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "fixed inset-0 z-50 flex items-start justify-center bg-black/40 p-4 pt-24", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "div",
+    {
+      className: cn(
+        "w-full max-w-2xl overflow-hidden rounded-2xl border border-gray-200 bg-white shadow-xl",
+        className
+      ),
+      role: "dialog",
+      "aria-modal": "true",
+      ...props
+    }
+  ) });
+}
+function CommandPaletteInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "input",
+    {
+      className: cn(
+        "h-12 w-full border-b border-gray-200 bg-transparent px-4 text-sm text-gray-900 outline-none placeholder:text-gray-400",
+        className
+      ),
+      placeholder: "Search commands...",
+      ...props
+    }
+  );
+}
+function CommandPaletteList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("max-h-80 overflow-y-auto p-2", className), ...props });
+}
+function CommandPaletteGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("mb-2", className), ...props });
+}
+function CommandPaletteGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: cn("px-2 py-1 text-xs font-medium uppercase tracking-wide text-gray-500", className), ...props });
+}
+function CommandPaletteItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "button",
+    {
+      className: cn(
+        "flex w-full items-center justify-between rounded-xl px-3 py-2 text-left text-sm text-gray-700 transition-colors hover:bg-gray-100 hover:text-gray-900",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function CommandPaletteEmpty({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("p-6 text-center text-sm text-gray-500", className), ...props });
 }
 
 // src/components/navigation/header.tsx
-var React20 = require("react");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var React27 = require("react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 function Header({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "header",
     {
       className: cn("w-full border-b border-gray-200 bg-white", className),
@@ -669,7 +994,7 @@ function HeaderInner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       className: cn(
@@ -684,48 +1009,85 @@ function HeaderBrand({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex items-center gap-3 font-semibold text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex items-center gap-3 font-semibold text-gray-900", className), ...props });
 }
 function HeaderNav({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("nav", { className: cn("hidden items-center gap-6 md:flex", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("nav", { className: cn("hidden items-center gap-6 md:flex", className), ...props });
 }
 function HeaderActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn("flex items-center gap-3", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("flex items-center gap-3", className), ...props });
+}
+
+// src/components/navigation/navbar.tsx
+var React28 = require("react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function Navbar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+    "nav",
+    {
+      className: cn(
+        "flex items-center justify-between border-b border-gray-200 bg-white px-4 py-3",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function NavbarBrand({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("font-semibold text-gray-900", className), ...props });
+}
+function NavbarNav({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("hidden items-center gap-6 md:flex", className), ...props });
+}
+function NavbarActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("flex items-center gap-3", className), ...props });
 }
 
 // src/components/navigation/pagination.tsx
-var React21 = require("react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var React29 = require("react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Pagination({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("nav", { "aria-label": "Pagination", className: cn("flex items-center justify-center", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("nav", { "aria-label": "Pagination", className: cn("flex items-center justify-center", className), ...props });
 }
 function PaginationList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ul", { className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("ul", { className: cn("flex items-center gap-2", className), ...props });
 }
 function PaginationItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("li", { className: cn(className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("li", { className: cn(className), ...props });
 }
 function PaginationLink({
   className,
   isActive,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     "a",
     {
       className: cn(
@@ -738,20 +1100,84 @@ function PaginationLink({
   );
 }
 
+// src/components/navigation/sidebar.tsx
+var React30 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function Sidebar({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "aside",
+    {
+      className: cn(
+        "flex h-full w-72 flex-col border-r border-gray-200 bg-white",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function SidebarHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("border-b border-gray-200 p-4", className), ...props });
+}
+function SidebarContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("flex-1 p-4", className), ...props });
+}
+function SidebarFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("border-t border-gray-200 p-4", className), ...props });
+}
+function SidebarGroup({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("mb-6 space-y-2", className), ...props });
+}
+function SidebarGroupLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: cn("text-xs font-medium uppercase tracking-wide text-gray-500", className), ...props });
+}
+function SidebarItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "a",
+    {
+      className: cn(
+        "flex items-center rounded-xl px-3 py-2 text-sm text-gray-700 transition-colors hover:bg-gray-100 hover:text-gray-900",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
 // src/components/navigation/tabs.tsx
-var React22 = require("react");
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var React31 = require("react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 function Tabs({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("w-full", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("w-full", className), ...props });
 }
 function TabsList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "div",
     {
       className: cn(
@@ -767,7 +1193,7 @@ function TabsTrigger({
   active,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
     "button",
     {
       className: cn(
@@ -783,12 +1209,12 @@ function TabsContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("mt-4", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn("mt-4", className), ...props });
 }
 
 // src/components/overlays/drawer.tsx
-var React23 = require("react");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var React32 = require("react");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 function Drawer({
   className,
   open = true,
@@ -796,7 +1222,7 @@ function Drawer({
   ...props
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "fixed inset-0 z-50 bg-black/40", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "fixed inset-0 z-50 bg-black/40", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     "div",
     {
       className: cn(
@@ -810,19 +1236,19 @@ function Drawer({
 }
 
 // src/components/overlays/dropdown.tsx
-var React24 = require("react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var React33 = require("react");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function Dropdown({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("relative inline-block text-left", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("relative inline-block text-left", className), ...props });
 }
 function DropdownMenu({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "div",
     {
       className: cn(
@@ -837,7 +1263,7 @@ function DropdownItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     "button",
     {
       className: cn(
@@ -850,21 +1276,21 @@ function DropdownItem({
 }
 
 // src/components/overlays/modal.tsx
-var React25 = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var React34 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function Modal({
   className,
   open = true,
   ...props
 }) {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
     "div",
     {
       className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4",
       "aria-modal": "true",
       role: "dialog",
-      children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -881,38 +1307,38 @@ function ModalHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("border-b border-gray-200 p-6", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("border-b border-gray-200 p-6", className), ...props });
 }
 function ModalTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("h2", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h2", { className: cn("text-lg font-semibold text-gray-900", className), ...props });
 }
 function ModalDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: cn("mt-1 text-sm text-gray-500", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: cn("mt-1 text-sm text-gray-500", className), ...props });
 }
 function ModalContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("p-6", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("p-6", className), ...props });
 }
 function ModalFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("flex items-center justify-end gap-3 border-t border-gray-200 p-6", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: cn("flex items-center justify-end gap-3 border-t border-gray-200 p-6", className), ...props });
 }
 
 // src/components/overlays/toast.tsx
-var React26 = require("react");
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var toastVariants = (0, import_class_variance_authority4.cva)(
+var React35 = require("react");
+var import_class_variance_authority6 = require("class-variance-authority");
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var toastVariants = (0, import_class_variance_authority6.cva)(
   "w-full max-w-sm rounded-2xl border p-4 shadow-lg",
   {
     variants: {
@@ -930,25 +1356,25 @@ var toastVariants = (0, import_class_variance_authority4.cva)(
   }
 );
 function Toast({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn(toastVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: cn(toastVariants({ variant }), className), ...props });
 }
 function ToastTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("h4", { className: cn("font-semibold", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h4", { className: cn("font-semibold", className), ...props });
 }
 function ToastDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: cn("mt-1 text-sm opacity-90", className), ...props });
 }
 function ToastViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
     "div",
     {
       className: cn("fixed right-4 top-4 z-50 flex flex-col gap-3", className),
@@ -958,13 +1384,13 @@ function ToastViewport({
 }
 
 // src/components/overlays/tooltip.tsx
-var React27 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var React36 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Tooltip({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
     "div",
     {
       role: "tooltip",
@@ -978,13 +1404,13 @@ function Tooltip({
 }
 
 // src/components/marketing/hero.tsx
-var React28 = require("react");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var React37 = require("react");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 function Hero({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "section",
     {
       className: cn("relative overflow-hidden py-20 sm:py-28", className),
@@ -996,13 +1422,13 @@ function HeroContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("mx-auto max-w-3xl text-center", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("mx-auto max-w-3xl text-center", className), ...props });
 }
 function HeroBadge({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "div",
     {
       className: cn(
@@ -1017,26 +1443,31 @@ function HeroTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("h1", { className: cn("text-4xl font-semibold tracking-tight text-gray-900 sm:text-6xl", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("h1", { className: cn("text-4xl font-semibold tracking-tight text-gray-900 sm:text-6xl", className), ...props });
 }
 function HeroDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: cn("mx-auto mt-6 max-w-2xl text-base text-gray-500 sm:text-lg", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("p", { className: cn("mx-auto mt-6 max-w-2xl text-base text-gray-500 sm:text-lg", className), ...props });
 }
 function HeroActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("mt-8 flex flex-wrap items-center justify-center gap-3", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn("mt-8 flex flex-wrap items-center justify-center gap-3", className), ...props });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   Alert,
   AlertDescription,
   AlertTitle,
   Avatar,
+  AvatarFallback,
   AvatarGroup,
   Badge,
   Box,
@@ -1046,12 +1477,20 @@ function HeroActions({
   BreadcrumbPage,
   BreadcrumbSeparator,
   Button,
+  ButtonGroup,
   Card,
   CardContent,
   CardDescription,
   CardFooter,
   CardHeader,
   CardTitle,
+  CommandPalette,
+  CommandPaletteEmpty,
+  CommandPaletteGroup,
+  CommandPaletteGroupLabel,
+  CommandPaletteInput,
+  CommandPaletteItem,
+  CommandPaletteList,
   Container,
   Divider,
   Drawer,
@@ -1074,6 +1513,7 @@ function HeroActions({
   HeroContent,
   HeroDescription,
   HeroTitle,
+  IconButton,
   Input,
   Label,
   Modal,
@@ -1082,6 +1522,14 @@ function HeroActions({
   ModalFooter,
   ModalHeader,
   ModalTitle,
+  Navbar,
+  NavbarActions,
+  NavbarBrand,
+  NavbarNav,
+  Notification,
+  NotificationActions,
+  NotificationDescription,
+  NotificationTitle,
   Pagination,
   PaginationItem,
   PaginationLink,
@@ -1091,6 +1539,15 @@ function HeroActions({
   SectionHeader,
   SectionTitle,
   Select,
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarItem,
+  Skeleton,
+  Spinner,
   Stack,
   Stat,
   StatChange,