@pipe0/react 0.0.2

package/dist/components/compound/pipe-catalog/column-filter.mjs

@@ -0,0 +1,66 @@
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { DefaultFilterSelect } from "../../defaults/catalog/filter-select.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/column-filter.tsx
+function getDefaultOptions(id, ctx) {
+	let entries = [];
+	switch (id) {
+		case "inputFields":
+			entries = ctx.sortedInputFieldEntries;
+			break;
+		case "outputFields":
+			entries = ctx.sortedOutputFieldEntries;
+			break;
+		case "providers":
+			entries = ctx.sortedProviderEntries;
+			break;
+		case "tags":
+			entries = ctx.sortedTagEntries;
+			break;
+	}
+	return entries.map(([name]) => ({
+		label: name,
+		value: name
+	}));
+}
+/**
+* Generic column-filter escape hatch. For built-in filters prefer the specific
+* components: `<PipeCatalogInputFieldFilter>`, `<PipeCatalogOutputFieldFilter>`,
+* `<PipeCatalogProviderFilter>`, `<PipeCatalogTagFilter>`.
+*/
+function PipeCatalogColumnFilter({ id, placeholder, options, className, render }) {
+	const ctx = usePipeCatalogContext();
+	const value = ctx.getColumnFilterValue(id) || "";
+	const resolvedOptions = options ?? getDefaultOptions(id, ctx);
+	const setValue = (v) => {
+		if (v == null) ctx.removeColumnFilter(id);
+		else ctx.addColumnFilter(id, v);
+	};
+	if (render) return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: {
+			value,
+			setValue,
+			options: resolvedOptions,
+			isActive: !!value
+		},
+		props: {
+			"data-p0": `catalog-column-filter-${id}`,
+			className
+		}
+	});
+	return /* @__PURE__ */ jsx(DefaultFilterSelect, {
+		placeholder,
+		value,
+		onChange: setValue,
+		options: resolvedOptions,
+		className
+	});
+}
+
+//#endregion
+export { PipeCatalogColumnFilter };
+//# sourceMappingURL=column-filter.mjs.map

package/dist/components/compound/pipe-catalog/column-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/column-filter.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport {\n  DefaultFilterSelect,\n  type FilterSelectOption,\n} from \"../../defaults/catalog/filter-select.js\";\n\nexport type PipeColumnFilterId = \"inputFields\" | \"outputFields\" | \"providers\" | \"tags\";\n\n/**\n * Render-prop state shared by every specific column filter component\n * (input/output/provider/tag) and the generic `<PipeCatalogColumnFilter>`.\n */\nexport interface ColumnFilterState {\n  value: string;\n  setValue: (v: string | null) => void;\n  options: ReadonlyArray<FilterSelectOption>;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogColumnFilterProps {\n  id: PipeColumnFilterId;\n  placeholder?: ReactNode;\n  options?: ReadonlyArray<FilterSelectOption>;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nfunction getDefaultOptions(\n  id: PipeColumnFilterId,\n  ctx: ReturnType<typeof usePipeCatalogContext>,\n): FilterSelectOption[] {\n  let entries: ReadonlyArray<readonly [string, unknown]> = [];\n  switch (id) {\n    case \"inputFields\":\n      entries = ctx.sortedInputFieldEntries;\n      break;\n    case \"outputFields\":\n      entries = ctx.sortedOutputFieldEntries;\n      break;\n    case \"providers\":\n      entries = ctx.sortedProviderEntries;\n      break;\n    case \"tags\":\n      entries = ctx.sortedTagEntries;\n      break;\n  }\n  return entries.map(([name]) => ({ label: name, value: name }));\n}\n\n/**\n * Generic column-filter escape hatch. For built-in filters prefer the specific\n * components: `<PipeCatalogInputFieldFilter>`, `<PipeCatalogOutputFieldFilter>`,\n * `<PipeCatalogProviderFilter>`, `<PipeCatalogTagFilter>`.\n */\nexport function PipeCatalogColumnFilter({\n  id,\n  placeholder,\n  options,\n  className,\n  render,\n}: PipeCatalogColumnFilterProps) {\n  const ctx = usePipeCatalogContext();\n  const value = ctx.getColumnFilterValue(id) || \"\";\n  const resolvedOptions = options ?? getDefaultOptions(id, ctx);\n  const setValue = (v: string | null) => {\n    if (v == null) ctx.removeColumnFilter(id);\n    else ctx.addColumnFilter(id, v);\n  };\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: {\n        value,\n        setValue,\n        options: resolvedOptions,\n        isActive: !!value,\n      },\n      props: {\n        \"data-p0\": `catalog-column-filter-${id}`,\n        className,\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  return (\n    <DefaultFilterSelect\n      placeholder={placeholder}\n      value={value}\n      onChange={setValue}\n      options={resolvedOptions}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;AA6BA,SAAS,kBACP,IACA,KACsB;CACtB,IAAI,UAAqD,EAAE;AAC3D,SAAQ,IAAR;EACE,KAAK;AACH,aAAU,IAAI;AACd;EACF,KAAK;AACH,aAAU,IAAI;AACd;EACF,KAAK;AACH,aAAU,IAAI;AACd;EACF,KAAK;AACH,aAAU,IAAI;AACd;;AAEJ,QAAO,QAAQ,KAAK,CAAC,WAAW;EAAE,OAAO;EAAM,OAAO;EAAM,EAAE;;;;;;;AAQhE,SAAgB,wBAAwB,EACtC,IACA,aACA,SACA,WACA,UAC+B;CAC/B,MAAM,MAAM,uBAAuB;CACnC,MAAM,QAAQ,IAAI,qBAAqB,GAAG,IAAI;CAC9C,MAAM,kBAAkB,WAAW,kBAAkB,IAAI,IAAI;CAC7D,MAAM,YAAY,MAAqB;AACrC,MAAI,KAAK,KAAM,KAAI,mBAAmB,GAAG;MACpC,KAAI,gBAAgB,IAAI,EAAE;;AAGjC,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA;GACA,SAAS;GACT,UAAU,CAAC,CAAC;GACb;EACD,OAAO;GACL,WAAW,yBAAyB;GACpC;GACD;EACF,CAAC;AAGJ,QACE,oBAAC,qBAAD;EACe;EACN;EACP,UAAU;EACV,SAAS;EACE;EACX"}

