"use client";

// src/lib/utils.ts
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
function cn(...inputs) {
  return twMerge(clsx(inputs));
}

// src/components/ui/skeleton.tsx
import { jsx } from "react/jsx-runtime";
function Skeleton({ className, ...props }) {
  return /* @__PURE__ */ jsx(
    "div",
    {
      "data-slot": "skeleton",
      className: cn("animate-pulse rounded-md bg-muted", className),
      ...props
    }
  );
}

// src/components/templates/list-page-loading-fallback.tsx
import { jsx as jsx2, jsxs } from "react/jsx-runtime";
function ListPageLoadingFallback({
  showMetrics = true,
  tabCount = 4,
  rowCount = 6,
  className
}) {
  return /* @__PURE__ */ jsxs("div", { className: cn("flex min-h-0 flex-1 flex-col", className), "aria-busy": "true", "aria-label": "Loading hub", children: [
    /* @__PURE__ */ jsxs("div", { className: "mx-4 mt-4 lg:mx-6", children: [
      /* @__PURE__ */ jsx2(Skeleton, { className: "h-9 w-72 max-w-full" }),
      /* @__PURE__ */ jsxs("div", { className: "mt-2 flex items-center gap-2", children: [
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-5 w-40" }),
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-5 w-24" })
      ] })
    ] }),
    showMetrics && /* @__PURE__ */ jsx2("div", { className: "mx-4 mt-4 lg:mx-6", children: /* @__PURE__ */ jsx2("div", { className: "grid grid-cols-2 gap-3 sm:grid-cols-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card p-3", children: [
      /* @__PURE__ */ jsx2(Skeleton, { className: "h-4 w-16" }),
      /* @__PURE__ */ jsx2(Skeleton, { className: "mt-2 h-7 w-20" }),
      /* @__PURE__ */ jsx2(Skeleton, { className: "mt-1 h-3 w-24" })
    ] }, i)) }) }),
    /* @__PURE__ */ jsx2("div", { className: "mx-4 mt-4 lg:mx-6", children: /* @__PURE__ */ jsxs("div", { className: "flex w-max items-center gap-1 py-1.5", children: [
      Array.from({ length: tabCount }).map((_, i) => /* @__PURE__ */ jsxs(
        "div",
        {
          className: "inline-flex h-8 min-w-[92px] items-center gap-2 rounded-md border border-border bg-muted/30 px-3",
          children: [
            /* @__PURE__ */ jsx2(Skeleton, { className: "size-3.5 rounded" }),
            /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-12" }),
            /* @__PURE__ */ jsx2(Skeleton, { className: "ms-1 h-4 w-6 rounded-full" })
          ]
        },
        i
      )),
      /* @__PURE__ */ jsxs("div", { className: "inline-flex h-8 items-center gap-1.5 rounded-md px-2 text-muted-foreground", children: [
        /* @__PURE__ */ jsx2(Skeleton, { className: "size-3.5 rounded" }),
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-14" })
      ] })
    ] }) }),
    /* @__PURE__ */ jsx2("div", { className: "mx-4 mt-2 min-h-0 flex-1 overflow-hidden lg:mx-6", children: /* @__PURE__ */ jsxs("div", { className: "rounded-t-lg border border-b-0 border-border bg-card", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex h-9 items-center border-b border-border bg-dt-header-bg px-3 text-xs", children: [
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-4" }),
        /* @__PURE__ */ jsxs("div", { className: "ms-4 flex flex-1 items-center gap-4", children: [
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-28" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-20" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-16" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-24" })
        ] }),
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3 w-8" })
      ] }),
      Array.from({ length: rowCount }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex h-11 items-center border-b border-border px-3 last:border-b-0", children: [
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-4" }),
        /* @__PURE__ */ jsxs("div", { className: "ms-4 flex flex-1 items-center gap-4", children: [
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-44" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-28" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-16" }),
          /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-20" })
        ] }),
        /* @__PURE__ */ jsx2(Skeleton, { className: "h-3.5 w-6" })
      ] }, i))
    ] }) })
  ] });
}
export {
  ListPageLoadingFallback
};
//# sourceMappingURL=list-page-loading-fallback.js.map