@mdxui/tremor 6.0.0

package/dist/dashboard/components/index.js

@@ -0,0 +1,549 @@
+// src/dashboard/components/shell/shell.tsx
+import { twMerge } from "tailwind-merge";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Shell({
+  variant = "sidebar-left",
+  children,
+  navigation: _navigation = [],
+  shortcuts: _shortcuts = [],
+  workspace: _workspace,
+  workspaces: _workspaces = [],
+  user: _user,
+  sidebarCollapsed = false,
+  onSidebarCollapse: _onSidebarCollapse,
+  pathname: _pathname,
+  LinkComponent: _LinkComponent,
+  sidebar,
+  header,
+  theme: _theme = "system",
+  loading = false,
+  className,
+  containerClassName
+}) {
+  const showSidebar = variant === "sidebar-left" || variant === "sidebar-right";
+  const sidebarWidth = sidebarCollapsed ? "lg:pl-16" : "lg:pl-72";
+  if (loading) {
+    return /* @__PURE__ */ jsx("div", { className: "flex h-screen items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-indigo-600" }) });
+  }
+  if (variant === "top-nav") {
+    return /* @__PURE__ */ jsxs("div", { className: twMerge("mx-auto max-w-screen-2xl", containerClassName), children: [
+      header,
+      /* @__PURE__ */ jsx("main", { role: "main", className: twMerge("flex-1", className), children })
+    ] });
+  }
+  if (variant === "minimal") {
+    return /* @__PURE__ */ jsx("div", { className: twMerge("mx-auto max-w-screen-2xl", containerClassName), children: /* @__PURE__ */ jsx("main", { role: "main", className: twMerge("flex-1", className), children }) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: twMerge("mx-auto max-w-screen-2xl", containerClassName), children: [
+    sidebar,
+    /* @__PURE__ */ jsx(
+      "main",
+      {
+        role: "main",
+        className: twMerge(showSidebar && sidebarWidth, className),
+        children
+      }
+    )
+  ] });
+}
+
+// src/dashboard/components/shell/shell-sidebar-left.tsx
+import { twMerge as twMerge2 } from "tailwind-merge";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ShellSidebarLeft({
+  sidebar,
+  mobileHeader,
+  children,
+  navigation: _navigation = [],
+  shortcuts: _shortcuts = [],
+  workspace: _workspace,
+  workspaces: _workspaces = [],
+  user: _user,
+  collapsed = false,
+  onCollapse: _onCollapse,
+  pathname: _pathname,
+  LinkComponent: _LinkComponent,
+  className,
+  containerClassName
+}) {
+  const sidebarWidth = collapsed ? "lg:pl-16" : "lg:pl-72";
+  return /* @__PURE__ */ jsxs2("div", { className: twMerge2("mx-auto max-w-screen-2xl", containerClassName), children: [
+    sidebar && /* @__PURE__ */ jsx2(
+      "nav",
+      {
+        className: twMerge2(
+          "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:flex-col",
+          collapsed ? "lg:w-16" : "lg:w-72"
+        ),
+        children: sidebar
+      }
+    ),
+    mobileHeader && /* @__PURE__ */ jsx2(
+      "div",
+      {
+        "data-testid": "mobile-header",
+        className: "sticky top-0 z-40 flex h-16 shrink-0 items-center justify-between border-b border-gray-200 bg-white px-2 shadow-sm sm:gap-x-6 sm:px-4 lg:hidden dark:border-gray-800 dark:bg-gray-950",
+        children: mobileHeader
+      }
+    ),
+    /* @__PURE__ */ jsx2("main", { role: "main", className: twMerge2(sidebarWidth, className), children })
+  ] });
+}
+
+// src/dashboard/components/shell/shell-top-nav.tsx
+import { twMerge as twMerge3 } from "tailwind-merge";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function ShellTopNav({
+  header,
+  sidebar,
+  children,
+  className
+}) {
+  return /* @__PURE__ */ jsxs3("div", { className: "flex min-h-screen flex-col", children: [
+    header,
+    /* @__PURE__ */ jsxs3("div", { className: "flex flex-1", children: [
+      sidebar && /* @__PURE__ */ jsx3("aside", { className: "flex-shrink-0", children: sidebar }),
+      /* @__PURE__ */ jsx3("main", { role: "main", className: twMerge3("flex-1", className), children })
+    ] })
+  ] });
+}
+
+// src/dashboard/components/sidebar/mobile-sidebar.tsx
+import { useState } from "react";
+
+// src/dashboard/utils.ts
+import { twMerge as twMerge4 } from "tailwind-merge";
+function cx(...args) {
+  return twMerge4(...args);
+}
+var focusInput = [
+  // base
+  "focus:ring-2",
+  // ring color
+  "focus:ring-indigo-200 focus:dark:ring-indigo-700/30",
+  // border color
+  "focus:border-indigo-500 focus:dark:border-indigo-700"
+].join(" ");
+var focusRing = [
+  // base
+  "outline outline-offset-2 outline-0 focus-visible:outline-2",
+  // outline color
+  "outline-indigo-500 dark:outline-indigo-500"
+].join(" ");
+var hasErrorInput = [
+  // base
+  "ring-2",
+  // border color
+  "border-red-500 dark:border-red-700",
+  // ring color
+  "ring-red-200 dark:ring-red-700/30"
+].join(" ");
+
+// src/dashboard/components/sidebar/mobile-sidebar.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function DefaultLink({ href, className, children, onClick }) {
+  return /* @__PURE__ */ jsx4("a", { href, className, onClick, children });
+}
+function isItemActive(itemHref, pathname, settingsPath = "/settings") {
+  if (!itemHref || !pathname) return false;
+  if (itemHref === settingsPath) {
+    return pathname.startsWith("/settings");
+  }
+  return pathname === itemHref || pathname.startsWith(itemHref);
+}
+function MobileSidebar({
+  items = [],
+  shortcuts = [],
+  title = "Navigation",
+  pathname,
+  LinkComponent = DefaultLink,
+  className
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const toggleDrawer = () => setIsOpen(!isOpen);
+  const closeDrawer = () => setIsOpen(false);
+  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+    /* @__PURE__ */ jsx4(
+      "button",
+      {
+        onClick: toggleDrawer,
+        "aria-label": "open sidebar",
+        className: cx(
+          "group flex items-center rounded-md p-2 text-sm font-medium hover:bg-gray-100 data-[state=open]:bg-gray-100 data-[state=open]:bg-gray-400/10 hover:dark:bg-gray-400/10",
+          className
+        ),
+        "data-state": isOpen ? "open" : "closed",
+        children: /* @__PURE__ */ jsxs4(
+          "svg",
+          {
+            className: "size-6 shrink-0 sm:size-5",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            children: [
+              /* @__PURE__ */ jsx4("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+              /* @__PURE__ */ jsx4("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+              /* @__PURE__ */ jsx4("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+            ]
+          }
+        )
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: "fixed inset-0 z-50 bg-black/50",
+        onClick: closeDrawer,
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs4(
+      "div",
+      {
+        className: cx(
+          "fixed inset-y-0 right-0 z-50 w-full max-w-sm transform bg-white transition-transform duration-300 ease-in-out dark:bg-gray-950",
+          isOpen ? "translate-x-0" : "translate-x-full"
+        ),
+        children: [
+          /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between border-b border-gray-200 p-4 dark:border-gray-800", children: [
+            /* @__PURE__ */ jsx4("h2", { className: "text-lg font-semibold text-gray-900 dark:text-gray-50", children: title }),
+            /* @__PURE__ */ jsx4(
+              "button",
+              {
+                onClick: closeDrawer,
+                "aria-label": "close sidebar",
+                className: "rounded-md p-2 hover:bg-gray-100 hover:dark:bg-gray-800",
+                children: /* @__PURE__ */ jsxs4(
+                  "svg",
+                  {
+                    className: "size-5",
+                    xmlns: "http://www.w3.org/2000/svg",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx4("path", { d: "M18 6 6 18" }),
+                      /* @__PURE__ */ jsx4("path", { d: "m6 6 12 12" })
+                    ]
+                  }
+                )
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx4("div", { className: "p-4", children: /* @__PURE__ */ jsxs4(
+            "nav",
+            {
+              "aria-label": "core mobile navigation links",
+              className: "flex flex-1 flex-col space-y-10",
+              children: [
+                /* @__PURE__ */ jsx4("ul", { role: "list", className: "space-y-1.5", children: items.map((item) => {
+                  const isActive = item.active ?? isItemActive(item.href, pathname);
+                  const Icon = item.icon;
+                  return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+                    LinkComponent,
+                    {
+                      href: item.href || "#",
+                      className: cx(
+                        isActive ? "text-indigo-600 dark:text-indigo-400" : "text-gray-600 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50",
+                        "flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-base font-medium transition hover:bg-gray-100 sm:text-sm hover:dark:bg-gray-900",
+                        focusRing
+                      ),
+                      onClick: closeDrawer,
+                      children: [
+                        Icon && /* @__PURE__ */ jsx4(Icon, { className: "size-5 shrink-0", "aria-hidden": "true" }),
+                        item.label
+                      ]
+                    }
+                  ) }, item.id);
+                }) }),
+                shortcuts.length > 0 && /* @__PURE__ */ jsxs4("div", { children: [
+                  /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium leading-6 text-gray-500 sm:text-xs", children: "Shortcuts" }),
+                  /* @__PURE__ */ jsx4("ul", { "aria-label": "shortcuts", role: "list", className: "space-y-0.5", children: shortcuts.map((shortcut) => {
+                    const isActive = isItemActive(shortcut.href, pathname);
+                    const Icon = shortcut.icon;
+                    return /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsxs4(
+                      LinkComponent,
+                      {
+                        href: shortcut.href,
+                        className: cx(
+                          isActive ? "text-indigo-600 dark:text-indigo-400" : "text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50",
+                          "flex items-center gap-x-2.5 rounded-md px-2 py-1.5 font-medium transition hover:bg-gray-100 sm:text-sm hover:dark:bg-gray-900",
+                          focusRing
+                        ),
+                        onClick: closeDrawer,
+                        children: [
+                          Icon && /* @__PURE__ */ jsx4(
+                            Icon,
+                            {
+                              className: "size-4 shrink-0",
+                              "aria-hidden": "true"
+                            }
+                          ),
+                          shortcut.name
+                        ]
+                      }
+                    ) }, shortcut.name);
+                  }) })
+                ] })
+              ]
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+
+// src/dashboard/components/sidebar/sidebar.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function DefaultLink2({
+  href,
+  className,
+  children
+}) {
+  return /* @__PURE__ */ jsx5("a", { href, className, children });
+}
+function isItemActive2(itemHref, pathname, settingsPath = "/settings") {
+  if (!itemHref || !pathname) return false;
+  if (itemHref === settingsPath) {
+    return pathname.startsWith("/settings");
+  }
+  return pathname === itemHref || pathname.startsWith(itemHref);
+}
+function Sidebar({
+  items = [],
+  shortcuts = [],
+  workspace,
+  workspaces = [],
+  user,
+  collapsed = false,
+  onCollapse: _onCollapse,
+  header,
+  footer,
+  className,
+  pathname,
+  LinkComponent = DefaultLink2
+}) {
+  return /* @__PURE__ */ jsx5(
+    "nav",
+    {
+      "data-testid": "sidebar",
+      className: cx(
+        "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:flex-col",
+        collapsed ? "lg:w-16" : "lg:w-72",
+        className
+      ),
+      children: /* @__PURE__ */ jsxs5("aside", { className: "flex grow flex-col gap-y-6 overflow-y-auto border-r border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-gray-950", children: [
+        workspace && /* @__PURE__ */ jsx5(
+          WorkspaceSwitcher,
+          {
+            workspace,
+            workspaces,
+            collapsed
+          }
+        ),
+        header,
+        /* @__PURE__ */ jsxs5(
+          "nav",
+          {
+            "aria-label": "core navigation links",
+            className: "flex flex-1 flex-col space-y-10",
+            children: [
+              /* @__PURE__ */ jsx5("ul", { role: "list", className: "space-y-0.5", children: items.map((item) => {
+                const isActive = item.active ?? isItemActive2(item.href, pathname);
+                const Icon = item.icon;
+                return /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5(
+                  LinkComponent,
+                  {
+                    href: item.href || "#",
+                    className: cx(
+                      isActive ? "text-indigo-600 dark:text-indigo-400" : "text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50",
+                      "flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-sm font-medium transition hover:bg-gray-100 hover:dark:bg-gray-900",
+                      focusRing
+                    ),
+                    "data-testid": "nav-item",
+                    "data-active": isActive,
+                    children: [
+                      Icon && /* @__PURE__ */ jsx5(Icon, { className: "size-4 shrink-0", "aria-hidden": "true" }),
+                      !collapsed && item.label
+                    ]
+                  }
+                ) }, item.id);
+              }) }),
+              shortcuts.length > 0 && !collapsed && /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsx5("span", { className: "text-xs font-medium leading-6 text-gray-500", children: "Shortcuts" }),
+                /* @__PURE__ */ jsx5("ul", { "aria-label": "shortcuts", role: "list", className: "space-y-0.5", children: shortcuts.map((shortcut) => {
+                  const isActive = isItemActive2(shortcut.href, pathname);
+                  const Icon = shortcut.icon;
+                  return /* @__PURE__ */ jsx5("li", { children: /* @__PURE__ */ jsxs5(
+                    LinkComponent,
+                    {
+                      href: shortcut.href,
+                      className: cx(
+                        isActive ? "text-indigo-600 dark:text-indigo-400" : "text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50",
+                        "flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-sm font-medium transition hover:bg-gray-100 hover:dark:bg-gray-900",
+                        focusRing
+                      ),
+                      children: [
+                        Icon && /* @__PURE__ */ jsx5(
+                          Icon,
+                          {
+                            className: "size-4 shrink-0",
+                            "aria-hidden": "true"
+                          }
+                        ),
+                        shortcut.name
+                      ]
+                    }
+                  ) }, shortcut.name);
+                }) })
+              ] })
+            ]
+          }
+        ),
+        user && !footer && /* @__PURE__ */ jsx5("div", { className: "mt-auto", children: /* @__PURE__ */ jsx5(UserProfile, { user, collapsed }) }),
+        footer && /* @__PURE__ */ jsx5("div", { className: "mt-auto", children: footer })
+      ] })
+    }
+  );
+}
+function WorkspaceSwitcher({
+  workspace,
+  workspaces: _workspaces = [],
+  collapsed
+}) {
+  if (collapsed) {
+    return /* @__PURE__ */ jsx5("div", { className: "flex justify-center", children: /* @__PURE__ */ jsx5(
+      "span",
+      {
+        className: cx(
+          workspace.color || "bg-indigo-600 dark:bg-indigo-500",
+          "flex aspect-square size-8 items-center justify-center rounded p-2 text-xs font-medium text-white"
+        ),
+        "aria-hidden": "true",
+        children: workspace.initials
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      className: cx(
+        "flex w-full items-center gap-x-2.5 rounded-md border border-gray-300 bg-white p-2 text-sm shadow-sm transition-all hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950 hover:dark:bg-gray-900",
+        "focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500 focus:dark:ring-indigo-700/30 focus:dark:border-indigo-700"
+      ),
+      children: [
+        /* @__PURE__ */ jsx5(
+          "span",
+          {
+            className: cx(
+              workspace.color || "bg-indigo-600 dark:bg-indigo-500",
+              "flex aspect-square size-8 items-center justify-center rounded p-2 text-xs font-medium text-white"
+            ),
+            "aria-hidden": "true",
+            children: workspace.initials
+          }
+        ),
+        /* @__PURE__ */ jsxs5("div", { className: "flex w-full items-center justify-between gap-x-4 truncate", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "truncate", children: [
+            /* @__PURE__ */ jsx5("p", { className: "truncate whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-50", children: workspace.name }),
+            /* @__PURE__ */ jsx5("p", { className: "whitespace-nowrap text-left text-xs text-gray-700 dark:text-gray-300", children: workspace.role })
+          ] }),
+          /* @__PURE__ */ jsxs5(
+            "svg",
+            {
+              className: "size-5 shrink-0 text-gray-500",
+              xmlns: "http://www.w3.org/2000/svg",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              children: [
+                /* @__PURE__ */ jsx5("path", { d: "m7 15 5 5 5-5" }),
+                /* @__PURE__ */ jsx5("path", { d: "m7 9 5-5 5 5" })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function UserProfile({ user, collapsed }) {
+  if (collapsed) {
+    return /* @__PURE__ */ jsx5(
+      "button",
+      {
+        "aria-label": "User settings",
+        className: cx(
+          focusRing,
+          "flex w-full justify-center rounded-md p-2 text-sm font-medium text-gray-900 hover:bg-gray-100 dark:text-gray-50 hover:dark:bg-gray-400/10"
+        ),
+        children: /* @__PURE__ */ jsx5(
+          "span",
+          {
+            className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-gray-300 bg-white text-xs text-gray-700 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-300",
+            "aria-hidden": "true",
+            children: user.initials
+          }
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      "aria-label": "User settings",
+      className: cx(
+        focusRing,
+        "group flex w-full items-center justify-between rounded-md p-2 text-sm font-medium text-gray-900 hover:bg-gray-100 data-[state=open]:bg-gray-100 data-[state=open]:bg-gray-400/10 hover:dark:bg-gray-400/10"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs5("span", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "flex size-8 shrink-0 items-center justify-center rounded-full border border-gray-300 bg-white text-xs text-gray-700 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-300",
+              "aria-hidden": "true",
+              children: user.initials
+            }
+          ),
+          /* @__PURE__ */ jsx5("span", { className: "dark:text-gray-50", children: user.name })
+        ] }),
+        /* @__PURE__ */ jsxs5(
+          "svg",
+          {
+            className: "size-4 shrink-0 text-gray-500 group-hover:text-gray-700 group-hover:dark:text-gray-400",
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: "0 0 24 24",
+            fill: "currentColor",
+            children: [
+              /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "6", r: "2" }),
+              /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "12", r: "2" }),
+              /* @__PURE__ */ jsx5("circle", { cx: "12", cy: "18", r: "2" })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  MobileSidebar,
+  Shell,
+  ShellSidebarLeft,
+  ShellTopNav,
+  Sidebar,
+  UserProfile,
+  WorkspaceSwitcher
+};
+//# sourceMappingURL=index.js.map

package/dist/dashboard/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/dashboard/components/shell/shell.tsx","../../../src/dashboard/components/shell/shell-sidebar-left.tsx","../../../src/dashboard/components/shell/shell-top-nav.tsx","../../../src/dashboard/components/sidebar/mobile-sidebar.tsx","../../../src/dashboard/utils.ts","../../../src/dashboard/components/sidebar/sidebar.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport type ShellVariant =\n\t| \"sidebar-left\"\n\t| \"sidebar-right\"\n\t| \"top-nav\"\n\t| \"minimal\";\n\n/**\n * Navigation item configuration for the shell\n */\nexport interface ShellNavItem {\n\t/** Unique identifier */\n\tid: string;\n\t/** Display label */\n\tlabel: string;\n\t/** Link href */\n\thref?: string;\n\t/** Icon component */\n\ticon?: ComponentType<SVGProps<SVGSVGElement>>;\n\t/** Is currently active */\n\tactive?: boolean;\n\t/** Is disabled */\n\tdisabled?: boolean;\n\t/** Click handler */\n\tonClick?: () => void;\n}\n\n/**\n * Workspace configuration for workspace switcher\n */\nexport interface ShellWorkspace {\n\t/** Workspace identifier */\n\tid: string;\n\t/** Workspace name */\n\tname: string;\n\t/** Initials for avatar */\n\tinitials: string;\n\t/** User role in workspace */\n\trole: string;\n\t/** Background color class */\n\tcolor?: string;\n}\n\n/**\n * User profile configuration\n */\nexport interface ShellUser {\n\t/** User display name */\n\tname: string;\n\t/** User email */\n\temail?: string;\n\t/** User initials for avatar */\n\tinitials: string;\n}\n\nexport interface ShellProps {\n\t/** Shell variant determines layout structure */\n\tvariant?: ShellVariant;\n\t/** Main content area */\n\tchildren?: any;\n\t/** Navigation items for sidebar */\n\tnavigation?: ShellNavItem[];\n\t/** Shortcut items for sidebar */\n\tshortcuts?: ShellNavItem[];\n\t/** Current workspace */\n\tworkspace?: ShellWorkspace;\n\t/** Available workspaces */\n\tworkspaces?: ShellWorkspace[];\n\t/** Current user */\n\tuser?: ShellUser;\n\t/** Is sidebar collapsed */\n\tsidebarCollapsed?: boolean;\n\t/** Sidebar collapse handler */\n\tonSidebarCollapse?: (collapsed: boolean) => void;\n\t/** Current pathname for active navigation state */\n\tpathname?: string;\n\t/** Link component for routing (e.g., Next.js Link) */\n\tLinkComponent?: ComponentType<{\n\t\thref: string;\n\t\tclassName?: string;\n\t\tchildren: ReactNode;\n\t}>;\n\t/** Custom sidebar content or boolean to show/hide default sidebar */\n\tsidebar?: ReactNode | boolean;\n\t/** Custom header content or boolean to show/hide default header */\n\theader?: ReactNode | boolean;\n\t/** Theme mode */\n\ttheme?: \"light\" | \"dark\" | \"system\";\n\t/** Loading state */\n\tloading?: boolean;\n\t/** Additional className for the main content area */\n\tclassName?: string;\n\t/** Additional className for the shell container */\n\tcontainerClassName?: string;\n}\n\n/**\n * Shell - Flexible dashboard shell component with variant support\n *\n * A polymorphic shell component that renders different layouts based on the variant prop.\n * Use the named exports (ShellSidebarLeft, ShellTopNav) for full control over layout props.\n *\n * Based on Tremor dashboard template layout patterns:\n * - Fixed sidebar with workspace switcher and user profile\n * - Mobile-responsive with drawer navigation\n * - Support for collapsed sidebar state\n *\n * @example\n * ```tsx\n * // Basic usage with default variant (sidebar-left)\n * <Shell navigation={navItems} user={currentUser}>\n *   <Dashboard />\n * </Shell>\n *\n * // With top-nav variant\n * <Shell variant=\"top-nav\" header={<TopNav />}>\n *   <Dashboard />\n * </Shell>\n *\n * // With collapsed sidebar\n * <Shell sidebarCollapsed={true}>\n *   <Dashboard />\n * </Shell>\n * ```\n */\nexport function Shell({\n\tvariant = \"sidebar-left\",\n\tchildren,\n\tnavigation: _navigation = [],\n\tshortcuts: _shortcuts = [],\n\tworkspace: _workspace,\n\tworkspaces: _workspaces = [],\n\tuser: _user,\n\tsidebarCollapsed = false,\n\tonSidebarCollapse: _onSidebarCollapse,\n\tpathname: _pathname,\n\tLinkComponent: _LinkComponent,\n\tsidebar,\n\theader,\n\ttheme: _theme = \"system\",\n\tloading = false,\n\tclassName,\n\tcontainerClassName,\n}: ShellProps) {\n\tconst showSidebar = variant === \"sidebar-left\" || variant === \"sidebar-right\";\n\tconst sidebarWidth = sidebarCollapsed ? \"lg:pl-16\" : \"lg:pl-72\";\n\n\t// Loading state\n\tif (loading) {\n\t\treturn (\n\t\t\t<div className=\"flex h-screen items-center justify-center\">\n\t\t\t\t<div className=\"h-8 w-8 animate-spin rounded-full border-4 border-gray-300 border-t-indigo-600\" />\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Top-nav variant\n\tif (variant === \"top-nav\") {\n\t\treturn (\n\t\t\t<div className={twMerge(\"mx-auto max-w-screen-2xl\", containerClassName)}>\n\t\t\t\t{header}\n\t\t\t\t<main role=\"main\" className={twMerge(\"flex-1\", className)}>\n\t\t\t\t\t{children}\n\t\t\t\t</main>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Minimal variant\n\tif (variant === \"minimal\") {\n\t\treturn (\n\t\t\t<div className={twMerge(\"mx-auto max-w-screen-2xl\", containerClassName)}>\n\t\t\t\t<main role=\"main\" className={twMerge(\"flex-1\", className)}>\n\t\t\t\t\t{children}\n\t\t\t\t</main>\n\t\t\t</div>\n\t\t);\n\t}\n\n\t// Sidebar variants (sidebar-left, sidebar-right)\n\treturn (\n\t\t<div className={twMerge(\"mx-auto max-w-screen-2xl\", containerClassName)}>\n\t\t\t{/* Custom sidebar or render default */}\n\t\t\t{sidebar}\n\n\t\t\t{/* Main Content */}\n\t\t\t<main\n\t\t\t\trole=\"main\"\n\t\t\t\tclassName={twMerge(showSidebar && sidebarWidth, className)}\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</main>\n\t\t</div>\n\t);\n}\n","\"use client\";\n\nimport type { ComponentType, ReactNode } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\nimport type { ShellNavItem, ShellUser, ShellWorkspace } from \"./shell\";\n\nexport interface ShellSidebarLeftProps {\n\t/** Content to render in the sidebar (left side) - if not provided, uses built-in sidebar */\n\tsidebar?: ReactNode;\n\t/** Content to render in the mobile header (optional) */\n\tmobileHeader?: ReactNode;\n\t/** Main content area */\n\tchildren: ReactNode;\n\t/** Navigation items for built-in sidebar */\n\tnavigation?: ShellNavItem[];\n\t/** Shortcut items for built-in sidebar */\n\tshortcuts?: ShellNavItem[];\n\t/** Current workspace */\n\tworkspace?: ShellWorkspace;\n\t/** Available workspaces */\n\tworkspaces?: ShellWorkspace[];\n\t/** Current user */\n\tuser?: ShellUser;\n\t/** Is sidebar collapsed */\n\tcollapsed?: boolean;\n\t/** Sidebar collapse handler */\n\tonCollapse?: (collapsed: boolean) => void;\n\t/** Current pathname for active navigation state */\n\tpathname?: string;\n\t/** Link component for routing (e.g., Next.js Link) */\n\tLinkComponent?: ComponentType<{\n\t\thref: string;\n\t\tclassName?: string;\n\t\tchildren: ReactNode;\n\t}>;\n\t/** Additional className for the main content area */\n\tclassName?: string;\n\t/** Additional className for the container */\n\tcontainerClassName?: string;\n}\n\n/**\n * ShellSidebarLeft - Dashboard shell with sidebar on the left\n *\n * A layout component that provides a sidebar-left dashboard shell structure\n * based on the Tremor dashboard template:\n * - Fixed sidebar (72px wide, or 16px when collapsed) on the left\n * - Sticky mobile header with workspace switcher and user profile\n * - Responsive layout with drawer navigation on mobile\n * - Main content area with proper padding for sidebar\n *\n * @example\n * ```tsx\n * <ShellSidebarLeft\n *   navigation={[\n *     { id: 'overview', label: 'Overview', href: '/overview', icon: HomeIcon },\n *     { id: 'details', label: 'Details', href: '/details', icon: ListIcon },\n *   ]}\n *   workspace={{ id: '1', name: 'Retail Analytics', initials: 'RA', role: 'Member' }}\n *   user={{ name: 'Emma Stone', initials: 'ES' }}\n *   pathname=\"/overview\"\n * >\n *   <DashboardContent />\n * </ShellSidebarLeft>\n * ```\n */\nexport function ShellSidebarLeft({\n\tsidebar,\n\tmobileHeader,\n\tchildren,\n\tnavigation: _navigation = [],\n\tshortcuts: _shortcuts = [],\n\tworkspace: _workspace,\n\tworkspaces: _workspaces = [],\n\tuser: _user,\n\tcollapsed = false,\n\tonCollapse: _onCollapse,\n\tpathname: _pathname,\n\tLinkComponent: _LinkComponent,\n\tclassName,\n\tcontainerClassName,\n}: ShellSidebarLeftProps) {\n\tconst sidebarWidth = collapsed ? \"lg:pl-16\" : \"lg:pl-72\";\n\n\treturn (\n\t\t<div className={twMerge(\"mx-auto max-w-screen-2xl\", containerClassName)}>\n\t\t\t{/* Sidebar - fixed position on large screens */}\n\t\t\t{sidebar && (\n\t\t\t\t<nav\n\t\t\t\t\tclassName={twMerge(\n\t\t\t\t\t\t\"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:flex-col\",\n\t\t\t\t\t\tcollapsed ? \"lg:w-16\" : \"lg:w-72\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{sidebar}\n\t\t\t\t</nav>\n\t\t\t)}\n\n\t\t\t{/* Mobile Header - sticky on small screens */}\n\t\t\t{mobileHeader && (\n\t\t\t\t<div\n\t\t\t\t\tdata-testid=\"mobile-header\"\n\t\t\t\t\tclassName=\"sticky top-0 z-40 flex h-16 shrink-0 items-center justify-between border-b border-gray-200 bg-white px-2 shadow-sm sm:gap-x-6 sm:px-4 lg:hidden dark:border-gray-800 dark:bg-gray-950\"\n\t\t\t\t>\n\t\t\t\t\t{mobileHeader}\n\t\t\t\t</div>\n\t\t\t)}\n\n\t\t\t{/* Main Content */}\n\t\t\t<main role=\"main\" className={twMerge(sidebarWidth, className)}>\n\t\t\t\t{children}\n\t\t\t</main>\n\t\t</div>\n\t);\n}\n","import type { ReactNode } from \"react\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport interface ShellTopNavProps {\n\t/** Content to render in the header/top nav */\n\theader: ReactNode;\n\t/** Content to render in the sidebar (optional) */\n\tsidebar?: ReactNode;\n\t/** Main content area */\n\tchildren: ReactNode;\n\t/** Additional className for the main content area */\n\tclassName?: string;\n}\n\n/**\n * ShellTopNav - Dashboard shell with top navigation\n *\n * A layout component that provides a top-nav dashboard shell structure:\n * - Header/navigation at the top\n * - Optional sidebar below header\n * - Main content area\n */\nexport function ShellTopNav({\n\theader,\n\tsidebar,\n\tchildren,\n\tclassName,\n}: ShellTopNavProps) {\n\treturn (\n\t\t<div className=\"flex min-h-screen flex-col\">\n\t\t\t{/* Top Navigation */}\n\t\t\t{header}\n\n\t\t\t{/* Content area with optional sidebar */}\n\t\t\t<div className=\"flex flex-1\">\n\t\t\t\t{/* Optional Sidebar */}\n\t\t\t\t{sidebar && <aside className=\"flex-shrink-0\">{sidebar}</aside>}\n\n\t\t\t\t{/* Main content */}\n\t\t\t\t<main role=\"main\" className={twMerge(\"flex-1\", className)}>\n\t\t\t\t\t{children}\n\t\t\t\t</main>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n","\"use client\";\n\nimport type { ComponentType, ReactNode } from \"react\";\nimport { useState } from \"react\";\nimport { cx, focusRing } from \"../../utils\";\nimport type { SidebarNavItem, SidebarShortcutItem } from \"./sidebar\";\n\n/**\n * Link component props\n */\ninterface LinkProps {\n\thref: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n\tonClick?: () => void;\n}\n\n/**\n * Props for the MobileSidebar component\n */\nexport interface MobileSidebarProps {\n\t/** Navigation items */\n\titems?: SidebarNavItem[];\n\t/** Shortcut items */\n\tshortcuts?: SidebarShortcutItem[];\n\t/** Title for the mobile drawer */\n\ttitle?: string;\n\t/** Current pathname for active state detection */\n\tpathname?: string;\n\t/** Link component for routing (e.g., Next.js Link) */\n\tLinkComponent?: ComponentType<LinkProps>;\n\t/** Additional className */\n\tclassName?: string;\n}\n\n/**\n * Default link component (plain anchor)\n */\nfunction DefaultLink({ href, className, children, onClick }: LinkProps) {\n\treturn (\n\t\t<a href={href} className={className} onClick={onClick}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\n/**\n * Helper to determine if a nav item is active\n */\nfunction isItemActive(\n\titemHref: string | undefined,\n\tpathname: string | undefined,\n\tsettingsPath = \"/settings\",\n): boolean {\n\tif (!itemHref || !pathname) return false;\n\tif (itemHref === settingsPath) {\n\t\treturn pathname.startsWith(\"/settings\");\n\t}\n\treturn pathname === itemHref || pathname.startsWith(itemHref);\n}\n\n/**\n * Mobile Sidebar - Drawer-based navigation for smaller screens\n *\n * A slide-out drawer that displays navigation on mobile devices.\n * Features a hamburger menu button and animated drawer transition.\n */\nexport function MobileSidebar({\n\titems = [],\n\tshortcuts = [],\n\ttitle = \"Navigation\",\n\tpathname,\n\tLinkComponent = DefaultLink,\n\tclassName,\n}: MobileSidebarProps) {\n\tconst [isOpen, setIsOpen] = useState(false);\n\n\tconst toggleDrawer = () => setIsOpen(!isOpen);\n\tconst closeDrawer = () => setIsOpen(false);\n\n\treturn (\n\t\t<>\n\t\t\t{/* Menu Button */}\n\t\t\t<button\n\t\t\t\tonClick={toggleDrawer}\n\t\t\t\taria-label=\"open sidebar\"\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"group flex items-center rounded-md p-2 text-sm font-medium hover:bg-gray-100 data-[state=open]:bg-gray-100 data-[state=open]:bg-gray-400/10 hover:dark:bg-gray-400/10\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tdata-state={isOpen ? \"open\" : \"closed\"}\n\t\t\t>\n\t\t\t\t<svg\n\t\t\t\t\tclassName=\"size-6 shrink-0 sm:size-5\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\" />\n\t\t\t\t\t<line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\" />\n\t\t\t\t\t<line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\n\t\t\t{/* Backdrop */}\n\t\t\t{isOpen && (\n\t\t\t\t<div\n\t\t\t\t\tclassName=\"fixed inset-0 z-50 bg-black/50\"\n\t\t\t\t\tonClick={closeDrawer}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t{/* Drawer */}\n\t\t\t<div\n\t\t\t\tclassName={cx(\n\t\t\t\t\t\"fixed inset-y-0 right-0 z-50 w-full max-w-sm transform bg-white transition-transform duration-300 ease-in-out dark:bg-gray-950\",\n\t\t\t\t\tisOpen ? \"translate-x-0\" : \"translate-x-full\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t{/* Header */}\n\t\t\t\t<div className=\"flex items-center justify-between border-b border-gray-200 p-4 dark:border-gray-800\">\n\t\t\t\t\t<h2 className=\"text-lg font-semibold text-gray-900 dark:text-gray-50\">\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</h2>\n\t\t\t\t\t<button\n\t\t\t\t\t\tonClick={closeDrawer}\n\t\t\t\t\t\taria-label=\"close sidebar\"\n\t\t\t\t\t\tclassName=\"rounded-md p-2 hover:bg-gray-100 hover:dark:bg-gray-800\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<svg\n\t\t\t\t\t\t\tclassName=\"size-5\"\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<path d=\"M18 6 6 18\" />\n\t\t\t\t\t\t\t<path d=\"m6 6 12 12\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\n\t\t\t\t{/* Content */}\n\t\t\t\t<div className=\"p-4\">\n\t\t\t\t\t<nav\n\t\t\t\t\t\taria-label=\"core mobile navigation links\"\n\t\t\t\t\t\tclassName=\"flex flex-1 flex-col space-y-10\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{/* Primary Navigation */}\n\t\t\t\t\t\t<ul role=\"list\" className=\"space-y-1.5\">\n\t\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\t\tconst isActive =\n\t\t\t\t\t\t\t\t\titem.active ?? isItemActive(item.href, pathname);\n\t\t\t\t\t\t\t\tconst Icon = item.icon;\n\n\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t<li key={item.id}>\n\t\t\t\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\t\t\t\thref={item.href || \"#\"}\n\t\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"text-indigo-600 dark:text-indigo-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"text-gray-600 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50\",\n\t\t\t\t\t\t\t\t\t\t\t\t\"flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-base font-medium transition hover:bg-gray-100 sm:text-sm hover:dark:bg-gray-900\",\n\t\t\t\t\t\t\t\t\t\t\t\tfocusRing,\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\tonClick={closeDrawer}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t<Icon className=\"size-5 shrink-0\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t{item.label}\n\t\t\t\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</ul>\n\n\t\t\t\t\t\t{/* Shortcuts Section */}\n\t\t\t\t\t\t{shortcuts.length > 0 && (\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t<span className=\"text-sm font-medium leading-6 text-gray-500 sm:text-xs\">\n\t\t\t\t\t\t\t\t\tShortcuts\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t<ul aria-label=\"shortcuts\" role=\"list\" className=\"space-y-0.5\">\n\t\t\t\t\t\t\t\t\t{shortcuts.map((shortcut) => {\n\t\t\t\t\t\t\t\t\t\tconst isActive = isItemActive(shortcut.href, pathname);\n\t\t\t\t\t\t\t\t\t\tconst Icon = shortcut.icon;\n\n\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t<li key={shortcut.name}>\n\t\t\t\t\t\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\t\t\t\t\t\thref={shortcut.href}\n\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"text-indigo-600 dark:text-indigo-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"flex items-center gap-x-2.5 rounded-md px-2 py-1.5 font-medium transition hover:bg-gray-100 sm:text-sm hover:dark:bg-gray-900\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tfocusRing,\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={closeDrawer}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 shrink-0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t{shortcut.name}\n\t\t\t\t\t\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</nav>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n","/**\n * Dashboard Template Utilities\n *\n * Shared utility functions and style constants for the dashboard template.\n */\n\nimport { type ClassNameValue, twMerge } from \"tailwind-merge\";\n\n/**\n * Merge class names with Tailwind CSS class conflict resolution\n */\nexport function cx(...args: ClassNameValue[]) {\n\treturn twMerge(...args);\n}\n\n/**\n * Focus input ring styles (for form inputs)\n */\nexport const focusInput = [\n\t// base\n\t\"focus:ring-2\",\n\t// ring color\n\t\"focus:ring-indigo-200 focus:dark:ring-indigo-700/30\",\n\t// border color\n\t\"focus:border-indigo-500 focus:dark:border-indigo-700\",\n].join(\" \");\n\n/**\n * Focus ring styles (for buttons and interactive elements)\n */\nexport const focusRing = [\n\t// base\n\t\"outline outline-offset-2 outline-0 focus-visible:outline-2\",\n\t// outline color\n\t\"outline-indigo-500 dark:outline-indigo-500\",\n].join(\" \");\n\n/**\n * Error input ring styles\n */\nexport const hasErrorInput = [\n\t// base\n\t\"ring-2\",\n\t// border color\n\t\"border-red-500 dark:border-red-700\",\n\t// ring color\n\t\"ring-red-200 dark:ring-red-700/30\",\n].join(\" \");\n","\"use client\";\n\nimport type { ComponentType, ReactNode, SVGProps } from \"react\";\nimport { cx, focusRing } from \"../../utils\";\n\n/**\n * Navigation item configuration for the sidebar\n */\nexport interface SidebarNavItem {\n\t/** Unique identifier */\n\tid: string;\n\t/** Display label */\n\tlabel: string;\n\t/** Link href */\n\thref?: string;\n\t/** Icon component */\n\ticon?: ComponentType<SVGProps<SVGSVGElement>>;\n\t/** Is currently active */\n\tactive?: boolean;\n\t/** Is disabled */\n\tdisabled?: boolean;\n\t/** Click handler */\n\tonClick?: () => void;\n}\n\n/**\n * Shortcut item configuration\n */\nexport interface SidebarShortcutItem {\n\t/** Display name */\n\tname: string;\n\t/** Link href */\n\thref: string;\n\t/** Icon component */\n\ticon?: ComponentType<SVGProps<SVGSVGElement>>;\n}\n\n/**\n * Workspace configuration for the workspace switcher\n */\nexport interface SidebarWorkspace {\n\t/** Workspace identifier */\n\tid: string;\n\t/** Workspace name */\n\tname: string;\n\t/** Initials for avatar */\n\tinitials: string;\n\t/** User role in workspace */\n\trole: string;\n\t/** Background color class */\n\tcolor?: string;\n}\n\n/**\n * User profile configuration for the sidebar footer\n */\nexport interface SidebarUser {\n\t/** User display name */\n\tname: string;\n\t/** User email */\n\temail?: string;\n\t/** User initials for avatar */\n\tinitials: string;\n}\n\n/**\n * Props for the Sidebar adapter component\n */\nexport interface SidebarProps {\n\t/** Navigation items */\n\titems?: SidebarNavItem[];\n\t/** Shortcut items */\n\tshortcuts?: SidebarShortcutItem[];\n\t/** Current workspace */\n\tworkspace?: SidebarWorkspace;\n\t/** Available workspaces for switching */\n\tworkspaces?: SidebarWorkspace[];\n\t/** Current user */\n\tuser?: SidebarUser;\n\t/** Is sidebar collapsed */\n\tcollapsed?: boolean;\n\t/** Collapse toggle handler */\n\tonCollapse?: (collapsed: boolean) => void;\n\t/** Custom header content */\n\theader?: ReactNode;\n\t/** Custom footer content */\n\tfooter?: ReactNode;\n\t/** Additional className */\n\tclassName?: string;\n\t/** Current pathname for active state detection */\n\tpathname?: string;\n\t/** Link component for routing (e.g., Next.js Link) */\n\tLinkComponent?: ComponentType<{\n\t\thref: string;\n\t\tclassName?: string;\n\t\tchildren: ReactNode;\n\t}>;\n}\n\n/**\n * Default link component (plain anchor)\n */\nfunction DefaultLink({\n\thref,\n\tclassName,\n\tchildren,\n}: {\n\thref: string;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) {\n\treturn (\n\t\t<a href={href} className={className}>\n\t\t\t{children}\n\t\t</a>\n\t);\n}\n\n/**\n * Helper to determine if a nav item is active\n */\nfunction isItemActive(\n\titemHref: string | undefined,\n\tpathname: string | undefined,\n\tsettingsPath = \"/settings\",\n): boolean {\n\tif (!itemHref || !pathname) return false;\n\tif (itemHref === settingsPath) {\n\t\treturn pathname.startsWith(\"/settings\");\n\t}\n\treturn pathname === itemHref || pathname.startsWith(itemHref);\n}\n\n/**\n * Sidebar - Navigation sidebar with workspace switcher and user profile\n *\n * A vertical navigation bar featuring:\n * - Workspace dropdown at the top\n * - Primary navigation links\n * - Shortcuts section\n * - User profile at the bottom\n *\n * Based on Tremor dashboard template sidebar design.\n */\nexport function Sidebar({\n\titems = [],\n\tshortcuts = [],\n\tworkspace,\n\tworkspaces = [],\n\tuser,\n\tcollapsed = false,\n\tonCollapse: _onCollapse,\n\theader,\n\tfooter,\n\tclassName,\n\tpathname,\n\tLinkComponent = DefaultLink,\n}: SidebarProps) {\n\treturn (\n\t\t<nav\n\t\t\tdata-testid=\"sidebar\"\n\t\t\tclassName={cx(\n\t\t\t\t\"hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:flex-col\",\n\t\t\t\tcollapsed ? \"lg:w-16\" : \"lg:w-72\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t>\n\t\t\t<aside className=\"flex grow flex-col gap-y-6 overflow-y-auto border-r border-gray-200 bg-white p-4 dark:border-gray-800 dark:bg-gray-950\">\n\t\t\t\t{/* Workspace Switcher */}\n\t\t\t\t{workspace && (\n\t\t\t\t\t<WorkspaceSwitcher\n\t\t\t\t\t\tworkspace={workspace}\n\t\t\t\t\t\tworkspaces={workspaces}\n\t\t\t\t\t\tcollapsed={collapsed}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\n\t\t\t\t{/* Custom Header */}\n\t\t\t\t{header}\n\n\t\t\t\t{/* Main Navigation */}\n\t\t\t\t<nav\n\t\t\t\t\taria-label=\"core navigation links\"\n\t\t\t\t\tclassName=\"flex flex-1 flex-col space-y-10\"\n\t\t\t\t>\n\t\t\t\t\t{/* Primary Navigation Items */}\n\t\t\t\t\t<ul role=\"list\" className=\"space-y-0.5\">\n\t\t\t\t\t\t{items.map((item) => {\n\t\t\t\t\t\t\tconst isActive = item.active ?? isItemActive(item.href, pathname);\n\t\t\t\t\t\t\tconst Icon = item.icon;\n\n\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t<li key={item.id}>\n\t\t\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\t\t\thref={item.href || \"#\"}\n\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t? \"text-indigo-600 dark:text-indigo-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t: \"text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50\",\n\t\t\t\t\t\t\t\t\t\t\t\"flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-sm font-medium transition hover:bg-gray-100 hover:dark:bg-gray-900\",\n\t\t\t\t\t\t\t\t\t\t\tfocusRing,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\tdata-testid=\"nav-item\"\n\t\t\t\t\t\t\t\t\t\tdata-active={isActive}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{Icon && (\n\t\t\t\t\t\t\t\t\t\t\t<Icon className=\"size-4 shrink-0\" aria-hidden=\"true\" />\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t{!collapsed && item.label}\n\t\t\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t})}\n\t\t\t\t\t</ul>\n\n\t\t\t\t\t{/* Shortcuts Section */}\n\t\t\t\t\t{shortcuts.length > 0 && !collapsed && (\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<span className=\"text-xs font-medium leading-6 text-gray-500\">\n\t\t\t\t\t\t\t\tShortcuts\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t<ul aria-label=\"shortcuts\" role=\"list\" className=\"space-y-0.5\">\n\t\t\t\t\t\t\t\t{shortcuts.map((shortcut) => {\n\t\t\t\t\t\t\t\t\tconst isActive = isItemActive(shortcut.href, pathname);\n\t\t\t\t\t\t\t\t\tconst Icon = shortcut.icon;\n\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<li key={shortcut.name}>\n\t\t\t\t\t\t\t\t\t\t\t<LinkComponent\n\t\t\t\t\t\t\t\t\t\t\t\thref={shortcut.href}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisActive\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? \"text-indigo-600 dark:text-indigo-400\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: \"text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:dark:text-gray-50\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\"flex items-center gap-x-2.5 rounded-md px-2 py-1.5 text-sm font-medium transition hover:bg-gray-100 hover:dark:bg-gray-900\",\n\t\t\t\t\t\t\t\t\t\t\t\t\tfocusRing,\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{Icon && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"size-4 shrink-0\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{shortcut.name}\n\t\t\t\t\t\t\t\t\t\t\t</LinkComponent>\n\t\t\t\t\t\t\t\t\t\t</li>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</ul>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</nav>\n\n\t\t\t\t{/* User Profile Footer */}\n\t\t\t\t{user && !footer && (\n\t\t\t\t\t<div className=\"mt-auto\">\n\t\t\t\t\t\t<UserProfile user={user} collapsed={collapsed} />\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\n\t\t\t\t{/* Custom Footer */}\n\t\t\t\t{footer && <div className=\"mt-auto\">{footer}</div>}\n\t\t\t</aside>\n\t\t</nav>\n\t);\n}\n\n/**\n * Workspace Switcher component\n */\ninterface WorkspaceSwitcherProps {\n\tworkspace: SidebarWorkspace;\n\tworkspaces?: SidebarWorkspace[];\n\tcollapsed?: boolean;\n}\n\nfunction WorkspaceSwitcher({\n\tworkspace,\n\tworkspaces: _workspaces = [],\n\tcollapsed,\n}: WorkspaceSwitcherProps) {\n\tif (collapsed) {\n\t\treturn (\n\t\t\t<div className=\"flex justify-center\">\n\t\t\t\t<span\n\t\t\t\t\tclassName={cx(\n\t\t\t\t\t\tworkspace.color || \"bg-indigo-600 dark:bg-indigo-500\",\n\t\t\t\t\t\t\"flex aspect-square size-8 items-center justify-center rounded p-2 text-xs font-medium text-white\",\n\t\t\t\t\t)}\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{workspace.initials}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<button\n\t\t\tclassName={cx(\n\t\t\t\t\"flex w-full items-center gap-x-2.5 rounded-md border border-gray-300 bg-white p-2 text-sm shadow-sm transition-all hover:bg-gray-50 dark:border-gray-800 dark:bg-gray-950 hover:dark:bg-gray-900\",\n\t\t\t\t\"focus:ring-2 focus:ring-indigo-200 focus:border-indigo-500 focus:dark:ring-indigo-700/30 focus:dark:border-indigo-700\",\n\t\t\t)}\n\t\t>\n\t\t\t<span\n\t\t\t\tclassName={cx(\n\t\t\t\t\tworkspace.color || \"bg-indigo-600 dark:bg-indigo-500\",\n\t\t\t\t\t\"flex aspect-square size-8 items-center justify-center rounded p-2 text-xs font-medium text-white\",\n\t\t\t\t)}\n\t\t\t\taria-hidden=\"true\"\n\t\t\t>\n\t\t\t\t{workspace.initials}\n\t\t\t</span>\n\t\t\t<div className=\"flex w-full items-center justify-between gap-x-4 truncate\">\n\t\t\t\t<div className=\"truncate\">\n\t\t\t\t\t<p className=\"truncate whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-50\">\n\t\t\t\t\t\t{workspace.name}\n\t\t\t\t\t</p>\n\t\t\t\t\t<p className=\"whitespace-nowrap text-left text-xs text-gray-700 dark:text-gray-300\">\n\t\t\t\t\t\t{workspace.role}\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t\t<svg\n\t\t\t\t\tclassName=\"size-5 shrink-0 text-gray-500\"\n\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\t\tfill=\"none\"\n\t\t\t\t\tstroke=\"currentColor\"\n\t\t\t\t\tstrokeWidth=\"2\"\n\t\t\t\t\tstrokeLinecap=\"round\"\n\t\t\t\t\tstrokeLinejoin=\"round\"\n\t\t\t\t>\n\t\t\t\t\t<path d=\"m7 15 5 5 5-5\" />\n\t\t\t\t\t<path d=\"m7 9 5-5 5 5\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</button>\n\t);\n}\n\n/**\n * User Profile component for sidebar footer\n */\ninterface UserProfileProps {\n\tuser: SidebarUser;\n\tcollapsed?: boolean;\n}\n\nfunction UserProfile({ user, collapsed }: UserProfileProps) {\n\tif (collapsed) {\n\t\treturn (\n\t\t\t<button\n\t\t\t\taria-label=\"User settings\"\n\t\t\t\tclassName={cx(\n\t\t\t\t\tfocusRing,\n\t\t\t\t\t\"flex w-full justify-center rounded-md p-2 text-sm font-medium text-gray-900 hover:bg-gray-100 dark:text-gray-50 hover:dark:bg-gray-400/10\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"flex size-8 shrink-0 items-center justify-center rounded-full border border-gray-300 bg-white text-xs text-gray-700 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-300\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{user.initials}\n\t\t\t\t</span>\n\t\t\t</button>\n\t\t);\n\t}\n\n\treturn (\n\t\t<button\n\t\t\taria-label=\"User settings\"\n\t\t\tclassName={cx(\n\t\t\t\tfocusRing,\n\t\t\t\t\"group flex w-full items-center justify-between rounded-md p-2 text-sm font-medium text-gray-900 hover:bg-gray-100 data-[state=open]:bg-gray-100 data-[state=open]:bg-gray-400/10 hover:dark:bg-gray-400/10\",\n\t\t\t)}\n\t\t>\n\t\t\t<span className=\"flex items-center gap-3\">\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"flex size-8 shrink-0 items-center justify-center rounded-full border border-gray-300 bg-white text-xs text-gray-700 dark:border-gray-800 dark:bg-gray-950 dark:text-gray-300\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t>\n\t\t\t\t\t{user.initials}\n\t\t\t\t</span>\n\t\t\t\t<span className=\"dark:text-gray-50\">{user.name}</span>\n\t\t\t</span>\n\t\t\t<svg\n\t\t\t\tclassName=\"size-4 shrink-0 text-gray-500 group-hover:text-gray-700 group-hover:dark:text-gray-400\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tviewBox=\"0 0 24 24\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t>\n\t\t\t\t<circle cx=\"12\" cy=\"6\" r=\"2\" />\n\t\t\t\t<circle cx=\"12\" cy=\"12\" r=\"2\" />\n\t\t\t\t<circle cx=\"12\" cy=\"18\" r=\"2\" />\n\t\t\t</svg>\n\t\t</button>\n\t);\n}\n\nexport { WorkspaceSwitcher, UserProfile };\n"],"mappings":"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","names":["twMerge","jsx","jsxs","twMerge","jsx","jsxs","twMerge","jsx","jsxs","jsx","jsxs","DefaultLink","isItemActive"]}