package/dist/components/compound/pipe-catalog/column-filters.d.mts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/column-filters.d.ts
+interface PipeCatalogColumnFiltersProps {
+  /** Render custom filters. When omitted, the default set (output, input, provider) is rendered. */
+  children?: ReactNode;
+  className?: string;
+}
+declare function PipeCatalogColumnFilters({
+  children,
+  className
+}: PipeCatalogColumnFiltersProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalogColumnFilters, PipeCatalogColumnFiltersProps };
+//# sourceMappingURL=column-filters.d.mts.map

package/dist/components/compound/pipe-catalog/column-filters.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-filters.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/column-filters.tsx"],"mappings":";;;;UAMiB,6BAAA;;EAEf,QAAA,GAAW,SAAA;EACX,SAAA;AAAA;AAAA,iBAGc,wBAAA,CAAA;EAA2B,QAAA;EAAU;AAAA,GAAa,6BAAA,GAA6B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-catalog/column-filters.mjs

@@ -0,0 +1,21 @@
+import { DefaultCatalogFilters } from "../../defaults/catalog/layout.mjs";
+import { PipeCatalogInputFieldFilter } from "./input-field-filter.mjs";
+import { PipeCatalogOutputFieldFilter } from "./output-field-filter.mjs";
+import { PipeCatalogProviderFilter } from "./provider-filter.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/column-filters.tsx
+function PipeCatalogColumnFilters({ children, className }) {
+	return /* @__PURE__ */ jsx(DefaultCatalogFilters, {
+		className,
+		children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(PipeCatalogOutputFieldFilter, {}),
+			/* @__PURE__ */ jsx(PipeCatalogInputFieldFilter, {}),
+			/* @__PURE__ */ jsx(PipeCatalogProviderFilter, {})
+		] })
+	});
+}
+
+//#endregion
+export { PipeCatalogColumnFilters };
+//# sourceMappingURL=column-filters.mjs.map

package/dist/components/compound/pipe-catalog/column-filters.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-filters.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/column-filters.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { DefaultCatalogFilters } from \"../../defaults/catalog/layout.js\";\nimport { PipeCatalogInputFieldFilter } from \"./input-field-filter.js\";\nimport { PipeCatalogOutputFieldFilter } from \"./output-field-filter.js\";\nimport { PipeCatalogProviderFilter } from \"./provider-filter.js\";\n\nexport interface PipeCatalogColumnFiltersProps {\n  /** Render custom filters. When omitted, the default set (output, input, provider) is rendered. */\n  children?: ReactNode;\n  className?: string;\n}\n\nexport function PipeCatalogColumnFilters({ children, className }: PipeCatalogColumnFiltersProps) {\n  return (\n    <DefaultCatalogFilters className={className}>\n      {children ?? (\n        <>\n          <PipeCatalogOutputFieldFilter />\n          <PipeCatalogInputFieldFilter />\n          <PipeCatalogProviderFilter />\n        </>\n      )}\n    </DefaultCatalogFilters>\n  );\n}\n"],"mappings":";;;;;;;AAYA,SAAgB,yBAAyB,EAAE,UAAU,aAA4C;AAC/F,QACE,oBAAC,uBAAD;EAAkC;YAC/B,YACC;GACE,oBAAC,8BAAD,EAAgC;GAChC,oBAAC,6BAAD,EAA+B;GAC/B,oBAAC,2BAAD,EAA6B;GAC5B;EAEiB"}

