@dimaan/ui 0.0.0

package/dist/index.cjs

@@ -0,0 +1,1296 @@
+'use strict';
+
+var react = require('react');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+
+// src/components/dashboard-layout/context.ts
+var DashboardLayoutContext = react.createContext(null);
+function useDashboardLayout() {
+  const ctx = react.useContext(DashboardLayoutContext);
+  if (!ctx) {
+    throw new Error("useDashboardLayout must be used within a <DashboardLayout> component.");
+  }
+  return ctx;
+}
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+function DashboardContent({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "main",
+    {
+      className: cn(
+        "flex min-h-[calc(100vh-var(--header-height))] flex-1 flex-col gap-6 p-4 sm:p-6 lg:p-8",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function DashboardLayout({
+  defaultCollapsed = false,
+  collapsed: collapsedProp,
+  onCollapsedChange,
+  className,
+  children,
+  ...props
+}) {
+  const [internalCollapsed, setInternalCollapsed] = react.useState(defaultCollapsed);
+  const [mobileOpen, setMobileOpenState] = react.useState(false);
+  const isControlled = collapsedProp !== void 0;
+  const collapsed = isControlled ? collapsedProp : internalCollapsed;
+  const setCollapsed = react.useCallback(
+    (next) => {
+      if (!isControlled) setInternalCollapsed(next);
+      onCollapsedChange?.(next);
+    },
+    [isControlled, onCollapsedChange]
+  );
+  const toggleCollapsed = react.useCallback(() => {
+    setCollapsed(!collapsed);
+  }, [collapsed, setCollapsed]);
+  const setMobileOpen = react.useCallback((next) => {
+    setMobileOpenState(next);
+  }, []);
+  const toggleMobileOpen = react.useCallback(() => {
+    setMobileOpenState((prev) => !prev);
+  }, []);
+  const value = react.useMemo(
+    () => ({
+      collapsed,
+      setCollapsed,
+      toggleCollapsed,
+      mobileOpen,
+      setMobileOpen,
+      toggleMobileOpen
+    }),
+    [collapsed, setCollapsed, toggleCollapsed, mobileOpen, setMobileOpen, toggleMobileOpen]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(DashboardLayoutContext.Provider, { value, children: /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-collapsed": collapsed ? "true" : "false",
+      className: cn(
+        "relative flex min-h-screen w-full bg-background text-foreground font-sans antialiased",
+        className
+      ),
+      ...props,
+      children
+    }
+  ) });
+}
+function DashboardMain({ className, children, ...props }) {
+  const { collapsed } = useDashboardLayout();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex min-h-screen flex-1 flex-col transition-[margin] duration-200 ease-out",
+        // On desktop, push the main column past the fixed sidebar using logical margin.
+        collapsed ? "lg:ms-[var(--sidebar-width-collapsed)]" : "lg:ms-[var(--sidebar-width)]",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function DashboardHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      className: cn(
+        "sticky top-0 z-20 flex h-[var(--header-height)] shrink-0 items-center gap-3 border-b border-header-border bg-header/80 px-4 text-header-foreground backdrop-blur-md sm:px-6",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function HeaderActions({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn("ms-auto flex items-center gap-1", className), ...props, children });
+}
+
+// src/components/button/buttonVariants.ts
+var buttonVariantClass = {
+  primary: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90 focus-visible:ring-primary/40",
+  secondary: "bg-muted text-foreground hover:bg-muted/80 focus-visible:ring-muted-foreground/30",
+  outline: "border border-input bg-background text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
+  ghost: "bg-transparent text-foreground hover:bg-accent hover:text-accent-foreground focus-visible:ring-ring/40",
+  destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90 focus-visible:ring-destructive/40",
+  success: "bg-success text-success-foreground shadow-sm hover:bg-success/90 focus-visible:ring-success/40",
+  warning: "bg-warning text-warning-foreground shadow-sm hover:bg-warning/90 focus-visible:ring-warning/40",
+  link: "text-primary underline-offset-4 hover:underline focus-visible:ring-primary/40 px-0 shadow-none"
+};
+var buttonSizeClass = {
+  sm: "h-8 gap-1.5 rounded-md px-3 text-sm",
+  md: "h-9 gap-2 rounded-md px-4 text-sm",
+  lg: "h-11 gap-2.5 rounded-md px-6 text-base",
+  icon: "h-9 w-9 shrink-0 rounded-md p-0",
+  "icon-sm": "h-8 w-8 shrink-0 rounded-md p-0"
+};
+var buttonBaseClass = "group/button relative inline-flex items-center justify-center font-medium select-none whitespace-nowrap outline-none transition-[background-color,color,box-shadow,opacity] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0";
+var Button = react.forwardRef(function Button2({
+  variant = "primary",
+  size = "md",
+  loading = false,
+  loadingText,
+  leadingIcon,
+  trailingIcon,
+  fullWidth = false,
+  asChild = false,
+  type,
+  disabled,
+  className,
+  children,
+  ...props
+}, ref) {
+  const isDisabled = disabled || loading;
+  const composedClass = cn(
+    buttonBaseClass,
+    buttonVariantClass[variant],
+    buttonSizeClass[size],
+    fullWidth && "w-full",
+    className
+  );
+  const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
+    loading && loadingText !== void 0 ? loadingText : children,
+    !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
+  ] });
+  if (asChild) {
+    const child = react.Children.only(children);
+    if (!react.isValidElement(child)) {
+      throw new Error("Button: `asChild` requires a single valid React element as a child.");
+    }
+    const mergedClassName = cn(composedClass, child.props.className);
+    return react.cloneElement(child, {
+      ...child.props,
+      className: mergedClassName,
+      "aria-disabled": isDisabled ? true : void 0,
+      "data-loading": loading ? "true" : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : leadingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: leadingIcon }) : null,
+        loading && loadingText !== void 0 ? loadingText : child.props.children,
+        !loading && trailingIcon ? /* @__PURE__ */ jsxRuntime.jsx(Slot, { children: trailingIcon }) : null
+      ] })
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type: type ?? "button",
+      disabled: isDisabled,
+      "data-loading": loading ? "true" : void 0,
+      className: composedClass,
+      ...props,
+      children: content
+    }
+  );
+});
+function Slot({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "inline-flex h-4 w-4 items-center justify-center", children });
+}
+function Spinner() {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { "aria-hidden": "true", className: "h-4 w-4 animate-spin", "data-testid": "button-spinner" });
+}
+function HeaderCollapseTrigger({
+  icon,
+  className,
+  onClick,
+  variant = "ghost",
+  size = "icon",
+  "aria-label": ariaLabel = "Toggle sidebar",
+  ...props
+}) {
+  const { toggleCollapsed, collapsed } = useDashboardLayout();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      "aria-label": ariaLabel,
+      "aria-pressed": collapsed,
+      variant,
+      size,
+      onClick: (e) => {
+        toggleCollapsed();
+        onClick?.(e);
+      },
+      className: cn("hidden lg:inline-flex", className),
+      ...props,
+      children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { collapsed })
+    }
+  );
+}
+function ChevronIcon({ collapsed }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    lucideReact.ChevronLeft,
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "h-[18px] w-[18px] transition-transform duration-200 rtl:-scale-x-100",
+        collapsed && "rotate-180"
+      )
+    }
+  );
+}
+function HeaderMobileTrigger({
+  icon,
+  className,
+  onClick,
+  variant = "ghost",
+  size = "icon",
+  "aria-label": ariaLabel = "Toggle navigation",
+  ...props
+}) {
+  const { toggleMobileOpen, mobileOpen } = useDashboardLayout();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Button,
+    {
+      "aria-label": ariaLabel,
+      "aria-expanded": mobileOpen,
+      variant,
+      size,
+      onClick: (e) => {
+        toggleMobileOpen();
+        onClick?.(e);
+      },
+      className: className ? `lg:hidden ${className}` : "lg:hidden",
+      ...props,
+      children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(DefaultMenuIcon, {})
+    }
+  );
+}
+function DefaultMenuIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Menu, { "aria-hidden": "true", className: "h-[18px] w-[18px]" });
+}
+var HeaderSearch = react.forwardRef(
+  ({ icon, containerClassName, className, type = "search", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn("relative hidden h-9 w-full max-w-sm items-center md:flex", containerClassName),
+      children: [
+        icon ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: "pointer-events-none absolute start-3 flex h-4 w-4 items-center justify-center text-muted-foreground",
+            children: icon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ref,
+            type,
+            className: cn(
+              "h-9 w-full rounded-md border border-input bg-background text-sm transition-colors",
+              "placeholder:text-muted-foreground",
+              "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+              icon ? "ps-9 pe-3" : "px-3",
+              className
+            ),
+            ...props
+          }
+        )
+      ]
+    }
+  )
+);
+HeaderSearch.displayName = "HeaderSearch";
+function HeaderTitle({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn("flex min-w-0 flex-1 items-center gap-2 text-base font-semibold", className),
+      ...props,
+      children
+    }
+  );
+}
+function Sidebar({ className, children, ...props }) {
+  const { collapsed, mobileOpen, setMobileOpen } = useDashboardLayout();
+  react.useEffect(() => {
+    if (!mobileOpen) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") setMobileOpen(false);
+    };
+    document.addEventListener("keydown", onKey);
+    return () => document.removeEventListener("keydown", onKey);
+  }, [mobileOpen, setMobileOpen]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        "aria-hidden": "true",
+        onClick: () => setMobileOpen(false),
+        className: cn(
+          "fixed inset-0 z-30 bg-foreground/40 backdrop-blur-sm transition-opacity duration-200 lg:hidden",
+          mobileOpen ? "opacity-100" : "pointer-events-none opacity-0"
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "aside",
+      {
+        "data-collapsed": collapsed ? "true" : "false",
+        "data-mobile-open": mobileOpen ? "true" : "false",
+        className: cn(
+          // Positioning
+          "fixed inset-y-0 start-0 z-40 flex flex-col",
+          // Surface
+          "bg-sidebar text-sidebar-foreground border-e border-sidebar-border",
+          // Sizing — width animates between full and collapsed
+          collapsed ? "w-[var(--sidebar-width-collapsed)]" : "w-[var(--sidebar-width)]",
+          // Motion
+          "transition-[transform,width] duration-200 ease-out",
+          // Mobile slide: hidden by default, visible when mobileOpen.
+          // Logical translate via rtl variant so it slides off the inline-start edge
+          // in both LTR and RTL.
+          mobileOpen ? "translate-x-0" : "-translate-x-full rtl:translate-x-full lg:translate-x-0 lg:rtl:translate-x-0",
+          className
+        ),
+        ...props,
+        children
+      }
+    )
+  ] });
+}
+function SidebarFooter({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "mt-auto flex shrink-0 items-center gap-2 border-t border-sidebar-border p-3",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarGroup({ label, className, children, ...props }) {
+  const { collapsed } = useDashboardLayout();
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex flex-col gap-1 py-2", className), ...props, children: [
+    label ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "px-3 pb-1 text-xs font-medium uppercase tracking-wider text-muted-foreground transition-opacity",
+          collapsed && "pointer-events-none h-0 overflow-hidden opacity-0"
+        ),
+        children: label
+      }
+    ) : null,
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5", children })
+  ] });
+}
+function SidebarHeader({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: cn(
+        "flex h-[var(--header-height)] shrink-0 items-center gap-2 border-b border-sidebar-border px-3",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+}
+function SidebarNav({ className, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("nav", { className: cn("flex flex-1 flex-col gap-1 overflow-y-auto p-2", className), ...props, children });
+}
+function SidebarNavGroup({
+  icon,
+  label,
+  endSlot,
+  active = false,
+  defaultOpen = false,
+  open: openProp,
+  onOpenChange,
+  className,
+  children,
+  onClick,
+  ...props
+}) {
+  const { collapsed } = useDashboardLayout();
+  const submenuId = react.useId();
+  const [internalOpen, setInternalOpen] = react.useState(defaultOpen);
+  const isControlled = openProp !== void 0;
+  const open = isControlled ? openProp : internalOpen;
+  const setOpen = react.useCallback(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  react.useEffect(() => {
+    if (collapsed && open) setOpen(false);
+  }, [collapsed, open, setOpen]);
+  const titleAttr = collapsed && typeof label === "string" ? label : props.title ?? void 0;
+  const showChildren = !collapsed;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        type: "button",
+        "aria-expanded": showChildren ? open : void 0,
+        "aria-controls": showChildren ? submenuId : void 0,
+        "data-active": active ? "true" : void 0,
+        title: titleAttr,
+        onClick: (e) => {
+          if (showChildren) setOpen(!open);
+          onClick?.(e);
+        },
+        className: cn(
+          "group relative flex h-9 w-full items-center gap-3 rounded-md px-3 text-sm font-medium outline-none transition-colors",
+          "text-sidebar-foreground/80 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+          "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-sidebar",
+          active && "bg-sidebar-accent text-sidebar-accent-foreground",
+          collapsed && "justify-center px-0",
+          className
+        ),
+        ...props,
+        children: [
+          icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }) : null,
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: cn(
+                "flex-1 truncate text-start transition-[opacity,width]",
+                collapsed && "pointer-events-none w-0 opacity-0"
+              ),
+              children: label
+            }
+          ),
+          endSlot && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex shrink-0 items-center", children: endSlot }) : null,
+          showChildren ? /* @__PURE__ */ jsxRuntime.jsx(ChevronCaret, { open }) : null
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        id: submenuId,
+        hidden: !showChildren || !open,
+        className: cn(
+          "grid transition-[grid-template-rows] duration-200 ease-out",
+          showChildren && open ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-0.5 ps-7 pt-1", children }) })
+      }
+    )
+  ] });
+}
+function ChevronCaret({ open }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    lucideReact.ChevronDown,
+    {
+      "aria-hidden": "true",
+      className: cn(
+        "h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform duration-200",
+        open && "rotate-180"
+      )
+    }
+  );
+}
+function SidebarNavItem({
+  icon,
+  active = false,
+  label,
+  endSlot,
+  className,
+  children,
+  render,
+  ...props
+}) {
+  const { collapsed } = useDashboardLayout();
+  const labelContent = label ?? children;
+  const titleAttr = collapsed && typeof labelContent === "string" ? labelContent : props.title;
+  const inner = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    icon ? /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", className: "flex h-5 w-5 shrink-0 items-center justify-center", children: icon }) : null,
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: cn(
+          "flex-1 truncate text-start transition-[opacity,width]",
+          collapsed && "pointer-events-none w-0 opacity-0"
+        ),
+        children: labelContent
+      }
+    ),
+    endSlot && !collapsed ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ms-auto flex shrink-0 items-center", children: endSlot }) : null
+  ] });
+  const computedClass = cn(
+    "group relative flex h-9 items-center gap-3 rounded-md px-3 text-sm font-medium outline-none transition-colors",
+    "text-sidebar-foreground/80 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+    "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-sidebar",
+    active && "bg-sidebar-accent text-sidebar-accent-foreground",
+    collapsed && "justify-center px-0",
+    className
+  );
+  if (render) {
+    return render({
+      className: computedClass,
+      children: inner,
+      title: titleAttr,
+      "aria-current": active ? "page" : void 0,
+      "data-active": active ? "true" : void 0
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      "aria-current": active ? "page" : void 0,
+      "data-active": active ? "true" : void 0,
+      title: titleAttr,
+      className: computedClass,
+      ...props,
+      children: inner
+    }
+  );
+}
+function isSection(entry) {
+  return "items" in entry && !("label" in entry && "href" in entry) && Array.isArray(entry.items);
+}
+function isGroup(entry) {
+  return "items" in entry;
+}
+function normalize(nav) {
+  if (nav.length === 0) return [];
+  if (isSection(nav[0])) return nav;
+  return [{ key: "__root", items: nav }];
+}
+function renderItem(item) {
+  if (item.render) {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      SidebarNavItem,
+      {
+        icon: item.icon,
+        active: item.active,
+        endSlot: item.endSlot,
+        render: item.render,
+        children: item.label
+      },
+      item.key
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    SidebarNavItem,
+    {
+      href: item.href,
+      icon: item.icon,
+      active: item.active,
+      endSlot: item.endSlot,
+      children: item.label
+    },
+    item.key
+  );
+}
+function AppShell({
+  brand,
+  nav,
+  title,
+  searchPlaceholder,
+  onSearch,
+  headerActions,
+  sidebarFooter,
+  defaultCollapsed,
+  collapsed,
+  onCollapsedChange,
+  children
+}) {
+  const sections = normalize(nav);
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DashboardLayout,
+    {
+      defaultCollapsed,
+      collapsed,
+      onCollapsedChange,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(Sidebar, { children: [
+          (brand?.logo || brand?.name) && /* @__PURE__ */ jsxRuntime.jsxs(SidebarHeader, { children: [
+            brand.logo,
+            brand.name ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-sm font-semibold", children: brand.name }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(SidebarNav, { children: sections.map((section) => /* @__PURE__ */ jsxRuntime.jsx(SidebarGroup, { label: section.label, children: section.items.map(
+            (entry) => isGroup(entry) ? /* @__PURE__ */ jsxRuntime.jsx(
+              SidebarNavGroup,
+              {
+                label: entry.label,
+                icon: entry.icon,
+                active: entry.active,
+                defaultOpen: entry.defaultOpen ?? entry.items.some((i) => i.active),
+                children: entry.items.map(renderItem)
+              },
+              entry.key
+            ) : renderItem(entry)
+          ) }, section.key)) }),
+          sidebarFooter ? /* @__PURE__ */ jsxRuntime.jsx(SidebarFooter, { children: sidebarFooter }) : null
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(DashboardMain, { children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(DashboardHeader, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(HeaderMobileTrigger, {}),
+            /* @__PURE__ */ jsxRuntime.jsx(HeaderCollapseTrigger, {}),
+            title ? /* @__PURE__ */ jsxRuntime.jsx(HeaderTitle, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate", children: title }) }) : null,
+            searchPlaceholder ? /* @__PURE__ */ jsxRuntime.jsx(
+              HeaderSearch,
+              {
+                placeholder: searchPlaceholder,
+                onChange: onSearch ? (e) => onSearch(e.target.value) : void 0
+              }
+            ) : null,
+            headerActions ? /* @__PURE__ */ jsxRuntime.jsx(HeaderActions, { children: headerActions }) : null
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DashboardContent, { children })
+        ] })
+      ]
+    }
+  );
+}
+var sizeClass = {
+  sm: "h-7 w-7 text-xs",
+  md: "h-9 w-9 text-sm",
+  lg: "h-11 w-11 text-base"
+};
+function Avatar({ src, alt = "", fallback, size = "md", className, ...props }) {
+  const [errored, setErrored] = react.useState(false);
+  const showImage = Boolean(src) && !errored;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      className: cn(
+        "inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-muted-foreground font-medium select-none",
+        sizeClass[size],
+        className
+      ),
+      ...props,
+      children: showImage ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src,
+          alt,
+          onError: () => setErrored(true),
+          className: "h-full w-full object-cover"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": !fallback, children: fallback ?? "?" })
+    }
+  );
+}
+var sizeClass2 = {
+  sm: "h-3.5 w-3.5",
+  md: "h-4 w-4"
+};
+var Checkbox = react.forwardRef(function Checkbox2({
+  checked,
+  defaultChecked,
+  indeterminate = false,
+  onCheckedChange,
+  onChange,
+  disabled,
+  size = "md",
+  className,
+  "aria-checked": ariaCheckedProp,
+  ...rest
+}, forwardedRef) {
+  const inputRef = react.useRef(null);
+  react.useImperativeHandle(forwardedRef, () => inputRef.current, []);
+  react.useLayoutEffect(() => {
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+  }, [indeterminate]);
+  const ariaChecked = ariaCheckedProp ?? (indeterminate ? "mixed" : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn("relative inline-flex shrink-0", sizeClass2[size], className), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "checkbox",
+        checked,
+        defaultChecked,
+        disabled,
+        "aria-checked": ariaChecked,
+        onChange: (event) => {
+          onChange?.(event);
+          onCheckedChange?.(event.currentTarget.checked);
+        },
+        className: cn(
+          "peer absolute inset-0 m-0 cursor-pointer appearance-none rounded-sm border border-input bg-background",
+          "transition-colors",
+          "checked:border-primary checked:bg-primary",
+          "indeterminate:border-primary indeterminate:bg-primary",
+          "hover:border-ring",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background"
+        ),
+        ...rest
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Check,
+      {
+        "aria-hidden": "true",
+        strokeWidth: 3,
+        className: "pointer-events-none absolute inset-0 m-auto h-3 w-3 text-primary-foreground opacity-0 peer-checked:opacity-100 peer-indeterminate:opacity-0"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      lucideReact.Minus,
+      {
+        "aria-hidden": "true",
+        strokeWidth: 3,
+        className: "pointer-events-none absolute inset-0 m-auto h-3 w-3 text-primary-foreground opacity-0 peer-indeterminate:opacity-100"
+      }
+    )
+  ] });
+});
+function readDocumentDirection() {
+  if (typeof document === "undefined") return "ltr";
+  const dir = document.documentElement.getAttribute("dir");
+  return dir === "rtl" ? "rtl" : "ltr";
+}
+function useDirection() {
+  const [dir, setDir] = react.useState(() => readDocumentDirection());
+  react.useEffect(() => {
+    setDir(readDocumentDirection());
+    const observer = new MutationObserver(() => {
+      setDir(readDocumentDirection());
+    });
+    observer.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["dir"]
+    });
+    return () => observer.disconnect();
+  }, []);
+  return dir;
+}
+function Pagination({
+  pageIndex,
+  pageSize,
+  pageCount,
+  totalRowCount,
+  pageSizeOptions,
+  onChange
+}) {
+  const dir = useDirection();
+  const isRtl = dir === "rtl";
+  const isFirst = pageIndex <= 0;
+  const isLast = pageIndex >= pageCount - 1;
+  const goPrev = () => {
+    if (!isFirst) onChange({ pageIndex: pageIndex - 1, pageSize });
+  };
+  const goNext = () => {
+    if (!isLast) onChange({ pageIndex: pageIndex + 1, pageSize });
+  };
+  const start = totalRowCount === 0 ? 0 : pageIndex * pageSize + 1;
+  const end = Math.min(totalRowCount, (pageIndex + 1) * pageSize);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Rows per page" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "select",
+        {
+          className: "h-8 rounded-md border border-input bg-background px-2 text-sm text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          value: pageSize,
+          onChange: (event) => {
+            const nextSize = Number(event.target.value);
+            onChange({ pageIndex: 0, pageSize: nextSize });
+          },
+          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: option, children: option }, option))
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { "aria-live": "polite", children: [
+        start,
+        "\u2013",
+        end,
+        " of ",
+        totalRowCount
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: isFirst,
+            onClick: goPrev,
+            "aria-label": "Previous page",
+            children: isRtl ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-1 text-foreground", children: [
+          pageIndex + 1,
+          " / ",
+          pageCount
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            disabled: isLast,
+            onClick: goNext,
+            "aria-label": "Next page",
+            children: isRtl ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronLeft, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRight, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Toolbar({ count, onClear, renderLabel, clearLabel, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      role: "toolbar",
+      "aria-label": "Bulk actions",
+      className: "flex flex-wrap items-center gap-3 rounded-md border border-border bg-muted/40 px-3 py-2 text-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: renderLabel ? renderLabel(count) : `${count} selected` }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ms-auto flex flex-wrap items-center gap-2", children: [
+          children,
+          /* @__PURE__ */ jsxRuntime.jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: onClear, children: clearLabel ?? "Clear" })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/table/tableVariants.ts
+var tableSizeClass = {
+  sm: {
+    row: "",
+    cell: "px-3 py-1.5 text-xs",
+    head: "px-3 py-2 text-xs font-medium"
+  },
+  md: {
+    row: "",
+    cell: "px-4 py-2.5 text-sm",
+    head: "px-4 py-2.5 text-xs font-medium uppercase tracking-wide"
+  },
+  lg: {
+    row: "",
+    cell: "px-5 py-3.5 text-sm",
+    head: "px-5 py-3 text-sm font-medium"
+  }
+};
+var tableBaseClass = "w-full caption-bottom border-collapse";
+var selectedRowClass = "bg-muted/40";
+var sortIconClass = "inline-flex h-3 w-3 shrink-0 items-center justify-center";
+var alignClass = {
+  start: "text-start",
+  center: "text-center",
+  end: "text-end"
+};
+var EMPTY_SELECTION = /* @__PURE__ */ new Set();
+var NO_SORT = { columnId: null, direction: "asc" };
+function useTableState(props) {
+  const {
+    defaultSort,
+    sort: sortProp,
+    onSortChange,
+    defaultPagination,
+    pagination: paginationProp,
+    onPaginationChange,
+    pageSizeOptions,
+    defaultSelectedRowIds,
+    selectedRowIds: selectedRowIdsProp,
+    onSelectedRowIdsChange,
+    totalCount
+  } = props;
+  const [internalSort, setInternalSort] = react.useState(defaultSort ?? NO_SORT);
+  const isSortControlled = sortProp !== void 0;
+  const sort = isSortControlled ? sortProp : internalSort;
+  const setSort = react.useCallback(
+    (next) => {
+      if (!isSortControlled) setInternalSort(next);
+      onSortChange?.(next);
+    },
+    [isSortControlled, onSortChange]
+  );
+  const [internalPagination, setInternalPagination] = react.useState(
+    defaultPagination ?? { pageIndex: 0, pageSize: pageSizeOptions?.[0] ?? 10 }
+  );
+  const isPaginationControlled = paginationProp !== void 0;
+  const pagination = isPaginationControlled ? paginationProp : internalPagination;
+  const setPagination = react.useCallback(
+    (next) => {
+      if (!isPaginationControlled) setInternalPagination(next);
+      onPaginationChange?.(next);
+    },
+    [isPaginationControlled, onPaginationChange]
+  );
+  const [internalSelected, setInternalSelected] = react.useState(
+    defaultSelectedRowIds ?? EMPTY_SELECTION
+  );
+  const isSelectionControlled = selectedRowIdsProp !== void 0;
+  const selected = isSelectionControlled ? selectedRowIdsProp : internalSelected;
+  const setSelected = react.useCallback(
+    (next) => {
+      if (!isSelectionControlled) setInternalSelected(next);
+      onSelectedRowIdsChange?.(next);
+    },
+    [isSelectionControlled, onSelectedRowIdsChange]
+  );
+  return {
+    sort,
+    setSort,
+    pagination,
+    setPagination,
+    selected,
+    setSelected,
+    isServerSide: totalCount !== void 0
+  };
+}
+var DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50];
+function Table(props) {
+  const {
+    data,
+    columns,
+    getRowId,
+    enableRowSelection = false,
+    isRowSelectable,
+    bulkActions,
+    renderSelectionLabel,
+    clearSelectionLabel,
+    loading = false,
+    loadingRowCount,
+    emptyState,
+    size = "md",
+    className,
+    tableClassName,
+    maxHeight,
+    striped = false,
+    onRowClick,
+    tableRef,
+    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
+    showPagination,
+    caption
+  } = props;
+  const ariaLabel = props["aria-label"];
+  const ariaLabelledBy = props["aria-labelledby"];
+  const { sort, setSort, pagination, setPagination, selected, setSelected, isServerSide } = useTableState(props);
+  const sortedRows = react.useMemo(() => {
+    if (isServerSide || sort.columnId === null) return data;
+    const col = columns.find((c) => c.id === sort.columnId);
+    if (!col) return data;
+    const get = resolveSortGetter(col);
+    if (!get) return data;
+    const tagged = data.map((row, index) => ({ row, index }));
+    tagged.sort((a, b) => {
+      const cmp = compareValues(get(a.row), get(b.row));
+      if (cmp !== 0) return sort.direction === "asc" ? cmp : -cmp;
+      return a.index - b.index;
+    });
+    return tagged.map((entry) => entry.row);
+  }, [data, columns, sort, isServerSide]);
+  const pagedRows = react.useMemo(() => {
+    if (isServerSide) return sortedRows;
+    const start = pagination.pageIndex * pagination.pageSize;
+    return sortedRows.slice(start, start + pagination.pageSize);
+  }, [sortedRows, pagination, isServerSide]);
+  const totalRowCount = isServerSide ? props.totalCount ?? 0 : data.length;
+  const pageCount = Math.max(1, Math.ceil(totalRowCount / pagination.pageSize));
+  const selectableRowIds = react.useMemo(() => {
+    if (!enableRowSelection) return [];
+    return pagedRows.map((row, index) => ({ row, index })).filter(({ row }) => isRowSelectable ? isRowSelectable(row) : true).map(({ row, index }) => getRowId(row, index));
+  }, [pagedRows, enableRowSelection, isRowSelectable, getRowId]);
+  const selectedOnPageCount = selectableRowIds.reduce(
+    (acc, id) => selected.has(id) ? acc + 1 : acc,
+    0
+  );
+  const allOnPageSelected = selectableRowIds.length > 0 && selectedOnPageCount === selectableRowIds.length;
+  const someOnPageSelected = selectedOnPageCount > 0 && !allOnPageSelected;
+  const selectedRowsInData = react.useMemo(() => {
+    if (selected.size === 0) return [];
+    return data.filter((row, index) => selected.has(getRowId(row, index)));
+  }, [data, selected, getRowId]);
+  const toggleHeader = (next) => {
+    const updated = new Set(selected);
+    if (next) {
+      for (const id of selectableRowIds) updated.add(id);
+    } else {
+      for (const id of selectableRowIds) updated.delete(id);
+    }
+    setSelected(updated);
+  };
+  const toggleRow = (id, next) => {
+    const updated = new Set(selected);
+    if (next) updated.add(id);
+    else updated.delete(id);
+    setSelected(updated);
+  };
+  const clearSelection = () => setSelected(/* @__PURE__ */ new Set());
+  const handleSortClick = (columnId) => {
+    setSort(nextSort(sort, columnId));
+  };
+  const totalColumnCount = columns.length + (enableRowSelection ? 1 : 0);
+  const paginationVisible = showPagination ?? totalRowCount > pagination.pageSize;
+  const sizeClasses = tableSizeClass[size];
+  const showToolbar = enableRowSelection && bulkActions !== void 0 && selected.size > 0;
+  const skeletonCount = loadingRowCount ?? pagination.pageSize;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex w-full flex-col gap-3", className), children: [
+    showToolbar && /* @__PURE__ */ jsxRuntime.jsx(
+      Toolbar,
+      {
+        count: selected.size,
+        onClear: clearSelection,
+        renderLabel: renderSelectionLabel,
+        clearLabel: clearSelectionLabel,
+        children: bulkActions(selectedRowsInData)
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: cn(
+          "overflow-x-auto rounded-md border border-border bg-background",
+          maxHeight !== void 0 && "overflow-y-auto"
+        ),
+        style: maxHeight !== void 0 ? { maxHeight } : void 0,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "table",
+          {
+            ref: tableRef,
+            "aria-label": ariaLabel,
+            "aria-labelledby": ariaLabelledBy,
+            "aria-rowcount": totalRowCount,
+            className: cn(tableBaseClass, "text-sm text-foreground", tableClassName),
+            children: [
+              caption ? /* @__PURE__ */ jsxRuntime.jsx("caption", { className: "sr-only", children: caption }) : null,
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "thead",
+                {
+                  className: cn(
+                    "bg-muted/40 text-muted-foreground",
+                    maxHeight !== void 0 && "sticky top-0 z-10"
+                  ),
+                  children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+                    enableRowSelection ? /* @__PURE__ */ jsxRuntime.jsx("th", { scope: "col", className: cn("w-10", sizeClasses.head), children: /* @__PURE__ */ jsxRuntime.jsx(
+                      Checkbox,
+                      {
+                        "aria-label": "Select all rows on this page",
+                        checked: allOnPageSelected,
+                        indeterminate: someOnPageSelected,
+                        disabled: selectableRowIds.length === 0,
+                        onCheckedChange: toggleHeader
+                      }
+                    ) }) : null,
+                    columns.map((column) => {
+                      const isSorted = sort.columnId === column.id;
+                      const ariaSort = isSorted ? sort.direction === "asc" ? "ascending" : "descending" : "none";
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        "th",
+                        {
+                          scope: "col",
+                          "aria-sort": column.sortable ? ariaSort : void 0,
+                          className: cn(
+                            sizeClasses.head,
+                            alignClass[column.align ?? "start"],
+                            column.className
+                          ),
+                          children: column.sortable ? /* @__PURE__ */ jsxRuntime.jsxs(
+                            "button",
+                            {
+                              type: "button",
+                              onClick: () => handleSortClick(column.id),
+                              className: "inline-flex items-center gap-1.5 font-inherit uppercase tracking-inherit text-inherit hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+                              "aria-label": sortAriaLabel(column, sort),
+                              children: [
+                                /* @__PURE__ */ jsxRuntime.jsx("span", { children: renderHeader(column.header) }),
+                                /* @__PURE__ */ jsxRuntime.jsx(
+                                  SortIndicator,
+                                  {
+                                    active: isSorted,
+                                    direction: isSorted ? sort.direction : null
+                                  }
+                                )
+                              ]
+                            }
+                          ) : renderHeader(column.header)
+                        },
+                        column.id
+                      );
+                    })
+                  ] })
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: loading ? /* @__PURE__ */ jsxRuntime.jsx(
+                SkeletonRows,
+                {
+                  rowCount: skeletonCount,
+                  columnCount: totalColumnCount,
+                  cellClassName: sizeClasses.cell
+                }
+              ) : pagedRows.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                "td",
+                {
+                  colSpan: totalColumnCount,
+                  className: cn(sizeClasses.cell, "py-10 text-center text-muted-foreground"),
+                  children: emptyState ?? "No data"
+                }
+              ) }) : pagedRows.map((row, rowIndex) => {
+                const id = getRowId(row, rowIndex);
+                const isSelected = selected.has(id);
+                const rowSelectable = isRowSelectable ? isRowSelectable(row) : true;
+                return /* @__PURE__ */ jsxRuntime.jsxs(
+                  "tr",
+                  {
+                    "data-selected": isSelected ? "true" : void 0,
+                    "aria-selected": enableRowSelection ? isSelected : void 0,
+                    className: cn(
+                      "border-t border-border transition-colors",
+                      "hover:bg-accent",
+                      striped && rowIndex % 2 === 1 && "bg-muted/20",
+                      isSelected && selectedRowClass,
+                      onRowClick && "cursor-pointer"
+                    ),
+                    onClick: onRowClick ? () => onRowClick(row, rowIndex) : void 0,
+                    children: [
+                      enableRowSelection ? /* @__PURE__ */ jsxRuntime.jsx("td", { className: cn(sizeClasses.cell, "w-10"), children: /* @__PURE__ */ jsxRuntime.jsx(
+                        Checkbox,
+                        {
+                          "aria-label": `Select row ${rowIndex + 1}`,
+                          checked: isSelected,
+                          disabled: !rowSelectable,
+                          onCheckedChange: (next) => toggleRow(id, next),
+                          onClick: stopRowClickPropagation
+                        }
+                      ) }) : null,
+                      columns.map((column) => /* @__PURE__ */ jsxRuntime.jsx(
+                        "td",
+                        {
+                          className: cn(
+                            sizeClasses.cell,
+                            alignClass[column.align ?? "start"],
+                            column.className
+                          ),
+                          children: renderCell(column, row, rowIndex)
+                        },
+                        column.id
+                      ))
+                    ]
+                  },
+                  id
+                );
+              }) })
+            ]
+          }
+        )
+      }
+    ),
+    paginationVisible ? /* @__PURE__ */ jsxRuntime.jsx(
+      Pagination,
+      {
+        pageIndex: pagination.pageIndex,
+        pageSize: pagination.pageSize,
+        pageCount,
+        totalRowCount,
+        pageSizeOptions,
+        onChange: setPagination
+      }
+    ) : null
+  ] });
+}
+function renderHeader(header) {
+  return typeof header === "function" ? header() : header;
+}
+function renderCell(column, row, rowIndex) {
+  if (column.render) return column.render(row, rowIndex);
+  if (column.accessor !== void 0) {
+    const value = row[column.accessor];
+    return value === null || value === void 0 ? "" : String(value);
+  }
+  return null;
+}
+function resolveSortGetter(column) {
+  if (column.sortAccessor) return column.sortAccessor;
+  if (column.accessor !== void 0) {
+    const key = column.accessor;
+    return (row) => row[key];
+  }
+  return null;
+}
+function compareValues(a, b) {
+  if (a === b) return 0;
+  if (a === null || a === void 0) return 1;
+  if (b === null || b === void 0) return -1;
+  if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();
+  if (typeof a === "number" && typeof b === "number") return a - b;
+  if (typeof a === "bigint" && typeof b === "bigint") return a < b ? -1 : 1;
+  if (typeof a === "boolean" && typeof b === "boolean") return a === b ? 0 : a ? 1 : -1;
+  return String(a).localeCompare(String(b), void 0, { numeric: true, sensitivity: "base" });
+}
+function nextSort(current, columnId) {
+  if (current.columnId !== columnId) return { columnId, direction: "asc" };
+  if (current.direction === "asc") return { columnId, direction: "desc" };
+  return { columnId: null, direction: "asc" };
+}
+function sortAriaLabel(column, sort) {
+  const headerText = typeof column.header === "string" ? column.header : column.id;
+  if (sort.columnId !== column.id) return `Sort by ${headerText}`;
+  return sort.direction === "asc" ? `Sort by ${headerText}, currently ascending` : `Sort by ${headerText}, currently descending`;
+}
+function stopRowClickPropagation(event) {
+  event.stopPropagation();
+}
+function SkeletonRows({ rowCount, columnCount, cellClassName }) {
+  const rowKeys = Array.from({ length: Math.max(0, rowCount) }, (_, i) => `skeleton-row-${i}`);
+  const colKeys = Array.from({ length: Math.max(1, columnCount) }, (_, i) => `skeleton-col-${i}`);
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rowKeys.map((rowKey) => /* @__PURE__ */ jsxRuntime.jsx("tr", { className: "border-t border-border", "data-testid": "table-skeleton-row", children: colKeys.map((colKey) => /* @__PURE__ */ jsxRuntime.jsx("td", { className: cellClassName, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block h-3 w-full animate-pulse rounded bg-muted" }) }, `${rowKey}-${colKey}`)) }, rowKey)) });
+}
+function SortIndicator({ active, direction }) {
+  const className = cn(
+    "h-3.5 w-3.5 shrink-0",
+    active ? "text-foreground" : "text-muted-foreground"
+  );
+  if (!active) return /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronsUpDown, { "aria-hidden": "true", className });
+  return direction === "asc" ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronUp, { "aria-hidden": "true", className }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { "aria-hidden": "true", className });
+}
+
+exports.AppShell = AppShell;
+exports.Avatar = Avatar;
+exports.Button = Button;
+exports.Checkbox = Checkbox;
+exports.DashboardContent = DashboardContent;
+exports.DashboardHeader = DashboardHeader;
+exports.DashboardLayout = DashboardLayout;
+exports.DashboardMain = DashboardMain;
+exports.HeaderActions = HeaderActions;
+exports.HeaderCollapseTrigger = HeaderCollapseTrigger;
+exports.HeaderMobileTrigger = HeaderMobileTrigger;
+exports.HeaderSearch = HeaderSearch;
+exports.HeaderTitle = HeaderTitle;
+exports.Sidebar = Sidebar;
+exports.SidebarFooter = SidebarFooter;
+exports.SidebarGroup = SidebarGroup;
+exports.SidebarHeader = SidebarHeader;
+exports.SidebarNav = SidebarNav;
+exports.SidebarNavGroup = SidebarNavGroup;
+exports.SidebarNavItem = SidebarNavItem;
+exports.Table = Table;
+exports.buttonBaseClass = buttonBaseClass;
+exports.buttonSizeClass = buttonSizeClass;
+exports.buttonVariantClass = buttonVariantClass;
+exports.cn = cn;
+exports.tableAlignClass = alignClass;
+exports.tableBaseClass = tableBaseClass;
+exports.tableSelectedRowClass = selectedRowClass;
+exports.tableSizeClass = tableSizeClass;
+exports.tableSortIconClass = sortIconClass;
+exports.useDashboardLayout = useDashboardLayout;
+exports.useDirection = useDirection;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map