@prediktif/ui 0.1.7 → 0.1.9

package/dist/index.mjs

@@ -31,30 +31,229 @@ var __objRest = (source, exclude) => {
   return target;
 };
 
-// src/components/composed/header-title.tsx
+// src/components/composed/app-sidebar.tsx
+import { ChevronsUpDown, Command, LockIcon } from "lucide-react";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
 import { memo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var HeaderTitle = memo(function HeaderTitle2({
-  title,
-  subtitle,
-  children
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-4", children: [
-    /* @__PURE__ */ jsxs("div", { children: [
-      /* @__PURE__ */ jsx("h1", { className: "font-semibold", children: title }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: subtitle })
-    ] }),
-    children
-  ] });
-});
 
-// src/components/composed/nav-user.tsx
-import { memo as memo2 } from "react";
+// src/components/ui/alert-dialog.tsx
+import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
+import { cn as cn2 } from "cn";
+
+// src/components/ui/button.tsx
+import { Button as ButtonPrimitive } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { jsx } from "react/jsx-runtime";
+var buttonVariants = cva(
+  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/80",
+        outline: "border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+        xs: "h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5",
+        sm: "h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+        lg: "h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4",
+        icon: "size-7 [&_svg:not([class*='size-'])]:size-3.5",
+        "icon-xs": "size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5",
+        "icon-sm": "size-6 [&_svg:not([class*='size-'])]:size-3",
+        "icon-lg": "size-8 [&_svg:not([class*='size-'])]:size-4"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Button(_a) {
+  var _b = _a, {
+    className,
+    variant = "default",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx(
+    ButtonPrimitive,
+    __spreadValues({
+      "data-slot": "button",
+      className: cn(buttonVariants({ variant, size, className }))
+    }, props)
+  );
+}
+
+// src/components/ui/alert-dialog.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+function AlertDialog(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, __spreadValues({ "data-slot": "alert-dialog" }, props));
+}
+function AlertDialogTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Trigger, __spreadValues({ "data-slot": "alert-dialog-trigger" }, props));
+}
+function AlertDialogPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, __spreadValues({ "data-slot": "alert-dialog-portal" }, props));
+}
+function AlertDialogOverlay(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Backdrop,
+    __spreadValues({
+      "data-slot": "alert-dialog-overlay",
+      className: cn2(
+        "fixed inset-0 isolate z-50 bg-black/80 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDialogContent(_a) {
+  var _b = _a, {
+    className,
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsxs(AlertDialogPortal, { children: [
+    /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx2(
+      AlertDialogPrimitive.Popup,
+      __spreadValues({
+        "data-slot": "alert-dialog-content",
+        "data-size": size,
+        className: cn2(
+          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-3 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-64 data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+          className
+        )
+      }, props)
+    )
+  ] });
+}
+function AlertDialogHeader(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    __spreadValues({
+      "data-slot": "alert-dialog-header",
+      className: cn2(
+        "grid grid-rows-[auto_1fr] place-items-center gap-1 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDialogFooter(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    "div",
+    __spreadValues({
+      "data-slot": "alert-dialog-footer",
+      className: cn2(
+        "flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDialogTitle(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Title,
+    __spreadValues({
+      "data-slot": "alert-dialog-title",
+      className: cn2(
+        "font-heading text-sm font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDialogDescription(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Description,
+    __spreadValues({
+      "data-slot": "alert-dialog-description",
+      className: cn2(
+        "text-xs/relaxed text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function AlertDialogAction(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    Button,
+    __spreadValues({
+      "data-slot": "alert-dialog-action",
+      className: cn2(className)
+    }, props)
+  );
+}
+function AlertDialogCancel(_a) {
+  var _b = _a, {
+    className,
+    variant = "outline",
+    size = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ jsx2(
+    AlertDialogPrimitive.Close,
+    __spreadValues({
+      "data-slot": "alert-dialog-cancel",
+      className: cn2(className),
+      render: /* @__PURE__ */ jsx2(Button, { variant, size })
+    }, props)
+  );
+}
 
 // src/components/ui/avatar.tsx
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
-import { cn } from "cn";
-import { jsx as jsx2 } from "react/jsx-runtime";
+import { cn as cn3 } from "cn";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Avatar(_a) {
   var _b = _a, {
     className,
@@ -63,12 +262,12 @@ function Avatar(_a) {
     "className",
     "size"
   ]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     AvatarPrimitive.Root,
     __spreadValues({
       "data-slot": "avatar",
       "data-size": size,
-      className: cn(
+      className: cn3(
         "group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:border-border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten",
         className
       )
@@ -77,11 +276,11 @@ function Avatar(_a) {
 }
 function AvatarImage(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     AvatarPrimitive.Image,
     __spreadValues({
       "data-slot": "avatar-image",
-      className: cn(
+      className: cn3(
         "aspect-square size-full rounded-full object-cover",
         className
       )
@@ -94,11 +293,11 @@ function AvatarFallback(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     AvatarPrimitive.Fallback,
     __spreadValues({
       "data-slot": "avatar-fallback",
-      className: cn(
+      className: cn3(
         "flex size-full items-center justify-center rounded-full bg-muted text-sm text-muted-foreground group-data-[size=sm]/avatar:text-xs",
         className
       )
@@ -106,80 +305,192 @@ function AvatarFallback(_a) {
   );
 }
 
-// src/components/ui/sidebar.tsx
+// src/components/ui/breadcrumb.tsx
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
-import { cva as cva2 } from "class-variance-authority";
-import { cn as cn8 } from "cn";
-import { PanelLeftIcon } from "lucide-react";
-import * as React2 from "react";
-
-// src/components/ui/button.tsx
-import { Button as ButtonPrimitive } from "@base-ui/react/button";
-import { cva } from "class-variance-authority";
-import { cn as cn2 } from "cn";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/80",
-        outline: "border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline"
+import { cn as cn4 } from "cn";
+import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+function Breadcrumb(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "nav",
+    __spreadValues({
+      "aria-label": "breadcrumb",
+      "data-slot": "breadcrumb",
+      className: cn4(className)
+    }, props)
+  );
+}
+function BreadcrumbList(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "ol",
+    __spreadValues({
+      "data-slot": "breadcrumb-list",
+      className: cn4(
+        "flex flex-wrap items-center gap-1.5 text-xs/relaxed wrap-break-word text-muted-foreground",
+        className
+      )
+    }, props)
+  );
+}
+function BreadcrumbItem(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "li",
+    __spreadValues({
+      "data-slot": "breadcrumb-item",
+      className: cn4("inline-flex items-center gap-1", className)
+    }, props)
+  );
+}
+function BreadcrumbLink(_a) {
+  var _b = _a, {
+    className,
+    render
+  } = _b, props = __objRest(_b, [
+    "className",
+    "render"
+  ]);
+  return useRender({
+    defaultTagName: "a",
+    props: mergeProps(
+      {
+        className: cn4("transition-colors hover:text-foreground", className)
       },
-      size: {
-        default: "h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        xs: "h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5",
-        sm: "h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        lg: "h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4",
-        icon: "size-7 [&_svg:not([class*='size-'])]:size-3.5",
-        "icon-xs": "size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5",
-        "icon-sm": "size-6 [&_svg:not([class*='size-'])]:size-3",
-        "icon-lg": "size-8 [&_svg:not([class*='size-'])]:size-4"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+      props
+    ),
+    render,
+    state: {
+      slot: "breadcrumb-link"
+    }
+  });
+}
+function BreadcrumbPage(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx4(
+    "span",
+    __spreadValues({
+      "data-slot": "breadcrumb-page",
+      role: "link",
+      "aria-disabled": "true",
+      "aria-current": "page",
+      className: cn4("font-normal text-foreground", className)
+    }, props)
+  );
+}
+function BreadcrumbSeparator(_a) {
+  var _b = _a, {
+    children,
+    className
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx4(
+    "li",
+    __spreadProps(__spreadValues({
+      "data-slot": "breadcrumb-separator",
+      role: "presentation",
+      "aria-hidden": "true",
+      className: cn4("[&>svg]:size-3.5", className)
+    }, props), {
+      children: children != null ? children : /* @__PURE__ */ jsx4(ChevronRightIcon, {})
+    })
+  );
+}
+
+// src/components/ui/dropdown-menu.tsx
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { cn as cn5 } from "cn";
+import { CheckIcon, ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenuPrimitive.Trigger, __spreadValues({ "data-slot": "dropdown-menu-trigger" }, props));
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    align = "start",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4,
+    className
+  } = _b, props = __objRest(_b, [
+    "align",
+    "alignOffset",
+    "side",
+    "sideOffset",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx5(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx5(
+    MenuPrimitive.Positioner,
+    {
+      className: "isolate z-50 outline-none",
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      children: /* @__PURE__ */ jsx5(
+        MenuPrimitive.Popup,
+        __spreadValues({
+          "data-slot": "dropdown-menu-content",
+          className: cn5(
+            "z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover p-1 text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 outline-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:overflow-hidden data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )
+        }, props)
+      )
     }
-  }
-);
-function Button(_a) {
+  ) });
+}
+function DropdownMenuGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx5(MenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+}
+function DropdownMenuLabel(_a) {
   var _b = _a, {
     className,
-    variant = "default",
-    size = "default"
+    inset
   } = _b, props = __objRest(_b, [
     "className",
-    "variant",
-    "size"
+    "inset"
   ]);
-  return /* @__PURE__ */ jsx3(
-    ButtonPrimitive,
+  return /* @__PURE__ */ jsx5(
+    MenuPrimitive.GroupLabel,
     __spreadValues({
-      "data-slot": "button",
-      className: cn2(buttonVariants({ variant, size, className }))
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn5(
+        "px-2 py-1.5 text-xs text-muted-foreground data-inset:pl-7.5",
+        className
+      )
     }, props)
   );
 }
-
-// src/components/ui/input.tsx
-import { Input as InputPrimitive } from "@base-ui/react/input";
-import { cn as cn3 } from "cn";
-import { jsx as jsx4 } from "react/jsx-runtime";
-function Input(_a) {
-  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-  return /* @__PURE__ */ jsx4(
-    InputPrimitive,
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx5(
+    MenuPrimitive.Item,
     __spreadValues({
-      type,
-      "data-slot": "input",
-      className: cn3(
-        "h-7 w-full min-w-0 rounded-md border border-input bg-input/20 px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-xs/relaxed dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn5(
+        "group/dropdown-menu-item relative flex min-h-7 cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-inset:pl-7.5 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 data-[variant=destructive]:*:[svg]:text-destructive",
         className
       )
     }, props)
@@ -188,8 +499,8 @@ function Input(_a) {
 
 // src/components/ui/separator.tsx
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { cn as cn4 } from "cn";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { cn as cn6 } from "cn";
+import { jsx as jsx6 } from "react/jsx-runtime";
 function Separator(_a) {
   var _b = _a, {
     className,
@@ -198,12 +509,12 @@ function Separator(_a) {
     "className",
     "orientation"
   ]);
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     SeparatorPrimitive,
     __spreadValues({
       "data-slot": "separator",
       orientation,
-      className: cn4(
+      className: cn6(
         "shrink-0 bg-border data-horizontal:h-px data-horizontal:w-full data-vertical:w-px data-vertical:self-stretch",
         className
       )
@@ -211,26 +522,39 @@ function Separator(_a) {
   );
 }
 
+// src/components/ui/sidebar.tsx
+import { mergeProps as mergeProps2 } from "@base-ui/react/merge-props";
+import { useRender as useRender2 } from "@base-ui/react/use-render";
+import { cva as cva2 } from "class-variance-authority";
+import { cn as cn11 } from "cn";
+import { PanelLeftIcon } from "lucide-react";
+import * as React2 from "react";
+
+// src/components/ui/input.tsx
+import { Input as InputPrimitive } from "@base-ui/react/input";
+import { cn as cn7 } from "cn";
+import { jsx as jsx7 } from "react/jsx-runtime";
+
 // src/components/ui/sheet.tsx
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog";
-import { cn as cn5 } from "cn";
+import { cn as cn8 } from "cn";
 import { XIcon } from "lucide-react";
-import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
 function Sheet(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx6(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Root, __spreadValues({ "data-slot": "sheet" }, props));
 }
 function SheetPortal(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx6(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Portal, __spreadValues({ "data-slot": "sheet-portal" }, props));
 }
 function SheetOverlay(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Backdrop,
     __spreadValues({
       "data-slot": "sheet-overlay",
-      className: cn5(
+      className: cn8(
         "fixed inset-0 z-50 bg-black/80 transition-opacity duration-150 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
         className
       )
@@ -249,25 +573,25 @@ function SheetContent(_a) {
     "side",
     "showCloseButton"
   ]);
-  return /* @__PURE__ */ jsxs2(SheetPortal, { children: [
-    /* @__PURE__ */ jsx6(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs2(
+  return /* @__PURE__ */ jsxs4(SheetPortal, { children: [
+    /* @__PURE__ */ jsx8(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs4(
       SheetPrimitive.Popup,
       __spreadProps(__spreadValues({
         "data-slot": "sheet-content",
         "data-side": side,
-        className: cn5(
+        className: cn8(
           "fixed z-50 flex flex-col bg-popover bg-clip-padding text-xs/relaxed text-popover-foreground shadow-lg transition duration-200 ease-in-out data-ending-style:opacity-0 data-starting-style:opacity-0 data-[side=bottom]:inset-x-0 data-[side=bottom]:bottom-0 data-[side=bottom]:h-auto data-[side=bottom]:border-t data-[side=bottom]:data-ending-style:translate-y-[2.5rem] data-[side=bottom]:data-starting-style:translate-y-[2.5rem] data-[side=left]:inset-y-0 data-[side=left]:left-0 data-[side=left]:h-full data-[side=left]:w-3/4 data-[side=left]:border-r data-[side=left]:data-ending-style:translate-x-[-2.5rem] data-[side=left]:data-starting-style:translate-x-[-2.5rem] data-[side=right]:inset-y-0 data-[side=right]:right-0 data-[side=right]:h-full data-[side=right]:w-3/4 data-[side=right]:border-l data-[side=right]:data-ending-style:translate-x-[2.5rem] data-[side=right]:data-starting-style:translate-x-[2.5rem] data-[side=top]:inset-x-0 data-[side=top]:top-0 data-[side=top]:h-auto data-[side=top]:border-b data-[side=top]:data-ending-style:translate-y-[-2.5rem] data-[side=top]:data-starting-style:translate-y-[-2.5rem] data-[side=left]:sm:max-w-sm data-[side=right]:sm:max-w-sm",
           className
         )
       }, props), {
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs2(
+          showCloseButton && /* @__PURE__ */ jsxs4(
             SheetPrimitive.Close,
             {
               "data-slot": "sheet-close",
-              render: /* @__PURE__ */ jsx6(
+              render: /* @__PURE__ */ jsx8(
                 Button,
                 {
                   variant: "ghost",
@@ -276,8 +600,8 @@ function SheetContent(_a) {
                 }
               ),
               children: [
-                /* @__PURE__ */ jsx6(XIcon, {}),
-                /* @__PURE__ */ jsx6("span", { className: "sr-only", children: "Close" })
+                /* @__PURE__ */ jsx8(XIcon, {}),
+                /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
               ]
             }
           )
@@ -288,21 +612,21 @@ function SheetContent(_a) {
 }
 function SheetHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     "div",
     __spreadValues({
       "data-slot": "sheet-header",
-      className: cn5("flex flex-col gap-1.5 p-6", className)
+      className: cn8("flex flex-col gap-1.5 p-6", className)
     }, props)
   );
 }
 function SheetTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Title,
     __spreadValues({
       "data-slot": "sheet-title",
-      className: cn5(
+      className: cn8(
         "font-heading text-sm font-medium text-foreground",
         className
       )
@@ -315,40 +639,30 @@ function SheetDescription(_a) {
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx6(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Description,
     __spreadValues({
       "data-slot": "sheet-description",
-      className: cn5("text-xs/relaxed text-muted-foreground", className)
+      className: cn8("text-xs/relaxed text-muted-foreground", className)
     }, props)
   );
 }
 
 // src/components/ui/skeleton.tsx
-import { cn as cn6 } from "cn";
-import { jsx as jsx7 } from "react/jsx-runtime";
-function Skeleton(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx7(
-    "div",
-    __spreadValues({
-      "data-slot": "skeleton",
-      className: cn6("animate-pulse rounded-md bg-muted", className)
-    }, props)
-  );
-}
+import { cn as cn9 } from "cn";
+import { jsx as jsx9 } from "react/jsx-runtime";
 
 // src/components/ui/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { cn as cn7 } from "cn";
-import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+import { cn as cn10 } from "cn";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function Tooltip(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
+  return /* @__PURE__ */ jsx10(TooltipPrimitive.Root, __spreadValues({ "data-slot": "tooltip" }, props));
 }
 function TooltipTrigger(_a) {
   var props = __objRest(_a, []);
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
+  return /* @__PURE__ */ jsx10(TooltipPrimitive.Trigger, __spreadValues({ "data-slot": "tooltip-trigger" }, props));
 }
 function TooltipContent(_a) {
   var _b = _a, {
@@ -366,7 +680,7 @@ function TooltipContent(_a) {
     "alignOffset",
     "children"
   ]);
-  return /* @__PURE__ */ jsx8(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx10(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx10(
     TooltipPrimitive.Positioner,
     {
       align,
@@ -374,18 +688,18 @@ function TooltipContent(_a) {
       side,
       sideOffset,
       className: "isolate z-50",
-      children: /* @__PURE__ */ jsxs3(
+      children: /* @__PURE__ */ jsxs5(
         TooltipPrimitive.Popup,
         __spreadProps(__spreadValues({
           "data-slot": "tooltip-content",
-          className: cn7(
+          className: cn10(
             "z-50 inline-flex w-fit max-w-xs origin-(--transform-origin) items-center gap-1.5 rounded-md bg-foreground px-3 py-1.5 text-xs text-background has-data-[slot=kbd]:pr-1.5 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 **:data-[slot=kbd]:relative **:data-[slot=kbd]:isolate **:data-[slot=kbd]:z-50 **:data-[slot=kbd]:rounded-sm data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
             className
           )
         }, props), {
           children: [
             children,
-            /* @__PURE__ */ jsx8(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
+            /* @__PURE__ */ jsx10(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%-2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=inline-end]:top-1/2! data-[side=inline-end]:-left-1 data-[side=inline-end]:-translate-y-1/2 data-[side=inline-start]:top-1/2! data-[side=inline-start]:-right-1 data-[side=inline-start]:-translate-y-1/2 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5" })
           ]
         })
       )
@@ -413,7 +727,7 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
@@ -486,7 +800,7 @@ function SidebarProvider(_a) {
     }),
     [state, open, setOpen, isMobile, openMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx9(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx11(
     "div",
     __spreadProps(__spreadValues({
       "data-slot": "sidebar-wrapper",
@@ -494,7 +808,7 @@ function SidebarProvider(_a) {
         "--sidebar-width": SIDEBAR_WIDTH,
         "--sidebar-width-icon": SIDEBAR_WIDTH_ICON
       }, style),
-      className: cn8(
+      className: cn11(
         "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar",
         className
       )
@@ -521,11 +835,11 @@ function Sidebar(_a) {
   ]);
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx11(
       "div",
       __spreadProps(__spreadValues({
         "data-slot": "sidebar",
-        className: cn8(
+        className: cn11(
           "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
           className
         )
@@ -535,7 +849,7 @@ function Sidebar(_a) {
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx9(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs4(
+    return /* @__PURE__ */ jsx11(Sheet, __spreadProps(__spreadValues({ open: openMobile, onOpenChange: setOpenMobile }, props), { children: /* @__PURE__ */ jsxs6(
       SheetContent,
       {
         dir,
@@ -548,16 +862,16 @@ function Sidebar(_a) {
         },
         side,
         children: [
-          /* @__PURE__ */ jsxs4(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx9(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx9(SheetDescription, { children: "Displays the mobile sidebar." })
+          /* @__PURE__ */ jsxs6(SheetHeader, { className: "sr-only", children: [
+            /* @__PURE__ */ jsx11(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx11(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx9("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx11("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) }));
   }
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: "group peer hidden text-sidebar-foreground md:block",
@@ -567,11 +881,11 @@ function Sidebar(_a) {
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(
           "div",
           {
             "data-slot": "sidebar-gap",
-            className: cn8(
+            className: cn11(
               "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
               "group-data-[collapsible=offcanvas]:w-0",
               "group-data-[side=right]:rotate-180",
@@ -579,19 +893,19 @@ function Sidebar(_a) {
             )
           }
         ),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx11(
           "div",
           __spreadProps(__spreadValues({
             "data-slot": "sidebar-container",
             "data-side": side,
-            className: cn8(
+            className: cn11(
               "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear data-[side=left]:left-0 data-[side=left]:group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)] data-[side=right]:right-0 data-[side=right]:group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)] md:flex",
               // Adjust the padding for floating and inset variants.
               variant === "floating" || variant === "inset" ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]" : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
               className
             )
           }, props), {
-            children: /* @__PURE__ */ jsx9(
+            children: /* @__PURE__ */ jsx11(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -615,22 +929,22 @@ function SidebarTrigger(_a) {
     "onClick"
   ]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs4(
+  return /* @__PURE__ */ jsxs6(
     Button,
     __spreadProps(__spreadValues({
       "data-sidebar": "trigger",
       "data-slot": "sidebar-trigger",
       variant: "ghost",
       size: "icon-sm",
-      className: cn8(className),
+      className: cn11(className),
       onClick: (event) => {
         onClick == null ? void 0 : onClick(event);
         toggleSidebar();
       }
     }, props), {
       children: [
-        /* @__PURE__ */ jsx9(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx11(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     })
   );
@@ -638,7 +952,7 @@ function SidebarTrigger(_a) {
 function SidebarRail(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "button",
     __spreadValues({
       "data-sidebar": "rail",
@@ -647,7 +961,7 @@ function SidebarRail(_a) {
       tabIndex: -1,
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
-      className: cn8(
+      className: cn11(
         "absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear group-data-[side=left]:-right-4 group-data-[side=right]:left-0 after:absolute after:inset-y-0 after:start-1/2 after:w-[2px] hover:after:bg-sidebar-border sm:flex ltr:-translate-x-1/2 rtl:-translate-x-1/2",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
@@ -661,80 +975,47 @@ function SidebarRail(_a) {
 }
 function SidebarInset(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "main",
     __spreadValues({
       "data-slot": "sidebar-inset",
-      className: cn8(
+      className: cn11(
         "relative flex w-full flex-1 flex-col bg-background md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2",
         className
       )
     }, props)
   );
 }
-function SidebarInput(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx9(
-    Input,
-    __spreadValues({
-      "data-slot": "sidebar-input",
-      "data-sidebar": "input",
-      className: cn8(
-        "h-8 w-full border-input bg-muted/20 dark:bg-muted/30",
-        className
-      )
-    }, props)
-  );
-}
 function SidebarHeader(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-header",
       "data-sidebar": "header",
-      className: cn8("flex flex-col gap-2 p-2", className)
+      className: cn11("flex flex-col gap-2 p-2", className)
     }, props)
   );
 }
 function SidebarFooter(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-footer",
       "data-sidebar": "footer",
-      className: cn8("flex flex-col gap-2 p-2", className)
-    }, props)
-  );
-}
-function SidebarSeparator(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx9(
-    Separator,
-    __spreadValues({
-      "data-slot": "sidebar-separator",
-      "data-sidebar": "separator",
-      className: cn8("mx-2 w-auto bg-sidebar-border", className)
+      className: cn11("flex flex-col gap-2 p-2", className)
     }, props)
   );
 }
 function SidebarContent(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-content",
       "data-sidebar": "content",
-      className: cn8(
+      className: cn11(
         "no-scrollbar flex min-h-0 flex-1 flex-col gap-0 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
         className
       )
@@ -743,12 +1024,12 @@ function SidebarContent(_a) {
 }
 function SidebarGroup(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group",
       "data-sidebar": "group",
-      className: cn8(
+      className: cn11(
         "relative flex w-full min-w-0 flex-col px-2 py-1",
         className
       )
@@ -763,11 +1044,11 @@ function SidebarGroupLabel(_a) {
     "className",
     "render"
   ]);
-  return useRender({
+  return useRender2({
     defaultTagName: "div",
-    props: mergeProps(
+    props: mergeProps2(
       {
-        className: cn8(
+        className: cn11(
           "flex h-8 shrink-0 items-center rounded-md px-2 text-xs text-sidebar-foreground/70 ring-sidebar-ring outline-hidden transition-[margin,opacity] duration-200 ease-linear group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0 focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
           className
         )
@@ -781,66 +1062,40 @@ function SidebarGroupLabel(_a) {
     }
   });
 }
-function SidebarGroupAction(_a) {
-  var _b = _a, {
-    className,
-    render
-  } = _b, props = __objRest(_b, [
-    "className",
-    "render"
-  ]);
-  return useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        className: cn8(
-          "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "sidebar-group-action",
-      sidebar: "group-action"
-    }
-  });
-}
 function SidebarGroupContent(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-group-content",
       "data-sidebar": "group-content",
-      className: cn8("w-full text-xs", className)
+      className: cn11("w-full text-xs", className)
     }, props)
   );
 }
 function SidebarMenu(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "ul",
     __spreadValues({
       "data-slot": "sidebar-menu",
       "data-sidebar": "menu",
-      className: cn8("flex w-full min-w-0 flex-col gap-px", className)
+      className: cn11("flex w-full min-w-0 flex-col gap-px", className)
     }, props)
   );
 }
 function SidebarMenuItem(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "li",
     __spreadValues({
       "data-slot": "sidebar-menu-item",
       "data-sidebar": "menu-item",
-      className: cn8("group/menu-item relative", className)
+      className: cn11("group/menu-item relative", className)
     }, props)
   );
 }
@@ -881,15 +1136,15 @@ function SidebarMenuButton(_a) {
     "className"
   ]);
   const { isMobile, state } = useSidebar();
-  const comp = useRender({
+  const comp = useRender2({
     defaultTagName: "button",
-    props: mergeProps(
+    props: mergeProps2(
       {
-        className: cn8(sidebarMenuButtonVariants({ variant, size }), className)
+        className: cn11(sidebarMenuButtonVariants({ variant, size }), className)
       },
       props
     ),
-    render: !tooltip ? render : /* @__PURE__ */ jsx9(TooltipTrigger, { render }),
+    render: !tooltip ? render : /* @__PURE__ */ jsx11(TooltipTrigger, { render }),
     state: {
       slot: "sidebar-menu-button",
       sidebar: "menu-button",
@@ -905,9 +1160,9 @@ function SidebarMenuButton(_a) {
       children: tooltip
     };
   }
-  return /* @__PURE__ */ jsxs4(Tooltip, { children: [
+  return /* @__PURE__ */ jsxs6(Tooltip, { children: [
     comp,
-    /* @__PURE__ */ jsx9(
+    /* @__PURE__ */ jsx11(
       TooltipContent,
       __spreadValues({
         side: "right",
@@ -917,200 +1172,249 @@ function SidebarMenuButton(_a) {
     )
   ] });
 }
-function SidebarMenuAction(_a) {
-  var _b = _a, {
-    className,
-    render,
-    showOnHover = false
-  } = _b, props = __objRest(_b, [
-    "className",
-    "render",
-    "showOnHover"
-  ]);
-  return useRender({
-    defaultTagName: "button",
-    props: mergeProps(
-      {
-        className: cn8(
-          "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-[calc(var(--radius-sm)-2px)] p-0 text-sidebar-foreground ring-sidebar-ring outline-hidden transition-transform group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 after:absolute after:-inset-2 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 md:after:hidden [&>svg]:size-4 [&>svg]:shrink-0",
-          showOnHover && "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 peer-data-active/menu-button:text-sidebar-accent-foreground aria-expanded:opacity-100 md:opacity-0",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "sidebar-menu-action",
-      sidebar: "menu-action"
-    }
-  });
-}
 function SidebarMenuBadge(_a) {
   var _b = _a, {
     className
   } = _b, props = __objRest(_b, [
     "className"
   ]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx11(
     "div",
     __spreadValues({
       "data-slot": "sidebar-menu-badge",
       "data-sidebar": "menu-badge",
-      className: cn8(
+      className: cn11(
         "pointer-events-none absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-[calc(var(--radius-sm)-2px)] px-1 text-xs font-medium text-sidebar-foreground tabular-nums select-none group-data-[collapsible=icon]:hidden peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[size=default]/menu-button:top-1.5 peer-data-[size=lg]/menu-button:top-2.5 peer-data-[size=sm]/menu-button:top-1 peer-data-active/menu-button:text-sidebar-accent-foreground",
         className
       )
     }, props)
   );
 }
-function SidebarMenuSkeleton(_a) {
-  var _b = _a, {
-    className,
-    showIcon = false
-  } = _b, props = __objRest(_b, [
-    "className",
-    "showIcon"
-  ]);
-  const [width] = React2.useState(() => {
-    return `${Math.floor(Math.random() * 40) + 50}%`;
-  });
-  return /* @__PURE__ */ jsxs4(
-    "div",
-    __spreadProps(__spreadValues({
-      "data-slot": "sidebar-menu-skeleton",
-      "data-sidebar": "menu-skeleton",
-      className: cn8("flex h-8 items-center gap-2 rounded-md px-2", className)
-    }, props), {
-      children: [
-        showIcon && /* @__PURE__ */ jsx9(
-          Skeleton,
-          {
-            className: "size-4 rounded-md",
-            "data-sidebar": "menu-skeleton-icon"
-          }
-        ),
-        /* @__PURE__ */ jsx9(
-          Skeleton,
-          {
-            className: "h-4 max-w-(--skeleton-width) flex-1",
-            "data-sidebar": "menu-skeleton-text",
-            style: {
-              "--skeleton-width": width
-            }
-          }
-        )
-      ]
-    })
-  );
-}
-function SidebarMenuSub(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx9(
-    "ul",
-    __spreadValues({
-      "data-slot": "sidebar-menu-sub",
-      "data-sidebar": "menu-sub",
-      className: cn8(
-        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5 group-data-[collapsible=icon]:hidden",
-        className
-      )
-    }, props)
-  );
-}
-function SidebarMenuSubItem(_a) {
-  var _b = _a, {
-    className
-  } = _b, props = __objRest(_b, [
-    "className"
-  ]);
-  return /* @__PURE__ */ jsx9(
-    "li",
-    __spreadValues({
-      "data-slot": "sidebar-menu-sub-item",
-      "data-sidebar": "menu-sub-item",
-      className: cn8("group/menu-sub-item relative", className)
-    }, props)
-  );
+
+// src/components/composed/app-sidebar.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+function formatSegment(segment, subHref, navMainItems = [], navSecondaryItems = []) {
+  if (subHref) {
+    const matched = [...navMainItems, ...navSecondaryItems].find(
+      (item) => item.url === subHref
+    );
+    if (matched) return matched.title;
+  }
+  return segment.split("-").map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
-function SidebarMenuSubButton(_a) {
-  var _b = _a, {
-    render,
-    size = "md",
-    isActive = false,
-    className
-  } = _b, props = __objRest(_b, [
-    "render",
-    "size",
-    "isActive",
-    "className"
-  ]);
-  return useRender({
-    defaultTagName: "a",
-    props: mergeProps(
-      {
-        className: cn8(
-          "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground ring-sidebar-ring outline-hidden group-data-[collapsible=icon]:hidden hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[size=md]:text-xs data-[size=sm]:text-xs data-active:bg-sidebar-accent data-active:text-sidebar-accent-foreground [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-          className
-        )
-      },
-      props
-    ),
-    render,
-    state: {
-      slot: "sidebar-menu-sub-button",
-      sidebar: "menu-sub-button",
-      size,
-      active: isActive
-    }
-  });
+function isRouteActive(url, pathname) {
+  if (!pathname) return false;
+  if (url === "/") return pathname === "/";
+  const rootPrefix = `/${url.split("/")[1]}`;
+  return pathname === url || pathname.startsWith(rootPrefix);
 }
-
-// src/components/composed/nav-user.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var NavUser = memo2(function NavUser2({
+var AppSidebar = memo(function AppSidebar2({
   name,
   email,
+  orgRole,
+  brand = "Prediktif",
+  href,
+  confirmDialog = false,
+  headerDropdown = false,
   image,
-  render
+  defaultOpen = true,
+  navMainItems,
+  navSecondaryItems = [],
+  organizations,
+  activeOrg,
+  setActiveOrg,
+  children
 }) {
+  const _isMobile = useIsMobile();
+  const pathname = usePathname();
+  const segments = pathname ? pathname.split("/").filter(Boolean) : [];
   const initials = name ? name.trim().split(" ").map((n) => n[0]).join("").substring(0, 2).toUpperCase() : "U";
-  return /* @__PURE__ */ jsx10(SidebarFooter, { children: /* @__PURE__ */ jsx10(SidebarMenu, { children: /* @__PURE__ */ jsx10(SidebarMenuItem, { children: /* @__PURE__ */ jsxs5(SidebarMenuButton, { size: "lg", render, children: [
-    /* @__PURE__ */ jsxs5(Avatar, { children: [
-      /* @__PURE__ */ jsx10(AvatarImage, { src: image || "", alt: name || "" }),
-      /* @__PURE__ */ jsx10(AvatarFallback, { children: initials })
+  return /* @__PURE__ */ jsxs7(SidebarProvider, { defaultOpen, children: [
+    /* @__PURE__ */ jsxs7(Sidebar, { collapsible: "icon", children: [
+      /* @__PURE__ */ jsx12(SidebarHeader, { children: headerDropdown ? /* @__PURE__ */ jsx12(SidebarMenu, { children: /* @__PURE__ */ jsx12(SidebarMenuItem, { children: /* @__PURE__ */ jsxs7(DropdownMenu, { children: [
+        /* @__PURE__ */ jsx12(
+          DropdownMenuTrigger,
+          {
+            render: /* @__PURE__ */ jsxs7(
+              SidebarMenuButton,
+              {
+                size: "lg",
+                className: "data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground",
+                children: [
+                  /* @__PURE__ */ jsx12("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx12(Command, { className: "size-4" }) }),
+                  /* @__PURE__ */ jsxs7("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+                    /* @__PURE__ */ jsx12("span", { className: "truncate font-medium", children: (activeOrg == null ? void 0 : activeOrg.name) || brand }),
+                    /* @__PURE__ */ jsx12("span", { className: "truncate text-xs", children: (activeOrg == null ? void 0 : activeOrg.plan) || orgRole })
+                  ] }),
+                  /* @__PURE__ */ jsx12(ChevronsUpDown, { className: "ml-auto" })
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          DropdownMenuContent,
+          {
+            className: "w-(--radix-dropdown-menu-trigger-width) min-w-60 rounded-lg",
+            align: "start",
+            side: "bottom",
+            sideOffset: 4,
+            children: /* @__PURE__ */ jsxs7(DropdownMenuGroup, { children: [
+              /* @__PURE__ */ jsx12(DropdownMenuLabel, { className: "text-xs text-muted-foreground", children: "Organizations" }),
+              (organizations || []).map((org) => {
+                return /* @__PURE__ */ jsxs7(
+                  DropdownMenuItem,
+                  {
+                    onClick: () => setActiveOrg == null ? void 0 : setActiveOrg(org),
+                    className: "gap-2 p-2",
+                    children: [
+                      /* @__PURE__ */ jsx12("div", { className: "flex size-6 items-center justify-center rounded-md border", children: /* @__PURE__ */ jsx12(Command, { className: "size-3.5 shrink-0" }) }),
+                      org.name
+                    ]
+                  },
+                  org.name
+                );
+              })
+            ] })
+          }
+        )
+      ] }) }) }) : /* @__PURE__ */ jsx12(SidebarMenu, { children: /* @__PURE__ */ jsx12(SidebarMenuItem, { children: /* @__PURE__ */ jsxs7(SidebarMenuButton, { size: "lg", render: /* @__PURE__ */ jsx12(Link, { href: "/" }), children: [
+        /* @__PURE__ */ jsx12("div", { className: "flex aspect-square size-8 items-center justify-center rounded-lg bg-sidebar-primary text-sidebar-primary-foreground", children: /* @__PURE__ */ jsx12(Command, { className: "size-4" }) }),
+        /* @__PURE__ */ jsxs7("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+          /* @__PURE__ */ jsx12("span", { className: "truncate font-medium", children: brand }),
+          /* @__PURE__ */ jsx12("span", { className: "truncate text-xs", children: orgRole })
+        ] })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsxs7(SidebarContent, { children: [
+        /* @__PURE__ */ jsxs7(SidebarGroup, { children: [
+          /* @__PURE__ */ jsx12(SidebarGroupLabel, { children: "Platform" }),
+          /* @__PURE__ */ jsx12(SidebarMenu, { children: navMainItems.map(({ title, url, icon: Icon, locked }) => {
+            const isActive = isRouteActive(url, pathname);
+            return /* @__PURE__ */ jsxs7(SidebarMenuItem, { children: [
+              /* @__PURE__ */ jsxs7(
+                SidebarMenuButton,
+                {
+                  isActive,
+                  tooltip: title,
+                  render: /* @__PURE__ */ jsx12(Link, { href: url }),
+                  children: [
+                    /* @__PURE__ */ jsx12(Icon, {}),
+                    /* @__PURE__ */ jsx12("span", { children: title })
+                  ]
+                }
+              ),
+              locked && /* @__PURE__ */ jsx12(SidebarMenuBadge, { children: /* @__PURE__ */ jsx12(LockIcon, { size: 12 }) })
+            ] }, title);
+          }) })
+        ] }),
+        /* @__PURE__ */ jsx12(SidebarGroup, { className: "mt-auto", children: /* @__PURE__ */ jsx12(SidebarGroupContent, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: navSecondaryItems.map(({ title, url, icon: Icon, locked }) => {
+          const isActive = isRouteActive(url, pathname);
+          return /* @__PURE__ */ jsxs7(SidebarMenuItem, { children: [
+            /* @__PURE__ */ jsxs7(
+              SidebarMenuButton,
+              {
+                size: "sm",
+                isActive,
+                tooltip: title,
+                render: /* @__PURE__ */ jsx12(Link, { href: url }),
+                children: [
+                  /* @__PURE__ */ jsx12(Icon, {}),
+                  /* @__PURE__ */ jsx12("span", { children: title })
+                ]
+              }
+            ),
+            locked && /* @__PURE__ */ jsx12(SidebarMenuBadge, { children: /* @__PURE__ */ jsx12(LockIcon, { size: 12 }) })
+          ] }, title);
+        }) }) }) })
+      ] }),
+      /* @__PURE__ */ jsx12(SidebarFooter, { children: /* @__PURE__ */ jsx12(SidebarMenu, { children: /* @__PURE__ */ jsx12(SidebarMenuItem, { children: confirmDialog ? /* @__PURE__ */ jsxs7(AlertDialog, { children: [
+        /* @__PURE__ */ jsx12(
+          AlertDialogTrigger,
+          {
+            render: /* @__PURE__ */ jsxs7(SidebarMenuButton, { size: "lg", children: [
+              /* @__PURE__ */ jsxs7(Avatar, { children: [
+                /* @__PURE__ */ jsx12(AvatarImage, { src: image || "", alt: name || "" }),
+                /* @__PURE__ */ jsx12(AvatarFallback, { children: initials })
+              ] }),
+              /* @__PURE__ */ jsxs7("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+                /* @__PURE__ */ jsx12("span", { className: "truncate font-medium", children: name }),
+                /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: email })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsxs7(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs7(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx12(AlertDialogTitle, { children: "Manage Account in Identity" }),
+            /* @__PURE__ */ jsx12(AlertDialogDescription, { children: "You will be redirected to the Identity website to manage your profile, account, and settings." })
+          ] }),
+          /* @__PURE__ */ jsxs7(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx12(AlertDialogCancel, { children: "Cancel" }),
+            /* @__PURE__ */ jsx12(
+              AlertDialogAction,
+              {
+                nativeButton: false,
+                render: /* @__PURE__ */ jsx12(Link, { href, target: "_blank" }),
+                children: "Continue"
+              }
+            )
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ jsxs7(SidebarMenuButton, { size: "lg", render: /* @__PURE__ */ jsx12(Link, { href }), children: [
+        /* @__PURE__ */ jsxs7(Avatar, { children: [
+          /* @__PURE__ */ jsx12(AvatarImage, { src: image || "", alt: name || "" }),
+          /* @__PURE__ */ jsx12(AvatarFallback, { children: initials })
+        ] }),
+        /* @__PURE__ */ jsxs7("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
+          /* @__PURE__ */ jsx12("span", { className: "truncate font-medium", children: name }),
+          /* @__PURE__ */ jsx12("span", { className: "truncate text-xs text-muted-foreground", children: email })
+        ] })
+      ] }) }) }) }),
+      /* @__PURE__ */ jsx12(SidebarRail, {})
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [
-      /* @__PURE__ */ jsx10("span", { className: "truncate font-medium", children: name }),
-      /* @__PURE__ */ jsx10("span", { className: "truncate text-xs text-muted-foreground", children: email })
+    /* @__PURE__ */ jsxs7(SidebarInset, { children: [
+      /* @__PURE__ */ jsx12("header", { className: "flex h-16 shrink-0 items-center gap-2 transition-[width,height] ease-linear group-has-data-[collapsible=icon]/sidebar-wrapper:h-12", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2 px-4", children: [
+        /* @__PURE__ */ jsx12(SidebarTrigger, { className: "-ml-1" }),
+        /* @__PURE__ */ jsx12(
+          Separator,
+          {
+            orientation: "vertical",
+            className: "mr-2 data-vertical:h-4 data-vertical:self-auto"
+          }
+        ),
+        /* @__PURE__ */ jsx12(Breadcrumb, { children: /* @__PURE__ */ jsxs7(BreadcrumbList, { children: [
+          /* @__PURE__ */ jsx12(BreadcrumbItem, { children: /* @__PURE__ */ jsx12(BreadcrumbLink, { render: /* @__PURE__ */ jsx12(Link, { href: "/" }), children: "Platform" }) }),
+          /* @__PURE__ */ jsx12(BreadcrumbSeparator, {}),
+          /* @__PURE__ */ jsx12(BreadcrumbItem, { children: /* @__PURE__ */ jsx12(BreadcrumbPage, { children: segments.length === 0 ? "Overview" : formatSegment(
+            segments[segments.length - 1],
+            `/${segments.join("/")}`,
+            navMainItems,
+            navSecondaryItems
+          ) }) })
+        ] }) })
+      ] }) }),
+      /* @__PURE__ */ jsx12("div", { className: "p-4 pt-0", children })
     ] })
-  ] }) }) }) });
+  ] });
+});
+
+// src/components/composed/header-title.tsx
+import { memo as memo2 } from "react";
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var HeaderTitle = memo2(function HeaderTitle2({
+  title,
+  subtitle,
+  children
+}) {
+  return /* @__PURE__ */ jsxs8("div", { className: "w-full space-y-4", children: [
+    /* @__PURE__ */ jsxs8("div", { children: [
+      /* @__PURE__ */ jsx13("h1", { className: "font-semibold", children: title }),
+      /* @__PURE__ */ jsx13("p", { className: "text-xs text-muted-foreground", children: subtitle })
+    ] }),
+    children
+  ] });
 });
 export {
-  HeaderTitle,
-  NavUser,
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupAction,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarInput,
-  SidebarInset,
-  SidebarMenu,
-  SidebarMenuAction,
-  SidebarMenuBadge,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSkeleton,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-  SidebarProvider,
-  SidebarRail,
-  SidebarSeparator,
-  SidebarTrigger,
-  useSidebar
+  AppSidebar,
+  HeaderTitle
 };