package/dist/components/compound/pipe-catalog/empty.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import * as _$react from "react";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/empty.d.ts
+interface PipeCatalogEmptyState {
+  visible: boolean;
+}
+interface PipeCatalogEmptyProps {
+  children?: ReactNode;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, PipeCatalogEmptyState>;
+}
+declare function PipeCatalogEmpty({
+  children,
+  className,
+  render
+}: PipeCatalogEmptyProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null | undefined;
+//#endregion
+export { PipeCatalogEmpty, PipeCatalogEmptyProps, PipeCatalogEmptyState };
+//# sourceMappingURL=empty.d.mts.map

package/dist/components/compound/pipe-catalog/empty.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/empty.tsx"],"mappings":";;;;;;UAMiB,qBAAA;EACf,OAAA;AAAA;AAAA,UAGe,qBAAA;EACf,QAAA,GAAW,SAAA;EACX,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,qBAAA;AAAA;AAAA,iBAG7B,gBAAA,CAAA;EAAmB,QAAA;EAAU,SAAA;EAAW;AAAA,GAAU,qBAAA,wCAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,SAAA"}

package/dist/components/compound/pipe-catalog/empty.mjs

@@ -0,0 +1,31 @@
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { DefaultEmptyState } from "../../defaults/catalog/empty-state.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/empty.tsx
+function PipeCatalogEmpty({ children, className, render }) {
+	const { components } = useCatalogConfig();
+	const visible = usePipeCatalogContext().table.getRowModel().rows.length === 0;
+	if (!visible) return null;
+	if (render) return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: { visible },
+		props: {
+			"data-p0": "catalog-empty",
+			className
+		}
+	});
+	const EmptyState = components?.EmptyState;
+	if (EmptyState) return /* @__PURE__ */ jsx(EmptyState, { children });
+	return /* @__PURE__ */ jsx(DefaultEmptyState, {
+		className,
+		children: children ?? "No pipes found. Try adjusting your filters."
+	});
+}
+
+//#endregion
+export { PipeCatalogEmpty };
+//# sourceMappingURL=empty.mjs.map

