@pipe0/react 0.0.5 → 0.0.6

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

@@ -1,29 +1,27 @@
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
 import { DefaultEmptyState } from "../../defaults/catalog/empty-state.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/empty.tsx
-function SearchCatalogEmpty({ children, className, render }) {
+function SearchCatalogEmpty({ children, className, render, ...props }) {
 	const { components } = useCatalogConfig();
 	const visible = useSearchCatalogContext().table.getRowModel().rows.length === 0;
-	if (!visible) return null;
-	if (render) return renderSlot({
+	const EmptyState = components?.EmptyState;
+	const element = useRender({
 		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 searches found. Try adjusting your filters."
+		props: mergeProps({
+			className,
+			children: EmptyState ? /* @__PURE__ */ jsx(EmptyState, { children }) : /* @__PURE__ */ jsx(DefaultEmptyState, { children: children ?? "No searches found. Try adjusting your filters." }),
+			"data-p0": "catalog-empty"
+		}, props)
 	});
+	if (!visible) return null;
+	return element;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/empty.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface SearchCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface SearchCatalogEmptyProps {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, SearchCatalogEmptyState>;\n}\n\nexport function SearchCatalogEmpty({ children, className, render }: SearchCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = useSearchCatalogContext();\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 searches found. Try adjusting your filters.\"}\n    </DefaultEmptyState>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,mBAAmB,EAAE,UAAU,WAAW,UAAmC;CAC3F,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,yBAAyB,CACjB,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"}
+{"version":3,"file":"empty.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/empty.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface SearchCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface SearchCatalogEmptyProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogEmptyState> {}\n\nexport function SearchCatalogEmpty({\n  children,\n  className,\n  render,\n  ...props\n}: SearchCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = useSearchCatalogContext();\n  const visible = ctx.table.getRowModel().rows.length === 0;\n\n  const EmptyState = components?.EmptyState;\n  const defaultBody = EmptyState ? (\n    <EmptyState>{children}</EmptyState>\n  ) : (\n    <DefaultEmptyState>\n      {children ?? \"No searches found. Try adjusting your filters.\"}\n    </DefaultEmptyState>\n  );\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { visible },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-empty\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (!visible) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,mBAAmB,EACjC,UACA,WACA,QACA,GAAG,SACuB;CAC1B,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,yBAAyB,CACjB,MAAM,aAAa,CAAC,KAAK,WAAW;CAExD,MAAM,aAAa,YAAY;CAS/B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO,WACL;GACE;GACA,UAfc,aAClB,oBAAC,YAAD,EAAa,UAAsB,IAEnC,oBAAC,mBAAD,YACG,YAAY,kDACK;GAWV,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,CAAC,QAAS,QAAO;AACrB,QAAO"}

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

@@ -7,6 +7,6 @@ import { SearchCatalogEmpty, SearchCatalogEmptyProps, SearchCatalogEmptyState }
 import { SearchCatalogList, SearchCatalogListProps, SearchCatalogListState } from "./list.mjs";
 import { SearchCatalogOutputFieldFilter, SearchCatalogOutputFieldFilterProps } from "./output-field-filter.mjs";
 import { SearchCatalogProviderFilter, SearchCatalogProviderFilterProps } from "./provider-filter.mjs";
-import { SearchCatalog, SearchCatalogInstanceProps, SearchCatalogLegacyProps, SearchCatalogProps } from "./root.mjs";
+import { SearchCatalog, SearchCatalogInstanceProps, SearchCatalogProps, SearchCatalogZeroConfigProps } from "./root.mjs";
 import { SearchCatalogSearchFilter, SearchCatalogSearchFilterProps, SearchCatalogSearchFilterState } from "./search-filter.mjs";
 import { SearchCatalogTagFilter, SearchCatalogTagFilterProps } from "./tag-filter.mjs";

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

@@ -1,19 +1,17 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
-import { SearchCardData } from "../../../types/catalog-adapters.mjs";
-import { ComponentProps, ReactNode } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
 
 //#region src/components/compound/search-catalog/list.d.ts
 interface SearchCatalogListState {
-  cards: SearchCardData[];
-}
-interface SearchCatalogListProps {
-  render?: RenderProp<ComponentProps<"div">, SearchCatalogListState>;
-  className?: string;
+  isEmpty: boolean;
 }
+interface SearchCatalogListProps extends useRender.ComponentProps<"div", SearchCatalogListState> {}
 declare function SearchCatalogList({
   render,
-  className
-}: SearchCatalogListProps): ReactNode;
+  className,
+  children,
+  ...props
+}: SearchCatalogListProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
 //#endregion
 export { SearchCatalogList, SearchCatalogListProps, SearchCatalogListState };
 //# sourceMappingURL=list.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/list.tsx"],"mappings":";;;;;UAOiB,sBAAA;EACf,KAAA,EAAO,cAAA;AAAA;AAAA,UAGQ,sBAAA;EACf,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,sBAAA;EAC3C,SAAA;AAAA;AAAA,iBAGc,iBAAA,CAAA;EAAoB,MAAA;EAAQ;AAAA,GAAa,sBAAA,GAAyB,SAAA"}
+{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/list.tsx"],"mappings":";;;;UAMiB,sBAAA;EACf,OAAA;AAAA;AAAA,UAGe,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;AAAA,iBAE1B,iBAAA,CAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,27 +1,27 @@
 import { cn } from "../../../lib/utils.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
 import { SearchCatalogCard } from "./card.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/list.tsx
-function SearchCatalogList({ render, className }) {
+function SearchCatalogList({ render, className, children, ...props }) {
 	const { cards } = useSearchCatalogContext();
-	if (cards.length === 0) return null;
-	if (render) return renderSlot({
+	const isEmpty = cards.length === 0;
+	const defaultBody = cards.map((card, idx) => /* @__PURE__ */ jsx(SearchCatalogCard, { card }, `${card.searchId}-${idx}`));
+	const element = useRender({
 		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, idx) => /* @__PURE__ */ jsx(SearchCatalogCard, { card }, `${card.searchId}-${idx}`))
+		state: { isEmpty },
+		props: mergeProps({
+			className: cn("pz:flex pz:flex-col pz:gap-2", className),
+			children: children ?? defaultBody,
+			"data-p0": "catalog-list"
+		}, props)
 	});
+	if (isEmpty) return null;
+	return element;
 }
 
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/list.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { SearchCardData } from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { SearchCatalogCard } from \"./card.js\";\n\nexport interface SearchCatalogListState {\n  cards: SearchCardData[];\n}\n\nexport interface SearchCatalogListProps {\n  render?: RenderProp<ComponentProps<\"div\">, SearchCatalogListState>;\n  className?: string;\n}\n\nexport function SearchCatalogList({ render, className }: SearchCatalogListProps): ReactNode {\n  const ctx = useSearchCatalogContext();\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, idx) => (\n        <SearchCatalogCard key={`${card.searchId}-${idx}`} card={card} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,kBAAkB,EAAE,QAAQ,aAAgD;CAE1F,MAAM,EAAE,UADI,yBAAyB;AAErC,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,MAAM,QAChB,oBAAC,mBAAD,EAAyD,MAAQ,EAAzC,GAAG,KAAK,SAAS,GAAG,MAAqB,CACjE;EACE"}
+{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/list.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { SearchCatalogCard } from \"./card.js\";\n\nexport interface SearchCatalogListState {\n  isEmpty: boolean;\n}\n\nexport interface SearchCatalogListProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogListState> {}\n\nexport function SearchCatalogList({\n  render,\n  className,\n  children,\n  ...props\n}: SearchCatalogListProps) {\n  const { cards } = useSearchCatalogContext();\n  const isEmpty = cards.length === 0;\n\n  const defaultBody = cards.map((card, idx) => (\n    <SearchCatalogCard key={`${card.searchId}-${idx}`} card={card} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { isEmpty },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"pz:flex pz:flex-col pz:gap-2\", className),\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"catalog-list\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,kBAAkB,EAChC,QACA,WACA,UACA,GAAG,SACsB;CACzB,MAAM,EAAE,UAAU,yBAAyB;CAC3C,MAAM,UAAU,MAAM,WAAW;CAEjC,MAAM,cAAc,MAAM,KAAK,MAAM,QACnC,oBAAC,mBAAD,EAAyD,MAAQ,EAAzC,GAAG,KAAK,SAAS,GAAG,MAAqB,CACjE;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO,WACL;GACE,WAAW,GAAG,gCAAgC,UAAU;GACxD,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

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

@@ -1,7 +1,7 @@
-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 { useRender } from "@base-ui/react/use-render";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/output-field-filter.d.ts
@@ -9,7 +9,7 @@ interface SearchCatalogOutputFieldFilterProps {
   options?: ReadonlyArray<FilterSelectOption>;
   placeholder?: ReactNode;
   className?: string;
-  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+  render?: useRender.ComponentProps<"div", ColumnFilterState>["render"];
 }
 declare function SearchCatalogOutputFieldFilter({
   options,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-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, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogOutputFieldFilterProps {\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 SearchCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogOutputFieldFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\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,+BAA+B,EAC7C,SACA,cAAc,qBACd,WACA,UACsC;AACtC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/output-field-filter.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 SearchCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogOutputFieldFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\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,+BAA+B,EAC7C,SACA,cAAc,qBACd,WACA,UACsC;AACtC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

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

@@ -1,7 +1,7 @@
-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 { useRender } from "@base-ui/react/use-render";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/provider-filter.d.ts
@@ -9,7 +9,7 @@ interface SearchCatalogProviderFilterProps {
   options?: ReadonlyArray<FilterSelectOption>;
   placeholder?: ReactNode;
   className?: string;
-  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+  render?: useRender.ComponentProps<"div", ColumnFilterState>["render"];
 }
 declare function SearchCatalogProviderFilter({
   options,

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

@@ -1 +1 @@
-{"version":3,"file":"provider-filter.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"mappings":";;;;;;;UAQiB,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"}
+{"version":3,"file":"provider-filter.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"mappings":";;;;;;;UAQiB,gCAAA;EACf,OAAA,GAAU,aAAA,CAAc,kBAAA;EACxB,WAAA,GAAc,SAAA;EACd,SAAA;EACA,MAAA,GAAS,SAAA,CAAU,cAAA,QAAsB,iBAAA;AAAA;AAAA,iBAS3B,2BAAA,CAAA;EACd,OAAA;EACA,WAAA;EACA,SAAA;EACA;AAAA,GACC,gCAAA,GAAgC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"sourcesContent":["import { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { Building2 } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport type { RenderProp } from \"../../../utils/render-slot.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogProviderFilterProps {\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 SearchCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogProviderFilterProps) {\n  const ctx = useSearchCatalogContext();\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    <SearchCatalogColumnFilter\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,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;CACnC,MAAM,MAAM,yBAAyB;AASrC,QACE,oBAAC,2BAAD;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"}
+{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { Building2 } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 SearchCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogProviderFilterProps) {\n  const ctx = useSearchCatalogContext();\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    <SearchCatalogColumnFilter\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,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;CACnC,MAAM,MAAM,yBAAyB;AASrC,QACE,oBAAC,2BAAD;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/search-catalog/root.d.mts

@@ -1,7 +1,7 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
 import { CatalogClassNames, CatalogComponentOverrides, SearchCardData } from "../../../types/catalog-adapters.mjs";
 import { UseSearchCatalogTableReturn } from "../../../hooks/use-search-catalog-table.mjs";
-import { ComponentProps, ReactNode, SyntheticEvent } from "react";
+import { useRender } from "@base-ui/react/use-render";
+import { ReactNode, SyntheticEvent } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { CatalogFilter } from "@pipe0/base";
 import { ColumnFilter } from "@tanstack/react-table";
@@ -11,7 +11,7 @@ interface CustomizationProps {
   classNames?: CatalogClassNames;
   components?: CatalogComponentOverrides;
   className?: string;
-  render?: RenderProp<ComponentProps<"div">, Record<never, never>>;
+  render?: useRender.ComponentProps<"div">["render"];
 }
 interface SelectionProps {
   /** Fires on click / keyboard activation of any `<SearchCatalogCard>`. */
@@ -21,13 +21,13 @@ interface SearchCatalogInstanceProps extends CustomizationProps, SelectionProps
   context: UseSearchCatalogTableReturn;
   children?: ReactNode;
 }
-interface SearchCatalogLegacyProps extends CustomizationProps, SelectionProps {
+interface SearchCatalogZeroConfigProps extends CustomizationProps, SelectionProps {
   filter?: CatalogFilter;
   initialColumnFilters?: ColumnFilter[];
   children?: ReactNode;
 }
-type SearchCatalogProps = SearchCatalogInstanceProps | SearchCatalogLegacyProps;
+type SearchCatalogProps = SearchCatalogInstanceProps | SearchCatalogZeroConfigProps;
 declare function SearchCatalog(props: SearchCatalogProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SearchCatalog, SearchCatalogInstanceProps, SearchCatalogLegacyProps, SearchCatalogProps };
+export { SearchCatalog, SearchCatalogInstanceProps, SearchCatalogProps, SearchCatalogZeroConfigProps };
 //# sourceMappingURL=root.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/root.tsx"],"mappings":";;;;;;;;;UA+BU,kBAAA;EACR,UAAA,GAAa,iBAAA;EACb,UAAA,GAAa,yBAAA;EACb,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,MAAA;AAAA;AAAA,UAGnC,cAAA;EALK;EAOb,cAAA,IAAkB,MAAA,EAAQ,cAAA,EAAgB,CAAA,EAAG,cAAA;AAAA;AAAA,UAG9B,0BAAA,SAAmC,kBAAA,EAAoB,cAAA;EACtE,OAAA,EAAS,2BAAA;EACT,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,wBAAA,SAAiC,kBAAA,EAAoB,cAAA;EACpE,MAAA,GAAS,aAAA;EACT,oBAAA,GAAuB,YAAA;EACvB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,0BAAA,GAA6B,wBAAA;AAAA,iBAE9C,aAAA,CAAc,KAAA,EAAO,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/root.tsx"],"mappings":";;;;;;;;;UA+BU,kBAAA;EACR,UAAA,GAAa,iBAAA;EACb,UAAA,GAAa,yBAAA;EACb,SAAA;EACA,MAAA,GAAS,SAAA,CAAU,cAAA;AAAA;AAAA,UAGX,cAAA;EALK;EAOb,cAAA,IAAkB,MAAA,EAAQ,cAAA,EAAgB,CAAA,EAAG,cAAA;AAAA;AAAA,UAG9B,0BAAA,SAAmC,kBAAA,EAAoB,cAAA;EACtE,OAAA,EAAS,2BAAA;EACT,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,4BAAA,SAAqC,kBAAA,EAAoB,cAAA;EACxE,MAAA,GAAS,aAAA;EACT,oBAAA,GAAuB,YAAA;EACvB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,kBAAA,GAAqB,0BAAA,GAA6B,4BAAA;AAAA,iBAE9C,aAAA,CAAc,KAAA,EAAO,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -14,9 +14,9 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/compound/search-catalog/root.tsx
 function SearchCatalog(props) {
 	if ("context" in props) return /* @__PURE__ */ jsx(SearchCatalogWithContext, { ...props });
-	return /* @__PURE__ */ jsx(SearchCatalogLegacy, { ...props });
+	return /* @__PURE__ */ jsx(SearchCatalogZeroConfig, { ...props });
 }
-function SearchCatalogLegacy({ filter, initialColumnFilters, ...rest }) {
+function SearchCatalogZeroConfig({ filter, initialColumnFilters, ...rest }) {
 	return /* @__PURE__ */ jsx(SearchCatalogWithContext, {
 		context: useSearchCatalogTable({
 			filter,

package/dist/components/compound/search-catalog/root.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/root.tsx"],"sourcesContent":["import type { CatalogFilter } from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport type { ComponentProps, ReactNode, SyntheticEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  CatalogProvider,\n  CatalogRoot,\n  useCatalogConfig,\n} from \"../../../context/catalog-config-context.js\";\nimport {\n  SearchCatalogContext,\n  type SearchCatalogContextValue,\n} from \"../../../context/search-catalog-context.js\";\nimport {\n  type UseSearchCatalogTableReturn,\n  useSearchCatalogTable,\n} from \"../../../hooks/use-search-catalog-table.js\";\nimport type {\n  CatalogClassNames,\n  CatalogComponentOverrides,\n  SearchCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultCatalogRoot } from \"../../defaults/catalog/layout.js\";\nimport { SearchCatalogActiveFilters } from \"./active-filters.js\";\nimport { SearchCatalogCategoryFilter } from \"./category-filter.js\";\nimport { SearchCatalogColumnFilters } from \"./column-filters.js\";\nimport { SearchCatalogEmpty } from \"./empty.js\";\nimport { SearchCatalogList } from \"./list.js\";\nimport { SearchCatalogSearchFilter } from \"./search-filter.js\";\n\ninterface CustomizationProps {\n  classNames?: CatalogClassNames;\n  components?: CatalogComponentOverrides;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}\n\ninterface SelectionProps {\n  /** Fires on click / keyboard activation of any `<SearchCatalogCard>`. */\n  onSelectSearch?: (search: SearchCardData, e: SyntheticEvent) => void;\n}\n\nexport interface SearchCatalogInstanceProps extends CustomizationProps, SelectionProps {\n  context: UseSearchCatalogTableReturn;\n  children?: ReactNode;\n}\n\nexport interface SearchCatalogLegacyProps extends CustomizationProps, SelectionProps {\n  filter?: CatalogFilter;\n  initialColumnFilters?: ColumnFilter[];\n  children?: ReactNode;\n}\n\nexport type SearchCatalogProps = SearchCatalogInstanceProps | SearchCatalogLegacyProps;\n\nexport function SearchCatalog(props: SearchCatalogProps) {\n  if (\"context\" in props) {\n    return <SearchCatalogWithContext {...props} />;\n  }\n  return <SearchCatalogLegacy {...props} />;\n}\n\nfunction SearchCatalogLegacy({ filter, initialColumnFilters, ...rest }: SearchCatalogLegacyProps) {\n  const context = useSearchCatalogTable({ filter, initialColumnFilters });\n  return <SearchCatalogWithContext context={context} {...rest} />;\n}\n\nfunction SearchCatalogWithContext({\n  context,\n  children,\n  className,\n  classNames,\n  components,\n  onSelectSearch,\n  render,\n}: SearchCatalogInstanceProps) {\n  const hasLocalOverrides = classNames || components;\n  const [expandedCardId, setExpandedCardId] = useState<string | null>(null);\n\n  const value = useMemo<SearchCatalogContextValue>(\n    () => ({\n      ...context,\n      onSelectCard: onSelectSearch,\n      expandedCardId,\n      setExpandedCardId,\n    }),\n    [context, onSelectSearch, expandedCardId],\n  );\n\n  const inner = (\n    <SearchCatalogContext.Provider value={value}>\n      <SearchCatalogShell className={className} render={render}>\n        {children}\n      </SearchCatalogShell>\n    </SearchCatalogContext.Provider>\n  );\n  if (hasLocalOverrides) {\n    return (\n      <CatalogRoot>\n        <CatalogProvider classNames={classNames} components={components}>\n          {inner}\n        </CatalogProvider>\n      </CatalogRoot>\n    );\n  }\n  return <CatalogRoot>{inner}</CatalogRoot>;\n}\n\nfunction SearchCatalogShell({\n  children,\n  className,\n  render,\n}: {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}) {\n  useCatalogConfig();\n  const body =\n    children !== undefined ? (\n      children\n    ) : (\n      <>\n        <SearchCatalogSearchFilter />\n        <SearchCatalogCategoryFilter />\n        <SearchCatalogColumnFilters />\n        <SearchCatalogActiveFilters />\n        <SearchCatalogList />\n        <SearchCatalogEmpty />\n      </>\n    );\n  return (\n    <DefaultCatalogRoot className={className} render={render}>\n      {body}\n    </DefaultCatalogRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAwDA,SAAgB,cAAc,OAA2B;AACvD,KAAI,aAAa,MACf,QAAO,oBAAC,0BAAD,EAA0B,GAAI,OAAS;AAEhD,QAAO,oBAAC,qBAAD,EAAqB,GAAI,OAAS;;AAG3C,SAAS,oBAAoB,EAAE,QAAQ,sBAAsB,GAAG,QAAkC;AAEhG,QAAO,oBAAC,0BAAD;EAA0B,SADjB,sBAAsB;GAAE;GAAQ;GAAsB,CAAC;EACpB,GAAI;EAAQ;;AAGjE,SAAS,yBAAyB,EAChC,SACA,UACA,WACA,YACA,YACA,gBACA,UAC6B;CAC7B,MAAM,oBAAoB,cAAc;CACxC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAEzE,MAAM,QAAQ,eACL;EACL,GAAG;EACH,cAAc;EACd;EACA;EACD,GACD;EAAC;EAAS;EAAgB;EAAe,CAC1C;CAED,MAAM,QACJ,oBAAC,qBAAqB,UAAtB;EAAsC;YACpC,oBAAC,oBAAD;GAA+B;GAAmB;GAC/C;GACkB;EACS;AAElC,KAAI,kBACF,QACE,oBAAC,aAAD,YACE,oBAAC,iBAAD;EAA6B;EAAwB;YAClD;EACe,GACN;AAGlB,QAAO,oBAAC,aAAD,YAAc,OAAoB;;AAG3C,SAAS,mBAAmB,EAC1B,UACA,WACA,UAKC;AACD,mBAAkB;AAclB,QACE,oBAAC,oBAAD;EAA+B;EAAmB;YAblD,aAAa,SACX,WAEA;GACE,oBAAC,2BAAD,EAA6B;GAC7B,oBAAC,6BAAD,EAA+B;GAC/B,oBAAC,4BAAD,EAA8B;GAC9B,oBAAC,4BAAD,EAA8B;GAC9B,oBAAC,mBAAD,EAAqB;GACrB,oBAAC,oBAAD,EAAsB;GACrB;EAKgB"}
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/root.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport type { CatalogFilter } from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport type { ReactNode, SyntheticEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  CatalogProvider,\n  CatalogRoot,\n  useCatalogConfig,\n} from \"../../../context/catalog-config-context.js\";\nimport {\n  SearchCatalogContext,\n  type SearchCatalogContextValue,\n} from \"../../../context/search-catalog-context.js\";\nimport {\n  type UseSearchCatalogTableReturn,\n  useSearchCatalogTable,\n} from \"../../../hooks/use-search-catalog-table.js\";\nimport type {\n  CatalogClassNames,\n  CatalogComponentOverrides,\n  SearchCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { DefaultCatalogRoot } from \"../../defaults/catalog/layout.js\";\nimport { SearchCatalogActiveFilters } from \"./active-filters.js\";\nimport { SearchCatalogCategoryFilter } from \"./category-filter.js\";\nimport { SearchCatalogColumnFilters } from \"./column-filters.js\";\nimport { SearchCatalogEmpty } from \"./empty.js\";\nimport { SearchCatalogList } from \"./list.js\";\nimport { SearchCatalogSearchFilter } from \"./search-filter.js\";\n\ninterface CustomizationProps {\n  classNames?: CatalogClassNames;\n  components?: CatalogComponentOverrides;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\">[\"render\"];\n}\n\ninterface SelectionProps {\n  /** Fires on click / keyboard activation of any `<SearchCatalogCard>`. */\n  onSelectSearch?: (search: SearchCardData, e: SyntheticEvent) => void;\n}\n\nexport interface SearchCatalogInstanceProps extends CustomizationProps, SelectionProps {\n  context: UseSearchCatalogTableReturn;\n  children?: ReactNode;\n}\n\nexport interface SearchCatalogZeroConfigProps extends CustomizationProps, SelectionProps {\n  filter?: CatalogFilter;\n  initialColumnFilters?: ColumnFilter[];\n  children?: ReactNode;\n}\n\nexport type SearchCatalogProps = SearchCatalogInstanceProps | SearchCatalogZeroConfigProps;\n\nexport function SearchCatalog(props: SearchCatalogProps) {\n  if (\"context\" in props) {\n    return <SearchCatalogWithContext {...props} />;\n  }\n  return <SearchCatalogZeroConfig {...props} />;\n}\n\nfunction SearchCatalogZeroConfig({ filter, initialColumnFilters, ...rest }: SearchCatalogZeroConfigProps) {\n  const context = useSearchCatalogTable({ filter, initialColumnFilters });\n  return <SearchCatalogWithContext context={context} {...rest} />;\n}\n\nfunction SearchCatalogWithContext({\n  context,\n  children,\n  className,\n  classNames,\n  components,\n  onSelectSearch,\n  render,\n}: SearchCatalogInstanceProps) {\n  const hasLocalOverrides = classNames || components;\n  const [expandedCardId, setExpandedCardId] = useState<string | null>(null);\n\n  const value = useMemo<SearchCatalogContextValue>(\n    () => ({\n      ...context,\n      onSelectCard: onSelectSearch,\n      expandedCardId,\n      setExpandedCardId,\n    }),\n    [context, onSelectSearch, expandedCardId],\n  );\n\n  const inner = (\n    <SearchCatalogContext.Provider value={value}>\n      <SearchCatalogShell className={className} render={render}>\n        {children}\n      </SearchCatalogShell>\n    </SearchCatalogContext.Provider>\n  );\n  if (hasLocalOverrides) {\n    return (\n      <CatalogRoot>\n        <CatalogProvider classNames={classNames} components={components}>\n          {inner}\n        </CatalogProvider>\n      </CatalogRoot>\n    );\n  }\n  return <CatalogRoot>{inner}</CatalogRoot>;\n}\n\nfunction SearchCatalogShell({\n  children,\n  className,\n  render,\n}: {\n  children?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\">[\"render\"];\n}) {\n  useCatalogConfig();\n  const body =\n    children !== undefined ? (\n      children\n    ) : (\n      <>\n        <SearchCatalogSearchFilter />\n        <SearchCatalogCategoryFilter />\n        <SearchCatalogColumnFilters />\n        <SearchCatalogActiveFilters />\n        <SearchCatalogList />\n        <SearchCatalogEmpty />\n      </>\n    );\n  return (\n    <DefaultCatalogRoot className={className} render={render}>\n      {body}\n    </DefaultCatalogRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAwDA,SAAgB,cAAc,OAA2B;AACvD,KAAI,aAAa,MACf,QAAO,oBAAC,0BAAD,EAA0B,GAAI,OAAS;AAEhD,QAAO,oBAAC,yBAAD,EAAyB,GAAI,OAAS;;AAG/C,SAAS,wBAAwB,EAAE,QAAQ,sBAAsB,GAAG,QAAsC;AAExG,QAAO,oBAAC,0BAAD;EAA0B,SADjB,sBAAsB;GAAE;GAAQ;GAAsB,CAAC;EACpB,GAAI;EAAQ;;AAGjE,SAAS,yBAAyB,EAChC,SACA,UACA,WACA,YACA,YACA,gBACA,UAC6B;CAC7B,MAAM,oBAAoB,cAAc;CACxC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAEzE,MAAM,QAAQ,eACL;EACL,GAAG;EACH,cAAc;EACd;EACA;EACD,GACD;EAAC;EAAS;EAAgB;EAAe,CAC1C;CAED,MAAM,QACJ,oBAAC,qBAAqB,UAAtB;EAAsC;YACpC,oBAAC,oBAAD;GAA+B;GAAmB;GAC/C;GACkB;EACS;AAElC,KAAI,kBACF,QACE,oBAAC,aAAD,YACE,oBAAC,iBAAD;EAA6B;EAAwB;YAClD;EACe,GACN;AAGlB,QAAO,oBAAC,aAAD,YAAc,OAAoB;;AAG3C,SAAS,mBAAmB,EAC1B,UACA,WACA,UAKC;AACD,mBAAkB;AAclB,QACE,oBAAC,oBAAD;EAA+B;EAAmB;YAblD,aAAa,SACX,WAEA;GACE,oBAAC,2BAAD,EAA6B;GAC7B,oBAAC,6BAAD,EAA+B;GAC/B,oBAAC,4BAAD,EAA8B;GAC9B,oBAAC,4BAAD,EAA8B;GAC9B,oBAAC,mBAAD,EAAqB;GACrB,oBAAC,oBAAD,EAAsB;GACrB;EAKgB"}

package/dist/components/compound/search-catalog/search-filter.d.mts

@@ -1,24 +1,20 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
-import * as _$react from "react";
-import { ComponentProps } from "react";
+import { useRender } from "@base-ui/react/use-render";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/search-filter.d.ts
 interface SearchCatalogSearchFilterState {
   value: string;
-  setValue: (v: string) => void;
   isActive: boolean;
 }
-interface SearchCatalogSearchFilterProps {
+interface SearchCatalogSearchFilterProps extends useRender.ComponentProps<"input", SearchCatalogSearchFilterState> {
   placeholder?: string;
-  className?: string;
-  render?: RenderProp<ComponentProps<"input">, SearchCatalogSearchFilterState>;
 }
 declare function SearchCatalogSearchFilter({
   placeholder,
   className,
-  render
-}: SearchCatalogSearchFilterProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined> | null | undefined;
+  render,
+  ...props
+}: SearchCatalogSearchFilterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchCatalogSearchFilter, SearchCatalogSearchFilterProps, SearchCatalogSearchFilterState };
 //# sourceMappingURL=search-filter.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"search-filter.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"mappings":";;;;;;UAQiB,8BAAA;EACf,KAAA;EACA,QAAA,GAAW,CAAA;EACX,QAAA;AAAA;AAAA,UAGe,8BAAA;EACf,WAAA;EACA,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,WAAyB,8BAAA;AAAA;AAAA,iBAG/B,yBAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA;AAAA,GACC,8BAAA,wCAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,OAAA,CAAA,SAAA"}
+{"version":3,"file":"search-filter.d.mts","names":[],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"mappings":";;;;UASiB,8BAAA;EACf,KAAA;EACA,QAAA;AAAA;AAAA,UAGe,8BAAA,SACP,SAAA,CAAU,cAAA,UAAwB,8BAAA;EAC1C,WAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/search-catalog/search-filter.mjs

@@ -1,33 +1,32 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
 import { Input } from "../../ui/input.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Search } from "lucide-react";
 
 //#region src/components/compound/search-catalog/search-filter.tsx
-function SearchCatalogSearchFilter({ placeholder = "Search searches...", className, render }) {
+function SearchCatalogSearchFilter({ placeholder = "Search searches...", className, render, ...props }) {
 	const { globalFilterInput, setGlobalFilterInput } = useSearchCatalogContext();
 	const { classNames } = useCatalogConfig();
-	const isActive = !!globalFilterInput;
-	if (render) return renderSlot({
+	const inputElement = useRender({
 		defaultTagName: "input",
 		render,
 		state: {
 			value: globalFilterInput,
-			setValue: setGlobalFilterInput,
-			isActive
+			isActive: !!globalFilterInput
 		},
-		props: {
+		props: mergeProps({
 			type: "search",
 			placeholder,
 			value: globalFilterInput,
 			onChange: (e) => setGlobalFilterInput(e.target.value),
-			"data-active": isActive ? "" : void 0,
-			className: cn(classNames?.searchInput, className)
-		}
+			className: render ? cn(classNames?.searchInput, className) : void 0
+		}, props)
 	});
+	if (render) return inputElement;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-p0": "catalog-search",
 		className: cn("pz:relative", classNames?.searchInputContainer),

package/dist/components/compound/search-catalog/search-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"sourcesContent":["import { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent, ComponentProps } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface SearchCatalogSearchFilterState {\n  value: string;\n  setValue: (v: string) => void;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogSearchFilterProps {\n  placeholder?: string;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"input\">, SearchCatalogSearchFilterState>;\n}\n\nexport function SearchCatalogSearchFilter({\n  placeholder = \"Search searches...\",\n  className,\n  render,\n}: SearchCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useSearchCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"input\",\n      render,\n      state: {\n        value: globalFilterInput,\n        setValue: setGlobalFilterInput,\n        isActive,\n      },\n      props: {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        \"data-active\": isActive ? \"\" : undefined,\n        className: cn(classNames?.searchInput, className),\n      } as ComponentProps<\"input\">,\n    });\n  }\n\n  return (\n    <div data-p0=\"catalog-search\" className={cn(\"pz:relative\", classNames?.searchInputContainer)}>\n      <SearchIcon className=\"pz:absolute pz:left-2.5 pz:top-1/2 pz:-translate-y-1/2 pz:size-4 pz:text-muted-foreground pz:pointer-events-none\" />\n      <Input\n        type=\"search\"\n        placeholder={placeholder}\n        value={globalFilterInput}\n        onChange={(e) => setGlobalFilterInput(e.target.value)}\n        className={cn(\"pz:pl-8\", classNames?.searchInput, className)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,0BAA0B,EACxC,cAAc,sBACd,WACA,UACiC;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,WAAW,CAAC,CAAC;AAEnB,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO;GACL,OAAO;GACP,UAAU;GACV;GACD;EACD,OAAO;GACL,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,eAAe,WAAW,KAAK;GAC/B,WAAW,GAAG,YAAY,aAAa,UAAU;GAClD;EACF,CAAC;AAGJ,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAiB,WAAW,GAAG,eAAe,YAAY,qBAAqB;YAA5F,CACE,oBAACA,QAAD,EAAY,WAAU,oHAAqH,GAC3I,oBAAC,OAAD;GACE,MAAK;GACQ;GACb,OAAO;GACP,WAAW,MAAM,qBAAqB,EAAE,OAAO,MAAM;GACrD,WAAW,GAAG,WAAW,YAAY,aAAa,UAAU;GAC5D,EACE"}
+{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface SearchCatalogSearchFilterState {\n  value: string;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", SearchCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function SearchCatalogSearchFilter({\n  placeholder = \"Search searches...\",\n  className,\n  render,\n  ...props\n}: SearchCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useSearchCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, isActive },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\n\n  return (\n    <div data-p0=\"catalog-search\" className={cn(\"pz:relative\", classNames?.searchInputContainer)}>\n      <SearchIcon className=\"pz:absolute pz:left-2.5 pz:top-1/2 pz:-translate-y-1/2 pz:size-4 pz:text-muted-foreground pz:pointer-events-none\" />\n      <Input\n        type=\"search\"\n        placeholder={placeholder}\n        value={globalFilterInput}\n        onChange={(e) => setGlobalFilterInput(e.target.value)}\n        className={cn(\"pz:pl-8\", classNames?.searchInput, className)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,0BAA0B,EACxC,cAAc,sBACd,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UALpB,CAAC,CAAC;GAK4B;EAC7C,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAiB,WAAW,GAAG,eAAe,YAAY,qBAAqB;YAA5F,CACE,oBAACA,QAAD,EAAY,WAAU,oHAAqH,GAC3I,oBAAC,OAAD;GACE,MAAK;GACQ;GACb,OAAO;GACP,WAAW,MAAM,qBAAqB,EAAE,OAAO,MAAM;GACrD,WAAW,GAAG,WAAW,YAAY,aAAa,UAAU;GAC5D,EACE"}

package/dist/components/compound/search-catalog/tag-filter.d.mts

@@ -1,7 +1,7 @@
-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 { useRender } from "@base-ui/react/use-render";
+import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/search-catalog/tag-filter.d.ts
@@ -9,7 +9,7 @@ interface SearchCatalogTagFilterProps {
   options?: ReadonlyArray<FilterSelectOption>;
   placeholder?: ReactNode;
   className?: string;
-  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+  render?: useRender.ComponentProps<"div", ColumnFilterState>["render"];
 }
 declare function SearchCatalogTagFilter({
   options,

package/dist/components/compound/search-catalog/tag-filter.d.mts.map

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

package/dist/components/compound/search-catalog/tag-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/tag-filter.tsx"],"sourcesContent":["import { Tag } 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, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogTagFilterProps {\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    <Tag className=\"pz:size-4\" /> Tag\n  </span>\n);\n\nexport function SearchCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogTagFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\n      id=\"tags\"\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,KAAD,EAAK,WAAU,aAAc,UACxB;;AAGT,SAAgB,uBAAuB,EACrC,SACA,cAAc,qBACd,WACA,UAC8B;AAC9B,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/tag-filter.tsx"],"sourcesContent":["import { useRender } from \"@base-ui/react/use-render\";\nimport { Tag } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Tag className=\"pz:size-4\" /> Tag\n  </span>\n);\n\nexport function SearchCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogTagFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\n      id=\"tags\"\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,KAAD,EAAK,WAAU,aAAc,UACxB;;AAGT,SAAgB,uBAAuB,EACrC,SACA,cAAc,qBACd,WACA,UAC8B;AAC9B,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

package/dist/components/compound/search-form/content.d.mts

@@ -1,10 +1,13 @@
-import { FormSectionHandle } from "../../../types/form-handle.mjs";
-import * as _$react from "react";
+import { FormHandle } from "../../../types/form-handle.mjs";
 import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
+import { SearchPayload } from "@pipe0/base";
 
 //#region src/components/compound/search-form/content.d.ts
 interface SearchFormContentState {
-  sections: FormSectionHandle[];
+  hasFieldLoaderError: boolean;
+  isFieldLoaderLoading: boolean;
+  form: FormHandle<SearchPayload>;
 }
 interface SearchFormContentProps extends useRender.ComponentProps<"div", SearchFormContentState> {}
 declare function SearchFormContent({

package/dist/components/compound/search-form/content.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"mappings":";;;;;UAUiB,sBAAA;EACf,QAAA,EAAU,iBAAA;AAAA;AAAA,UAGK,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;AAAA,iBAE1B,iBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}
+{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"mappings":";;;;;;UAQiB,sBAAA;EACf,mBAAA;EACA,oBAAA;EACA,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA;AAAA,UAGF,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;AAAA,iBAE1B,iBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

package/dist/components/compound/search-form/content.mjs

@@ -1,40 +1,32 @@
-import { useFormCustomization } from "../../../context/form-customization-context.mjs";
-import { applyFormCustomization } from "../../../utils/build-section-handlers.mjs";
-import { FormLevelErrors } from "../../internal/form-level-errors.mjs";
 import { useSearchFormContext } from "../../../context/search-form-context.mjs";
+import { SearchFormErrors } from "./errors.mjs";
 import { SearchFormSection } from "./section.mjs";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compound/search-form/content.tsx
 function SearchFormContent({ children, className, render, ...props }) {
-	const context = useSearchFormContext();
-	const [customization] = useFormCustomization();
-	const filteredSections = useMemo(() => applyFormCustomization(context.sections, customization), [context.sections, customization]);
-	const fieldPaths = useMemo(() => new Set(filteredSections.flatMap((s) => s.groups.flatMap((g) => g.fields.map((f) => f.path)))), [filteredSections]);
-	const anyFieldError = Object.values(context.fieldLoadStates).some((s) => s.status === "error");
-	const defaultChildren = /* @__PURE__ */ jsxs(Fragment$1, { children: [
-		filteredSections.map((section) => /* @__PURE__ */ jsx(SearchFormSection, { section }, section.key)),
-		anyFieldError && /* @__PURE__ */ jsx("div", {
-			"data-p0": "store-error",
-			role: "alert",
-			className: "pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium",
-			children: /* @__PURE__ */ jsx("span", { children: "Failed to load options for one or more fields. Check that your connection is valid." })
-		}),
-		/* @__PURE__ */ jsx(FormLevelErrors, {
-			control: context.form.control,
-			fieldPaths
-		})
-	] });
+	const { sections, hasFieldLoaderError, isFieldLoaderLoading, form } = useSearchFormContext();
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [sections.map((section, idx) => {
+		const prev = idx > 0 ? sections[idx - 1] : null;
+		return /* @__PURE__ */ jsx(SearchFormSection, {
+			section,
+			hideLabel: !!(section.label && prev && prev.label === section.label)
+		}, section.key);
+	}), /* @__PURE__ */ jsx(SearchFormErrors, {})] });
 	return useRender({
 		defaultTagName: "div",
 		render,
-		state: { sections: filteredSections },
+		state: {
+			hasFieldLoaderError,
+			isFieldLoaderLoading,
+			form
+		},
+		stateAttributesMapping: { form: () => null },
 		props: mergeProps({
 			className,
-			children: children ?? defaultChildren,
+			children: children ?? defaultBody,
 			"data-p0": "form-content"
 		}, props)
 	});

package/dist/components/compound/search-form/content.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useMemo } from \"react\";\nimport { useFormCustomization } from \"../../../context/form-customization-context.js\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport type { FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { applyFormCustomization } from \"../../../utils/build-section-handlers.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\nimport { SearchFormSection } from \"./section.js\";\n\nexport interface SearchFormContentState {\n  sections: FormSectionHandle[];\n}\n\nexport interface SearchFormContentProps\n  extends useRender.ComponentProps<\"div\", SearchFormContentState> {}\n\nexport function SearchFormContent({\n  children,\n  className,\n  render,\n  ...props\n}: SearchFormContentProps) {\n  const context = useSearchFormContext();\n  const [customization] = useFormCustomization();\n\n  const filteredSections = useMemo(\n    () => applyFormCustomization(context.sections, customization),\n    [context.sections, customization],\n  );\n\n  const fieldPaths = useMemo(\n    () =>\n      new Set(\n        filteredSections.flatMap((s) => s.groups.flatMap((g) => g.fields.map((f) => f.path))),\n      ),\n    [filteredSections],\n  );\n\n  const anyFieldError = Object.values(context.fieldLoadStates).some((s) => s.status === \"error\");\n\n  const defaultChildren = (\n    <>\n      {filteredSections.map((section) => (\n        <SearchFormSection key={section.key} section={section} />\n      ))}\n      {anyFieldError && (\n        <div\n          data-p0=\"store-error\"\n          role=\"alert\"\n          className=\"pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium\"\n        >\n          <span>\n            Failed to load options for one or more fields. Check that your connection is valid.\n          </span>\n        </div>\n      )}\n      <FormLevelErrors control={context.form.control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections: filteredSections },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultChildren,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,GAAG,SACsB;CACzB,MAAM,UAAU,sBAAsB;CACtC,MAAM,CAAC,iBAAiB,sBAAsB;CAE9C,MAAM,mBAAmB,cACjB,uBAAuB,QAAQ,UAAU,cAAc,EAC7D,CAAC,QAAQ,UAAU,cAAc,CAClC;CAED,MAAM,aAAa,cAEf,IAAI,IACF,iBAAiB,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,EAAE,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,CACtF,EACH,CAAC,iBAAiB,CACnB;CAED,MAAM,gBAAgB,OAAO,OAAO,QAAQ,gBAAgB,CAAC,MAAM,MAAM,EAAE,WAAW,QAAQ;CAE9F,MAAM,kBACJ;EACG,iBAAiB,KAAK,YACrB,oBAAC,mBAAD,EAA8C,SAAW,EAAjC,QAAQ,IAAyB,CACzD;EACD,iBACC,oBAAC,OAAD;GACE,WAAQ;GACR,MAAK;GACL,WAAU;aAEV,oBAAC,QAAD,YAAM,uFAEC;GACH;EAER,oBAAC,iBAAD;GAAiB,SAAS,QAAQ,KAAK;GAAqB;GAAc;EACzE;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,EAAE,UAAU,kBAAkB;EACrC,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { SearchPayload } from \"@pipe0/base\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { SearchFormErrors } from \"./errors.js\";\nimport { SearchFormSection } from \"./section.js\";\n\nexport interface SearchFormContentState {\n  hasFieldLoaderError: boolean;\n  isFieldLoaderLoading: boolean;\n  form: FormHandle<SearchPayload>;\n}\n\nexport interface SearchFormContentProps\n  extends useRender.ComponentProps<\"div\", SearchFormContentState> {}\n\nexport function SearchFormContent({\n  children,\n  className,\n  render,\n  ...props\n}: SearchFormContentProps) {\n  const { sections, hasFieldLoaderError, isFieldLoaderLoading, form } = useSearchFormContext();\n\n  // Sections that share a label render under one umbrella header.\n  // Hide the label on every section except the first in each contiguous cluster.\n  const defaultBody = (\n    <>\n      {sections.map((section, idx) => {\n        const prev = idx > 0 ? sections[idx - 1] : null;\n        const hideLabel = !!(section.label && prev && prev.label === section.label);\n        return <SearchFormSection key={section.key} section={section} hideLabel={hideLabel} />;\n      })}\n      <SearchFormErrors />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasFieldLoaderError, isFieldLoaderLoading, form },\n    stateAttributesMapping: {\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;AAiBA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,GAAG,SACsB;CACzB,MAAM,EAAE,UAAU,qBAAqB,sBAAsB,SAAS,sBAAsB;CAI5F,MAAM,cACJ,4CACG,SAAS,KAAK,SAAS,QAAQ;EAC9B,MAAM,OAAO,MAAM,IAAI,SAAS,MAAM,KAAK;AAE3C,SAAO,oBAAC,mBAAD;GAA8C;GAAS,WAD5C,CAAC,EAAE,QAAQ,SAAS,QAAQ,KAAK,UAAU,QAAQ;GACiB,EAAvD,QAAQ,IAA+C;GACtF,EACF,oBAAC,kBAAD,EAAoB,EACnB;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAqB;GAAsB;GAAM;EAC1D,wBAAwB,EACtB,YAAY,MACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

package/dist/components/compound/search-form/errors.d.mts

@@ -0,0 +1,23 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
+
+//#region src/components/compound/search-form/errors.d.ts
+interface SearchFormErrorsState {
+  hasFieldLoaderError: boolean;
+}
+interface SearchFormErrorsProps extends useRender.ComponentProps<"div", SearchFormErrorsState> {}
+/**
+ * Renders form-wide errors that don't belong to a specific visible field:
+ * the field-loader banner (when a resolver fails to load options for a
+ * field) and form-level validation errors (errors not attached to any
+ * rendered field).
+ */
+declare function SearchFormErrors({
+  children,
+  className,
+  render,
+  ...props
+}: SearchFormErrorsProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+//#endregion
+export { SearchFormErrors };
+//# sourceMappingURL=errors.d.mts.map