"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/list-page-view-frame.tsx
import { jsx } from "react/jsx-runtime";
var LIST_PAGE_VIEW_FRAME_GUTTER = "mx-4 mb-6 lg:mx-6";
var LIST_PAGE_VIEW_FRAME_MAX_WIDE = "max-w-7xl";
function ListPageViewFrame({
  children,
  className,
  maxWidthClassName,
  gutterClassName = LIST_PAGE_VIEW_FRAME_GUTTER,
  ...rest
}) {
  return /* @__PURE__ */ jsx("div", { className: cn(gutterClassName, className), ...rest, children: maxWidthClassName ? /* @__PURE__ */ jsx("div", { className: cn("mx-auto w-full min-w-0", maxWidthClassName), children }) : children });
}

// src/components/data-views/list-page-split-hub-chrome.tsx
import { jsx as jsx2 } from "react/jsx-runtime";
var LIST_PAGE_SPLIT_HUB_HEIGHT_STYLE = {
  height: "calc(100vh - 280px)",
  minHeight: 420
};
var SURFACE_CLASS = "flex min-h-0 flex-1 flex-col overflow-hidden rounded-xl border border-border bg-card";
function ListPageSplitHubChrome({
  children,
  "aria-label": ariaLabel,
  gutterClassName = LIST_PAGE_VIEW_FRAME_GUTTER,
  maxWidthClassName = LIST_PAGE_VIEW_FRAME_MAX_WIDE,
  surfaceStyle,
  surfaceClassName
}) {
  return /* @__PURE__ */ jsx2(
    ListPageViewFrame,
    {
      gutterClassName,
      maxWidthClassName,
      className: "flex min-h-0 flex-1 flex-col",
      children: /* @__PURE__ */ jsx2(
        "div",
        {
          className: cn(SURFACE_CLASS, surfaceClassName),
          style: { ...LIST_PAGE_SPLIT_HUB_HEIGHT_STYLE, ...surfaceStyle },
          "aria-label": ariaLabel,
          children
        }
      )
    }
  );
}
export {
  LIST_PAGE_SPLIT_HUB_HEIGHT_STYLE,
  ListPageSplitHubChrome
};
//# sourceMappingURL=list-page-split-hub-chrome.js.map