package/dist/components/compound/pipe-catalog/empty.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/empty.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface PipeCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface PipeCatalogEmptyProps {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, PipeCatalogEmptyState>;\n}\n\nexport function PipeCatalogEmpty({ children, className, render }: PipeCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = usePipeCatalogContext();\n  const visible = ctx.table.getRowModel().rows.length === 0;\n  if (!visible) return null;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: { visible },\n      props: {\n        \"data-p0\": \"catalog-empty\",\n        className,\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  const EmptyState = components?.EmptyState;\n  if (EmptyState) return <EmptyState>{children}</EmptyState>;\n\n  return (\n    <DefaultEmptyState className={className}>\n      {children ?? \"No pipes found. Try adjusting your filters.\"}\n    </DefaultEmptyState>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,UAAiC;CACvF,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,uBAAuB,CACf,MAAM,aAAa,CAAC,KAAK,WAAW;AACxD,KAAI,CAAC,QAAS,QAAO;AAErB,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO;GACL,WAAW;GACX;GACD;EACF,CAAC;CAGJ,MAAM,aAAa,YAAY;AAC/B,KAAI,WAAY,QAAO,oBAAC,YAAD,EAAa,UAAsB;AAE1D,QACE,oBAAC,mBAAD;EAA8B;YAC3B,YAAY;EACK"}

package/dist/components/compound/pipe-catalog/index.d.mts

@@ -0,0 +1,13 @@
+import { ActiveFilter, PipeCatalogActiveFilters, PipeCatalogActiveFiltersProps, PipeCatalogActiveFiltersState } from "./active-filters.mjs";
+import { PipeCatalogCard, PipeCatalogCardProps } from "./card.mjs";
+import { PipeCatalogCategoryFilter, PipeCatalogCategoryFilterProps, PipeCatalogCategoryFilterState } from "./category-filter.mjs";
+import { ColumnFilterState, PipeCatalogColumnFilter, PipeCatalogColumnFilterProps, PipeColumnFilterId } from "./column-filter.mjs";
+import { PipeCatalogColumnFilters, PipeCatalogColumnFiltersProps } from "./column-filters.mjs";
+import { PipeCatalogEmpty, PipeCatalogEmptyProps, PipeCatalogEmptyState } from "./empty.mjs";
+import { PipeCatalogInputFieldFilter, PipeCatalogInputFieldFilterProps } from "./input-field-filter.mjs";
+import { PipeCatalogList, PipeCatalogListProps, PipeCatalogListState } from "./list.mjs";
+import { PipeCatalogOutputFieldFilter, PipeCatalogOutputFieldFilterProps } from "./output-field-filter.mjs";
+import { PipeCatalogProviderFilter, PipeCatalogProviderFilterProps } from "./provider-filter.mjs";
+import { PipeCatalog, PipeCatalogInstanceProps, PipeCatalogLegacyProps, PipeCatalogProps } from "./root.mjs";
+import { PipeCatalogSearchFilter, PipeCatalogSearchFilterProps, PipeCatalogSearchFilterState } from "./search-filter.mjs";
+import { PipeCatalogTagFilter, PipeCatalogTagFilterProps } from "./tag-filter.mjs";

package/dist/components/compound/pipe-catalog/index.mjs

@@ -0,0 +1,15 @@
+import { PipeCatalogActiveFilters } from "./active-filters.mjs";
+import { PipeCatalogCard } from "./card.mjs";
+import { PipeCatalogCategoryFilter } from "./category-filter.mjs";
+import { PipeCatalogColumnFilter } from "./column-filter.mjs";
+import { PipeCatalogInputFieldFilter } from "./input-field-filter.mjs";
+import { PipeCatalogOutputFieldFilter } from "./output-field-filter.mjs";
+import { PipeCatalogProviderFilter } from "./provider-filter.mjs";
+import { PipeCatalogColumnFilters } from "./column-filters.mjs";
+import { PipeCatalogEmpty } from "./empty.mjs";
+import { PipeCatalogList } from "./list.mjs";
+import { PipeCatalogSearchFilter } from "./search-filter.mjs";
+import { PipeCatalog } from "./root.mjs";
+import { PipeCatalogTagFilter } from "./tag-filter.mjs";
+
+export {  };

package/dist/components/compound/pipe-catalog/input-field-filter.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { FilterSelectOption } from "../../defaults/catalog/filter-select.mjs";
+import { ColumnFilterState } from "./column-filter.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/input-field-filter.d.ts
+interface PipeCatalogInputFieldFilterProps {
+  options?: ReadonlyArray<FilterSelectOption>;
+  placeholder?: ReactNode;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+}
+declare function PipeCatalogInputFieldFilter({
+  options,
+  placeholder,
+  className,
+  render
+}: PipeCatalogInputFieldFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalogInputFieldFilter, PipeCatalogInputFieldFilterProps };
+//# sourceMappingURL=input-field-filter.d.mts.map

package/dist/components/compound/pipe-catalog/input-field-filter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field-filter.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/input-field-filter.tsx"],"mappings":";;;;;;;UAMiB,gCAAA;EACf,OAAA,GAAU,aAAA,CAAc,kBAAA;EACxB,WAAA,GAAc,SAAA;EACd,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,iBAAA;AAAA;AAAA,iBAS7B,2BAAA,CAAA;EACd,OAAA;EACA,WAAA;EACA,SAAA;EACA;AAAA,GACC,gCAAA,GAAgC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-catalog/input-field-filter.mjs

@@ -0,0 +1,22 @@
+import { PipeCatalogColumnFilter } from "./column-filter.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowUp } from "lucide-react";
+
+//#region src/components/compound/pipe-catalog/input-field-filter.tsx
+const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {
+	className: "pz:inline-flex pz:items-center pz:gap-1.5",
+	children: [/* @__PURE__ */ jsx(ArrowUp, { className: "pz:size-4" }), " Input fields"]
+});
+function PipeCatalogInputFieldFilter({ options, placeholder = DEFAULT_PLACEHOLDER, className, render }) {
+	return /* @__PURE__ */ jsx(PipeCatalogColumnFilter, {
+		id: "inputFields",
+		placeholder,
+		options,
+		className,
+		render
+	});
+}
+
+//#endregion
+export { PipeCatalogInputFieldFilter };
+//# sourceMappingURL=input-field-filter.mjs.map

package/dist/components/compound/pipe-catalog/input-field-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/input-field-filter.tsx"],"sourcesContent":["import { ArrowUp } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport type { RenderProp } from \"../../../utils/render-slot.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogInputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowUp className=\"pz:size-4\" /> Input fields\n  </span>\n);\n\nexport function PipeCatalogInputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogInputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"inputFields\"\n      placeholder={placeholder}\n      options={options}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,SAAD,EAAS,WAAU,aAAc,mBAC5B;;AAGT,SAAgB,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;AACnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

package/dist/components/compound/pipe-catalog/list.d.mts

@@ -0,0 +1,34 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { PipeCardData } from "../../../types/catalog-adapters.mjs";
+import { ComponentProps, ReactNode } from "react";
+
+//#region src/components/compound/pipe-catalog/list.d.ts
+interface PipeCatalogListState {
+  cards: PipeCardData[];
+}
+interface PipeCatalogListProps {
+  /**
+   * Optional. Receives `{ cards, ...domProps }` merged into a single object.
+   * Destructure `cards` and spread the rest onto your container.
+   *
+   * When omitted, the default render iterates `cards` and renders a
+   * `<PipeCatalogCard>` per card inside a flex column.
+   *
+   * ```tsx
+   * <PipeCatalogList render={({ cards, ...props }) => (
+   *   <div {...props} className="grid grid-cols-1 gap-3">
+   *     {cards.map(card => <PipeCatalogCard key={card.pipeId} card={card} />)}
+   *   </div>
+   * )} />
+   * ```
+   */
+  render?: RenderProp<ComponentProps<"div">, PipeCatalogListState>;
+  className?: string;
+}
+declare function PipeCatalogList({
+  render,
+  className
+}: PipeCatalogListProps): ReactNode;
+//#endregion
+export { PipeCatalogList, PipeCatalogListProps, PipeCatalogListState };
+//# sourceMappingURL=list.d.mts.map

package/dist/components/compound/pipe-catalog/list.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/list.tsx"],"mappings":";;;;;UAOiB,oBAAA;EACf,KAAA,EAAO,YAAA;AAAA;AAAA,UAGQ,oBAAA;;;;AAAjB;;;;;;;;;;;;EAgBE,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,oBAAA;EAC3C,SAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EAAkB,MAAA;EAAQ;AAAA,GAAa,oBAAA,GAAuB,SAAA"}

package/dist/components/compound/pipe-catalog/list.mjs

@@ -0,0 +1,29 @@
+import { cn } from "../../../lib/utils.mjs";
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { PipeCatalogCard } from "./card.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/list.tsx
+function PipeCatalogList({ render, className }) {
+	const { cards } = usePipeCatalogContext();
+	if (cards.length === 0) return null;
+	if (render) return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: { cards },
+		props: {
+			"data-p0": "catalog-list",
+			className: cn("pz:flex pz:flex-col pz:gap-2", className)
+		}
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "catalog-list",
+		className: cn("pz:flex pz:flex-col pz:gap-2", className),
+		children: cards.map((card) => /* @__PURE__ */ jsx(PipeCatalogCard, { card }, card.pipeId))
+	});
+}
+
+//#endregion
+export { PipeCatalogList };
+//# sourceMappingURL=list.mjs.map

package/dist/components/compound/pipe-catalog/list.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/list.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { PipeCardData } from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { PipeCatalogCard } from \"./card.js\";\n\nexport interface PipeCatalogListState {\n  cards: PipeCardData[];\n}\n\nexport interface PipeCatalogListProps {\n  /**\n   * Optional. Receives `{ cards, ...domProps }` merged into a single object.\n   * Destructure `cards` and spread the rest onto your container.\n   *\n   * When omitted, the default render iterates `cards` and renders a\n   * `<PipeCatalogCard>` per card inside a flex column.\n   *\n   * ```tsx\n   * <PipeCatalogList render={({ cards, ...props }) => (\n   *   <div {...props} className=\"grid grid-cols-1 gap-3\">\n   *     {cards.map(card => <PipeCatalogCard key={card.pipeId} card={card} />)}\n   *   </div>\n   * )} />\n   * ```\n   */\n  render?: RenderProp<ComponentProps<\"div\">, PipeCatalogListState>;\n  className?: string;\n}\n\nexport function PipeCatalogList({ render, className }: PipeCatalogListProps): ReactNode {\n  const ctx = usePipeCatalogContext();\n  const { cards } = ctx;\n  if (cards.length === 0) return null;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: { cards },\n      props: {\n        \"data-p0\": \"catalog-list\",\n        className: cn(\"pz:flex pz:flex-col pz:gap-2\", className),\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  return (\n    <div data-p0=\"catalog-list\" className={cn(\"pz:flex pz:flex-col pz:gap-2\", className)}>\n      {cards.map((card) => (\n        <PipeCatalogCard key={card.pipeId} card={card} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AA+BA,SAAgB,gBAAgB,EAAE,QAAQ,aAA8C;CAEtF,MAAM,EAAE,UADI,uBAAuB;AAEnC,KAAI,MAAM,WAAW,EAAG,QAAO;AAE/B,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,OAAO;EAChB,OAAO;GACL,WAAW;GACX,WAAW,GAAG,gCAAgC,UAAU;GACzD;EACF,CAAC;AAGJ,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAe,WAAW,GAAG,gCAAgC,UAAU;YACjF,MAAM,KAAK,SACV,oBAAC,iBAAD,EAAyC,MAAQ,EAA3B,KAAK,OAAsB,CACjD;EACE"}

package/dist/components/compound/pipe-catalog/output-field-filter.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { FilterSelectOption } from "../../defaults/catalog/filter-select.mjs";
+import { ColumnFilterState } from "./column-filter.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/output-field-filter.d.ts
+interface PipeCatalogOutputFieldFilterProps {
+  options?: ReadonlyArray<FilterSelectOption>;
+  placeholder?: ReactNode;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+}
+declare function PipeCatalogOutputFieldFilter({
+  options,
+  placeholder,
+  className,
+  render
+}: PipeCatalogOutputFieldFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalogOutputFieldFilter, PipeCatalogOutputFieldFilterProps };
+//# sourceMappingURL=output-field-filter.d.mts.map

package/dist/components/compound/pipe-catalog/output-field-filter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-field-filter.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/output-field-filter.tsx"],"mappings":";;;;;;;UAMiB,iCAAA;EACf,OAAA,GAAU,aAAA,CAAc,kBAAA;EACxB,WAAA,GAAc,SAAA;EACd,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,iBAAA;AAAA;AAAA,iBAS7B,4BAAA,CAAA;EACd,OAAA;EACA,WAAA;EACA,SAAA;EACA;AAAA,GACC,iCAAA,GAAiC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-catalog/output-field-filter.mjs

@@ -0,0 +1,22 @@
+import { PipeCatalogColumnFilter } from "./column-filter.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ArrowDown } from "lucide-react";
+
+//#region src/components/compound/pipe-catalog/output-field-filter.tsx
+const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {
+	className: "pz:inline-flex pz:items-center pz:gap-1.5",
+	children: [/* @__PURE__ */ jsx(ArrowDown, { className: "pz:size-4" }), " Output fields"]
+});
+function PipeCatalogOutputFieldFilter({ options, placeholder = DEFAULT_PLACEHOLDER, className, render }) {
+	return /* @__PURE__ */ jsx(PipeCatalogColumnFilter, {
+		id: "outputFields",
+		placeholder,
+		options,
+		className,
+		render
+	});
+}
+
+//#endregion
+export { PipeCatalogOutputFieldFilter };
+//# sourceMappingURL=output-field-filter.mjs.map

package/dist/components/compound/pipe-catalog/output-field-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/output-field-filter.tsx"],"sourcesContent":["import { ArrowDown } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport type { RenderProp } from \"../../../utils/render-slot.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowDown className=\"pz:size-4\" /> Output fields\n  </span>\n);\n\nexport function PipeCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogOutputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"outputFields\"\n      placeholder={placeholder}\n      options={options}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,oBAC9B;;AAGT,SAAgB,6BAA6B,EAC3C,SACA,cAAc,qBACd,WACA,UACoC;AACpC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

package/dist/components/compound/pipe-catalog/provider-filter.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { FilterSelectOption } from "../../defaults/catalog/filter-select.mjs";
+import { ColumnFilterState } from "./column-filter.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/provider-filter.d.ts
+interface PipeCatalogProviderFilterProps {
+  options?: ReadonlyArray<FilterSelectOption>;
+  placeholder?: ReactNode;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+}
+declare function PipeCatalogProviderFilter({
+  options,
+  placeholder,
+  className,
+  render
+}: PipeCatalogProviderFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalogProviderFilter, PipeCatalogProviderFilterProps };
+//# sourceMappingURL=provider-filter.d.mts.map

package/dist/components/compound/pipe-catalog/provider-filter.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-filter.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/provider-filter.tsx"],"mappings":";;;;;;;UAQiB,8BAAA;EACf,OAAA,GAAU,aAAA,CAAc,kBAAA;EACxB,WAAA,GAAc,SAAA;EACd,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,iBAAA;AAAA;AAAA,iBAS7B,yBAAA,CAAA;EACd,OAAA;EACA,WAAA;EACA,SAAA;EACA;AAAA,GACC,8BAAA,GAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-catalog/provider-filter.mjs

@@ -0,0 +1,29 @@
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { PipeCatalogColumnFilter } from "./column-filter.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Building2 } from "lucide-react";
+import { getProviderEntry } from "@pipe0/base";
+
+//#region src/components/compound/pipe-catalog/provider-filter.tsx
+const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {
+	className: "pz:inline-flex pz:items-center pz:gap-1.5",
+	children: [/* @__PURE__ */ jsx(Building2, { className: "pz:size-4" }), " Provider"]
+});
+function PipeCatalogProviderFilter({ options, placeholder = DEFAULT_PLACEHOLDER, className, render }) {
+	const ctx = usePipeCatalogContext();
+	return /* @__PURE__ */ jsx(PipeCatalogColumnFilter, {
+		id: "providers",
+		placeholder,
+		options: options ?? ctx.sortedProviderEntries.map(([name]) => ({
+			label: name,
+			value: name,
+			imageSrc: getProviderEntry(name)?.logoUrl
+		})),
+		className,
+		render
+	});
+}
+
+//#endregion
+export { PipeCatalogProviderFilter };
+//# sourceMappingURL=provider-filter.mjs.map

package/dist/components/compound/pipe-catalog/provider-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/provider-filter.tsx"],"sourcesContent":["import { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { Building2 } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport type { RenderProp } from \"../../../utils/render-slot.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Building2 className=\"pz:size-4\" /> Provider\n  </span>\n);\n\nexport function PipeCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogProviderFilterProps) {\n  const ctx = usePipeCatalogContext();\n  // Provider option labels carry the logo image so the default <Select> shows\n  // the brand mark — matches what dash users expect from this filter.\n  const resolvedOptions =\n    options ??\n    ctx.sortedProviderEntries.map(([name]) => ({\n      label: name,\n      value: name,\n      imageSrc: getProviderEntry(name as ProviderName)?.logoUrl,\n    }));\n\n  return (\n    <PipeCatalogColumnFilter\n      id=\"providers\"\n      placeholder={placeholder}\n      options={resolvedOptions}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,eAC9B;;AAGT,SAAgB,0BAA0B,EACxC,SACA,cAAc,qBACd,WACA,UACiC;CACjC,MAAM,MAAM,uBAAuB;AAWnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACb,SAXF,WACA,IAAI,sBAAsB,KAAK,CAAC,WAAW;GACzC,OAAO;GACP,OAAO;GACP,UAAU,iBAAiB,KAAqB,EAAE;GACnD,EAAE;EAOU;EACH;EACR"}

package/dist/components/compound/pipe-catalog/root.d.mts

@@ -0,0 +1,47 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { CatalogClassNames, CatalogComponentOverrides, PipeCardData } from "../../../types/catalog-adapters.mjs";
+import { UsePipeCatalogTableReturn } from "../../../hooks/use-pipe-catalog-table.mjs";
+import { ComponentProps, ReactNode, SyntheticEvent } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { CatalogFilter } from "@pipe0/base";
+import { ColumnFilter } from "@tanstack/react-table";
+
+//#region src/components/compound/pipe-catalog/root.d.ts
+interface CustomizationProps {
+  classNames?: CatalogClassNames;
+  components?: CatalogComponentOverrides;
+  className?: string;
+  /** Render slot for the outer wrapper. */
+  render?: RenderProp<ComponentProps<"div">, Record<never, never>>;
+}
+interface SelectionProps {
+  /** Fires on click / keyboard activation of any `<PipeCatalogCard>`. */
+  onSelectPipe?: (pipe: PipeCardData, e: SyntheticEvent) => void;
+}
+interface PipeCatalogInstanceProps extends CustomizationProps, SelectionProps {
+  /** Caller-owned hook return — pass when you need to read state outside the tree. */
+  context: UsePipeCatalogTableReturn;
+  children?: ReactNode;
+}
+interface PipeCatalogLegacyProps extends CustomizationProps, SelectionProps {
+  /** Optional whitelist/blacklist applied before the user-facing filters. */
+  filter?: CatalogFilter;
+  initialColumnFilters?: ColumnFilter[];
+  children?: ReactNode;
+}
+type PipeCatalogProps = PipeCatalogInstanceProps | PipeCatalogLegacyProps;
+/**
+ * Compound root for the pipe catalog.
+ *
+ * Two modes:
+ * - Caller-owned: `<PipeCatalog context={usePipeCatalogTable()}>...</PipeCatalog>`
+ * - Zero-config: `<PipeCatalog filter={...} />` — a fresh hook is created internally.
+ *
+ * Children are optional. With no children, the default tree renders a
+ * functional, neutrally-styled catalog: search filter, category filter,
+ * column filters, active-filter pills, list, empty state.
+ */
+declare function PipeCatalog(props: PipeCatalogProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalog, PipeCatalogInstanceProps, PipeCatalogLegacyProps, PipeCatalogProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/compound/pipe-catalog/root.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/root.tsx"],"mappings":";;;;;;;;;UA+BU,kBAAA;EACR,UAAA,GAAa,iBAAA;EACb,UAAA,GAAa,yBAAA;EACb,SAAA;EAH0B;EAK1B,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,MAAA;AAAA;AAAA,UAGnC,cAAA;EAHY;EAKpB,YAAA,IAAgB,IAAA,EAAM,YAAA,EAAc,CAAA,EAAG,cAAA;AAAA;AAAA,UAGxB,wBAAA,SAAiC,kBAAA,EAAoB,cAAA;EARjD;EAUnB,OAAA,EAAS,yBAAA;EACT,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,sBAAA,SAA+B,kBAAA,EAAoB,cAAA;EAhBlE;EAkBA,MAAA,GAAS,aAAA;EACT,oBAAA,GAAuB,YAAA;EACvB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,gBAAA,GAAmB,wBAAA,GAA2B,sBAAA;;AArBP;;;;;;;;;;iBAkCnC,WAAA,CAAY,KAAA,EAAO,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-catalog/root.mjs

@@ -0,0 +1,85 @@
+import { CatalogProvider, CatalogRoot, useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { PipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { PipeCatalogActiveFilters } from "./active-filters.mjs";
+import { PipeCatalogCategoryFilter } from "./category-filter.mjs";
+import { DefaultCatalogRoot } from "../../defaults/catalog/layout.mjs";
+import { PipeCatalogColumnFilters } from "./column-filters.mjs";
+import { PipeCatalogEmpty } from "./empty.mjs";
+import { PipeCatalogList } from "./list.mjs";
+import { usePipeCatalogTable } from "../../../hooks/use-pipe-catalog-table.mjs";
+import { PipeCatalogSearchFilter } from "./search-filter.mjs";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/root.tsx
+/**
+* Compound root for the pipe catalog.
+*
+* Two modes:
+* - Caller-owned: `<PipeCatalog context={usePipeCatalogTable()}>...</PipeCatalog>`
+* - Zero-config: `<PipeCatalog filter={...} />` — a fresh hook is created internally.
+*
+* Children are optional. With no children, the default tree renders a
+* functional, neutrally-styled catalog: search filter, category filter,
+* column filters, active-filter pills, list, empty state.
+*/
+function PipeCatalog(props) {
+	if ("context" in props) return /* @__PURE__ */ jsx(PipeCatalogWithContext, { ...props });
+	return /* @__PURE__ */ jsx(PipeCatalogLegacy, { ...props });
+}
+function PipeCatalogLegacy({ filter, initialColumnFilters, ...rest }) {
+	return /* @__PURE__ */ jsx(PipeCatalogWithContext, {
+		context: usePipeCatalogTable({
+			filter,
+			initialColumnFilters
+		}),
+		...rest
+	});
+}
+function PipeCatalogWithContext({ context, children, className, classNames, components, onSelectPipe, render }) {
+	const hasLocalOverrides = classNames || components;
+	const [expandedCardId, setExpandedCardId] = useState(null);
+	const value = useMemo(() => ({
+		...context,
+		onSelectCard: onSelectPipe,
+		expandedCardId,
+		setExpandedCardId
+	}), [
+		context,
+		onSelectPipe,
+		expandedCardId
+	]);
+	const inner = /* @__PURE__ */ jsx(PipeCatalogContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(PipeCatalogShell, {
+			className,
+			render,
+			children
+		})
+	});
+	if (hasLocalOverrides) return /* @__PURE__ */ jsx(CatalogRoot, { children: /* @__PURE__ */ jsx(CatalogProvider, {
+		classNames,
+		components,
+		children: inner
+	}) });
+	return /* @__PURE__ */ jsx(CatalogRoot, { children: inner });
+}
+function PipeCatalogShell({ children, className, render }) {
+	useCatalogConfig();
+	return /* @__PURE__ */ jsx(DefaultCatalogRoot, {
+		className,
+		render,
+		children: children !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(PipeCatalogSearchFilter, {}),
+			/* @__PURE__ */ jsx(PipeCatalogCategoryFilter, {}),
+			/* @__PURE__ */ jsx(PipeCatalogColumnFilters, {}),
+			/* @__PURE__ */ jsx(PipeCatalogActiveFilters, {}),
+			/* @__PURE__ */ jsx(PipeCatalogList, {}),
+			/* @__PURE__ */ jsx(PipeCatalogEmpty, {})
+		] })
+	});
+}
+
+//#endregion
+export { PipeCatalog };
+//# sourceMappingURL=root.mjs.map