@pipe0/react 0.0.4 → 0.0.6

package/dist/components/compound/searches-catalog/active-filters.mjs

@@ -1,8 +1,9 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.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/searches-catalog/active-filters.tsx
@@ -11,7 +12,7 @@ const COLUMN_LABELS = {
 	providers: "Provider",
 	tags: "Tag"
 };
-function SearchesCatalogActiveFilters({ className, render }) {
+function SearchesCatalogActiveFilters({ className, render, ...props }) {
 	const { classNames } = useCatalogConfig();
 	const ctx = useSearchesCatalogContext();
 	const filters = ctx.table.getState().columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
@@ -20,25 +21,28 @@ function SearchesCatalogActiveFilters({ className, render }) {
 		label: COLUMN_LABELS[f.id] ?? f.id,
 		remove: () => ctx.removeColumnFilter(f.id)
 	}));
-	if (filters.length === 0) return null;
-	if (render) return renderSlot({
+	const isEmpty = filters.length === 0;
+	const defaultBody = filters.map((f) => /* @__PURE__ */ jsx(DefaultActiveFilterPill, {
+		label: f.label,
+		value: f.value,
+		onRemove: f.remove
+	}, f.id));
+	const element = useRender({
 		defaultTagName: "div",
 		render,
-		state: { filters },
-		props: {
-			"data-p0": "catalog-active-filters",
-			className: cn("pz:flex pz:flex-wrap pz:items-center pz:gap-2", classNames?.activeFilters, className)
-		}
-	});
-	return /* @__PURE__ */ jsx("div", {
-		"data-p0": "catalog-active-filters",
-		className: cn("pz:flex pz:flex-wrap pz:items-center pz:gap-2", classNames?.activeFilters, className),
-		children: filters.map((f) => /* @__PURE__ */ jsx(DefaultActiveFilterPill, {
-			label: f.label,
-			value: f.value,
-			onRemove: f.remove
-		}, f.id))
+		state: {
+			activeFilters: filters,
+			isEmpty
+		},
+		stateAttributesMapping: { activeFilters: () => null },
+		props: mergeProps({
+			className: cn("pz:flex pz:flex-wrap pz:items-center pz:gap-2", classNames?.activeFilters, className),
+			children: defaultBody,
+			"data-p0": "catalog-active-filters"
+		}, props)
 	});
+	if (isEmpty) return null;
+	return element;
 }
 
 //#endregion

package/dist/components/compound/searches-catalog/active-filters.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchesCatalogActiveFiltersState {\n  filters: ActiveFilter[];\n}\n\nexport interface SearchesCatalogActiveFiltersProps {\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, SearchesCatalogActiveFiltersState>;\n}\n\nexport function SearchesCatalogActiveFilters({\n  className,\n  render,\n}: SearchesCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  if (filters.length === 0) return null;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: { filters },\n      props: {\n        \"data-p0\": \"catalog-active-filters\",\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  return (\n    <div\n      data-p0=\"catalog-active-filters\"\n      className={cn(\n        \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n        classNames?.activeFilters,\n        className,\n      )}\n    >\n      {filters.map((f) => (\n        <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAkBD,SAAgB,6BAA6B,EAC3C,WACA,UACoC;CACpC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,2BAA2B;CACvC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;AAEL,KAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO;GACL,WAAW;GACX,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACF;EACF,CAAC;AAGJ,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GACT,iDACA,YAAY,eACZ,UACD;YAEA,QAAQ,KAAK,MACZ,oBAAC,yBAAD;GAAoC,OAAO,EAAE;GAAO,OAAO,EAAE;GAAO,UAAU,EAAE;GAAU,EAA5D,EAAE,GAA0D,CAC1F;EACE"}
+{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.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 { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchesCatalogActiveFiltersState {\n  activeFilters: ActiveFilter[];\n  isEmpty: boolean;\n}\n\nexport interface SearchesCatalogActiveFiltersProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogActiveFiltersState> {}\n\nexport function SearchesCatalogActiveFilters({\n  className,\n  render,\n  ...props\n}: SearchesCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  const isEmpty = filters.length === 0;\n\n  const defaultBody = filters.map((f) => (\n    <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n  ));\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { activeFilters: filters, isEmpty },\n    stateAttributesMapping: {\n      activeFilters: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-active-filters\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAiBD,SAAgB,6BAA6B,EAC3C,WACA,QACA,GAAG,SACiC;CACpC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,2BAA2B;CACvC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;CAEL,MAAM,UAAU,QAAQ,WAAW;CAEnC,MAAM,cAAc,QAAQ,KAAK,MAC/B,oBAAC,yBAAD;EAAoC,OAAO,EAAE;EAAO,OAAO,EAAE;EAAO,UAAU,EAAE;EAAU,EAA5D,EAAE,GAA0D,CAC1F;CAEF,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE,eAAe;GAAS;GAAS;EAC1C,wBAAwB,EACtB,qBAAqB,MACtB;EACD,OAAO,WACL;GACE,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACD,UAAU;GACJ,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

package/dist/components/compound/searches-catalog/card.d.mts

@@ -1,20 +1,19 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
 import { SearchesCardData } from "../../../types/catalog-adapters.mjs";
+import { useRender } from "@base-ui/react/use-render";
 import * as _$react from "react";
-import { ComponentProps, MouseEvent, ReactNode } from "react";
+import { MouseEvent } from "react";
 
 //#region src/components/compound/searches-catalog/card.d.ts
 interface SearchesCatalogCardState {
-  card: SearchesCardData;
   selected: boolean;
+  expanded: boolean;
 }
-interface SearchesCatalogCardProps extends Omit<ComponentProps<"div">, "onClick" | "children"> {
+interface SearchesCatalogCardProps extends useRender.ComponentProps<"div", SearchesCatalogCardState> {
   card: SearchesCardData;
   index?: number;
   selected?: boolean;
-  render?: RenderProp<ComponentProps<"div">, SearchesCatalogCardState>;
+  /** Overrides the default click handler that fires `onSelectCard`. */
   onClick?: (e: MouseEvent<HTMLDivElement>) => void;
-  children?: ReactNode;
 }
 declare const SearchesCatalogCard: _$react.ForwardRefExoticComponent<Omit<SearchesCatalogCardProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion

package/dist/components/compound/searches-catalog/card.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/card.tsx"],"mappings":";;;;;;UAyBiB,wBAAA;EACf,IAAA,EAAM,gBAAA;EACN,QAAA;AAAA;AAAA,UAGe,wBAAA,SACP,IAAA,CAAK,cAAA;EACb,IAAA,EAAM,gBAAA;EACN,KAAA;EACA,QAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,wBAAA;EAC3C,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,cAAA;EACzB,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,mBAAA,EAAmB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,wBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/card.tsx"],"mappings":";;;;;;UAyBiB,wBAAA;EACf,QAAA;EACA,QAAA;AAAA;AAAA,UAGe,wBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,wBAAA;EACxC,IAAA,EAAM,gBAAA;EACN,KAAA;EACA,QAAA;EAJe;EAMf,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,cAAA;AAAA;AAAA,cAUd,mBAAA,EAAmB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,wBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}

package/dist/components/compound/searches-catalog/card.mjs

@@ -1,16 +1,23 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { SearchesCatalogCardContext } from "../../../context/searches-catalog-card-context.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
 import { CatalogCardDescription, CatalogCardHeader, CatalogCardTitle } from "../../defaults/catalog/card-primitives.mjs";
-import { forwardRef, useCallback, useMemo } from "react";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { forwardRef, useCallback, useId, useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compound/searches-catalog/card.tsx
-const SearchesCatalogCard = forwardRef(function SearchesCatalogCard({ card, index = 0, selected = false, render, onClick, className, children, ...rest }, ref) {
-	const { onSelectCard } = useSearchesCatalogContext();
+const DEFAULT_BODY = /* @__PURE__ */ jsxs(CatalogCardHeader, { children: [/* @__PURE__ */ jsx(CatalogCardTitle, {}), /* @__PURE__ */ jsx(CatalogCardDescription, {})] });
+const SearchesCatalogCard = forwardRef(function SearchesCatalogCard({ card, index = 0, selected = false, render, onClick, className, ...rest }, ref) {
+	const { onSelectCard, expandedCardId, setExpandedCardId } = useSearchesCatalogContext();
 	const { classNames, components } = useCatalogConfig();
+	const instanceId = useId();
+	const expanded = expandedCardId === instanceId;
+	const setExpanded = useCallback((open) => {
+		setExpandedCardId(open ? instanceId : null);
+	}, [instanceId, setExpandedCardId]);
 	const onSelect = useCallback((e) => {
 		onSelectCard?.(card, e);
 	}, [onSelectCard, card]);
@@ -18,14 +25,17 @@ const SearchesCatalogCard = forwardRef(function SearchesCatalogCard({ card, inde
 		card,
 		index,
 		selected,
-		onSelect
+		expanded,
+		onSelect,
+		setExpanded
 	}), [
 		card,
 		index,
 		selected,
-		onSelect
+		expanded,
+		onSelect,
+		setExpanded
 	]);
-	const isUsingDefaultBody = !render && !onClick && children == null;
 	const interactive = !!(onClick || onSelectCard);
 	const handleClick = onClick ? onClick : onSelectCard ? (e) => onSelect(e) : void 0;
 	const handleKeyDown = interactive ? (e) => {
@@ -35,33 +45,33 @@ const SearchesCatalogCard = forwardRef(function SearchesCatalogCard({ card, inde
 			else onSelect(e);
 		}
 	} : void 0;
+	const isUsingDefaultBody = !render;
 	const Card = components?.Card;
-	const defaultChildren = children ?? /* @__PURE__ */ jsxs(CatalogCardHeader, { children: [/* @__PURE__ */ jsx(CatalogCardTitle, {}), /* @__PURE__ */ jsx(CatalogCardDescription, {})] });
+	const element = useRender({
+		ref,
+		defaultTagName: "div",
+		render,
+		state: {
+			selected,
+			expanded
+		},
+		props: mergeProps({
+			role: interactive ? "button" : void 0,
+			tabIndex: interactive ? 0 : void 0,
+			onClick: handleClick,
+			onKeyDown: handleKeyDown,
+			className: cn("pz:flex pz:flex-col", isUsingDefaultBody && "pz:rounded-md pz:border pz:border-input pz:bg-card pz:px-3 pz:py-2.5 pz:transition-colors", isUsingDefaultBody && interactive && "pz:hover:bg-muted/40", interactive && "pz:cursor-pointer", classNames?.card, className),
+			...isUsingDefaultBody ? { children: DEFAULT_BODY } : {},
+			"data-p0": "catalog-card"
+		}, rest)
+	});
 	if (Card) return /* @__PURE__ */ jsx(SearchesCatalogCardContext.Provider, {
 		value: contextValue,
-		children: /* @__PURE__ */ jsx(Card, { children: defaultChildren })
+		children: /* @__PURE__ */ jsx(Card, { children: DEFAULT_BODY })
 	});
 	return /* @__PURE__ */ jsx(SearchesCatalogCardContext.Provider, {
 		value: contextValue,
-		children: renderSlot({
-			defaultTagName: "div",
-			render,
-			state: {
-				card,
-				selected
-			},
-			props: {
-				"data-p0": "catalog-card",
-				role: interactive ? "button" : void 0,
-				tabIndex: interactive ? 0 : void 0,
-				onClick: handleClick,
-				onKeyDown: handleKeyDown,
-				className: cn("pz:flex pz:flex-col", isUsingDefaultBody && "pz:rounded-md pz:border pz:border-input pz:bg-card pz:px-3 pz:py-2.5 pz:transition-colors", isUsingDefaultBody && interactive && "pz:hover:bg-muted/40", interactive && "pz:cursor-pointer", classNames?.card, className),
-				children: defaultChildren
-			},
-			externalProps: rest,
-			ref
-		})
+		children: element
 	});
 });
 

package/dist/components/compound/searches-catalog/card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/card.tsx"],"sourcesContent":["import {\n  type ComponentProps,\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type ReactNode,\n  type SyntheticEvent,\n  useCallback,\n  useMemo,\n} from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport {\n  SearchesCatalogCardContext,\n  type SearchesCatalogCardContextValue,\n} from \"../../../context/searches-catalog-card-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { SearchesCardData } from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport {\n  CatalogCardDescription,\n  CatalogCardHeader,\n  CatalogCardTitle,\n} from \"../../defaults/catalog/card-primitives.js\";\n\nexport interface SearchesCatalogCardState {\n  card: SearchesCardData;\n  selected: boolean;\n}\n\nexport interface SearchesCatalogCardProps\n  extends Omit<ComponentProps<\"div\">, \"onClick\" | \"children\"> {\n  card: SearchesCardData;\n  index?: number;\n  selected?: boolean;\n  render?: RenderProp<ComponentProps<\"div\">, SearchesCatalogCardState>;\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n  children?: ReactNode;\n}\n\nexport const SearchesCatalogCard = forwardRef<HTMLDivElement, SearchesCatalogCardProps>(\n  function SearchesCatalogCard(\n    { card, index = 0, selected = false, render, onClick, className, children, ...rest },\n    ref,\n  ) {\n    const { onSelectCard } = useSearchesCatalogContext();\n    const { classNames, components } = useCatalogConfig();\n\n    const onSelect = useCallback(\n      (e: SyntheticEvent) => {\n        onSelectCard?.(card, e);\n      },\n      [onSelectCard, card],\n    );\n\n    const contextValue = useMemo<SearchesCatalogCardContextValue>(\n      () => ({ card, index, selected, onSelect }),\n      [card, index, selected, onSelect],\n    );\n\n    const isUsingDefaultBody = !render && !onClick && children == null;\n    const interactive = !!(onClick || onSelectCard);\n    const handleClick = onClick\n      ? onClick\n      : onSelectCard\n        ? (e: MouseEvent<HTMLDivElement>) => onSelect(e)\n        : undefined;\n    const handleKeyDown = interactive\n      ? (e: KeyboardEvent<HTMLDivElement>) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            if (onClick) onClick(e as unknown as MouseEvent<HTMLDivElement>);\n            else onSelect(e);\n          }\n        }\n      : undefined;\n\n    const Card = components?.Card;\n\n    const defaultChildren = children ?? (\n      <CatalogCardHeader>\n        <CatalogCardTitle />\n        <CatalogCardDescription />\n      </CatalogCardHeader>\n    );\n\n    if (Card) {\n      return (\n        <SearchesCatalogCardContext.Provider value={contextValue}>\n          <Card>{defaultChildren}</Card>\n        </SearchesCatalogCardContext.Provider>\n      );\n    }\n\n    return (\n      <SearchesCatalogCardContext.Provider value={contextValue}>\n        {renderSlot({\n          defaultTagName: \"div\",\n          render,\n          state: { card, selected },\n          props: {\n            \"data-p0\": \"catalog-card\",\n            role: interactive ? \"button\" : undefined,\n            tabIndex: interactive ? 0 : undefined,\n            onClick: handleClick,\n            onKeyDown: handleKeyDown,\n            className: cn(\n              \"pz:flex pz:flex-col\",\n              isUsingDefaultBody &&\n                \"pz:rounded-md pz:border pz:border-input pz:bg-card pz:px-3 pz:py-2.5 pz:transition-colors\",\n              isUsingDefaultBody && interactive && \"pz:hover:bg-muted/40\",\n              interactive && \"pz:cursor-pointer\",\n              classNames?.card,\n              className,\n            ),\n            children: defaultChildren,\n          } as ComponentProps<\"div\">,\n          externalProps: rest as Record<string, unknown>,\n          ref,\n        })}\n      </SearchesCatalogCardContext.Provider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;AAwCA,MAAa,sBAAsB,WACjC,SAAS,oBACP,EAAE,MAAM,QAAQ,GAAG,WAAW,OAAO,QAAQ,SAAS,WAAW,UAAU,GAAG,QAC9E,KACA;CACA,MAAM,EAAE,iBAAiB,2BAA2B;CACpD,MAAM,EAAE,YAAY,eAAe,kBAAkB;CAErD,MAAM,WAAW,aACd,MAAsB;AACrB,iBAAe,MAAM,EAAE;IAEzB,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,eAAe,eACZ;EAAE;EAAM;EAAO;EAAU;EAAU,GAC1C;EAAC;EAAM;EAAO;EAAU;EAAS,CAClC;CAED,MAAM,qBAAqB,CAAC,UAAU,CAAC,WAAW,YAAY;CAC9D,MAAM,cAAc,CAAC,EAAE,WAAW;CAClC,MAAM,cAAc,UAChB,UACA,gBACG,MAAkC,SAAS,EAAE,GAC9C;CACN,MAAM,gBAAgB,eACjB,MAAqC;AACpC,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,KAAE,gBAAgB;AAClB,OAAI,QAAS,SAAQ,EAA2C;OAC3D,UAAS,EAAE;;KAGpB;CAEJ,MAAM,OAAO,YAAY;CAEzB,MAAM,kBAAkB,YACtB,qBAAC,mBAAD,aACE,oBAAC,kBAAD,EAAoB,GACpB,oBAAC,wBAAD,EAA0B,EACR;AAGtB,KAAI,KACF,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO;YAC1C,oBAAC,MAAD,YAAO,iBAAuB;EACM;AAI1C,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO;YACzC,WAAW;GACV,gBAAgB;GAChB;GACA,OAAO;IAAE;IAAM;IAAU;GACzB,OAAO;IACL,WAAW;IACX,MAAM,cAAc,WAAW;IAC/B,UAAU,cAAc,IAAI;IAC5B,SAAS;IACT,WAAW;IACX,WAAW,GACT,uBACA,sBACE,6FACF,sBAAsB,eAAe,wBACrC,eAAe,qBACf,YAAY,MACZ,UACD;IACD,UAAU;IACX;GACD,eAAe;GACf;GACD,CAAC;EACkC;EAG3C"}
+{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/card.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport {\n  forwardRef,\n  type KeyboardEvent,\n  type MouseEvent,\n  type SyntheticEvent,\n  useCallback,\n  useId,\n  useMemo,\n} from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport {\n  SearchesCatalogCardContext,\n  type SearchesCatalogCardContextValue,\n} from \"../../../context/searches-catalog-card-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { SearchesCardData } from \"../../../types/catalog-adapters.js\";\nimport {\n  CatalogCardDescription,\n  CatalogCardHeader,\n  CatalogCardTitle,\n} from \"../../defaults/catalog/card-primitives.js\";\n\nexport interface SearchesCatalogCardState {\n  selected: boolean;\n  expanded: boolean;\n}\n\nexport interface SearchesCatalogCardProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogCardState> {\n  card: SearchesCardData;\n  index?: number;\n  selected?: boolean;\n  /** Overrides the default click handler that fires `onSelectCard`. */\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\nconst DEFAULT_BODY = (\n  <CatalogCardHeader>\n    <CatalogCardTitle />\n    <CatalogCardDescription />\n  </CatalogCardHeader>\n);\n\nexport const SearchesCatalogCard = forwardRef<HTMLDivElement, SearchesCatalogCardProps>(\n  function SearchesCatalogCard(\n    { card, index = 0, selected = false, render, onClick, className, ...rest },\n    ref,\n  ) {\n    const { onSelectCard, expandedCardId, setExpandedCardId } = useSearchesCatalogContext();\n    const { classNames, components } = useCatalogConfig();\n    const instanceId = useId();\n    const expanded = expandedCardId === instanceId;\n\n    const setExpanded = useCallback(\n      (open: boolean) => {\n        setExpandedCardId(open ? instanceId : null);\n      },\n      [instanceId, setExpandedCardId],\n    );\n\n    const onSelect = useCallback(\n      (e: SyntheticEvent) => {\n        onSelectCard?.(card, e);\n      },\n      [onSelectCard, card],\n    );\n\n    const contextValue = useMemo<SearchesCatalogCardContextValue>(\n      () => ({ card, index, selected, expanded, onSelect, setExpanded }),\n      [card, index, selected, expanded, onSelect, setExpanded],\n    );\n\n    const interactive = !!(onClick || onSelectCard);\n    const handleClick = onClick\n      ? onClick\n      : onSelectCard\n        ? (e: MouseEvent<HTMLDivElement>) => onSelect(e)\n        : undefined;\n    const handleKeyDown = interactive\n      ? (e: KeyboardEvent<HTMLDivElement>) => {\n          if (e.key === \"Enter\" || e.key === \" \") {\n            e.preventDefault();\n            if (onClick) onClick(e as unknown as MouseEvent<HTMLDivElement>);\n            else onSelect(e);\n          }\n        }\n      : undefined;\n\n    const isUsingDefaultBody = !render;\n\n    const Card = components?.Card;\n\n    const element = useRender({\n      ref,\n      defaultTagName: \"div\",\n      render,\n      state: { selected, expanded },\n      props: mergeProps<\"div\">(\n        {\n          role: interactive ? \"button\" : undefined,\n          tabIndex: interactive ? 0 : undefined,\n          onClick: handleClick,\n          onKeyDown: handleKeyDown,\n          className: cn(\n            \"pz:flex pz:flex-col\",\n            isUsingDefaultBody &&\n              \"pz:rounded-md pz:border pz:border-input pz:bg-card pz:px-3 pz:py-2.5 pz:transition-colors\",\n            isUsingDefaultBody && interactive && \"pz:hover:bg-muted/40\",\n            interactive && \"pz:cursor-pointer\",\n            classNames?.card,\n            className,\n          ),\n          ...(isUsingDefaultBody ? { children: DEFAULT_BODY } : {}),\n          ...({ \"data-p0\": \"catalog-card\" } as Record<string, string>),\n        },\n        rest as Record<string, unknown>,\n      ),\n    });\n\n    if (Card) {\n      return (\n        <SearchesCatalogCardContext.Provider value={contextValue}>\n          <Card>{DEFAULT_BODY}</Card>\n        </SearchesCatalogCardContext.Provider>\n      );\n    }\n\n    return (\n      <SearchesCatalogCardContext.Provider value={contextValue}>\n        {element}\n      </SearchesCatalogCardContext.Provider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AAuCA,MAAM,eACJ,qBAAC,mBAAD,aACE,oBAAC,kBAAD,EAAoB,GACpB,oBAAC,wBAAD,EAA0B,EACR;AAGtB,MAAa,sBAAsB,WACjC,SAAS,oBACP,EAAE,MAAM,QAAQ,GAAG,WAAW,OAAO,QAAQ,SAAS,WAAW,GAAG,QACpE,KACA;CACA,MAAM,EAAE,cAAc,gBAAgB,sBAAsB,2BAA2B;CACvF,MAAM,EAAE,YAAY,eAAe,kBAAkB;CACrD,MAAM,aAAa,OAAO;CAC1B,MAAM,WAAW,mBAAmB;CAEpC,MAAM,cAAc,aACjB,SAAkB;AACjB,oBAAkB,OAAO,aAAa,KAAK;IAE7C,CAAC,YAAY,kBAAkB,CAChC;CAED,MAAM,WAAW,aACd,MAAsB;AACrB,iBAAe,MAAM,EAAE;IAEzB,CAAC,cAAc,KAAK,CACrB;CAED,MAAM,eAAe,eACZ;EAAE;EAAM;EAAO;EAAU;EAAU;EAAU;EAAa,GACjE;EAAC;EAAM;EAAO;EAAU;EAAU;EAAU;EAAY,CACzD;CAED,MAAM,cAAc,CAAC,EAAE,WAAW;CAClC,MAAM,cAAc,UAChB,UACA,gBACG,MAAkC,SAAS,EAAE,GAC9C;CACN,MAAM,gBAAgB,eACjB,MAAqC;AACpC,MAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,KAAE,gBAAgB;AAClB,OAAI,QAAS,SAAQ,EAA2C;OAC3D,UAAS,EAAE;;KAGpB;CAEJ,MAAM,qBAAqB,CAAC;CAE5B,MAAM,OAAO,YAAY;CAEzB,MAAM,UAAU,UAAU;EACxB;EACA,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAU;GAAU;EAC7B,OAAO,WACL;GACE,MAAM,cAAc,WAAW;GAC/B,UAAU,cAAc,IAAI;GAC5B,SAAS;GACT,WAAW;GACX,WAAW,GACT,uBACA,sBACE,6FACF,sBAAsB,eAAe,wBACrC,eAAe,qBACf,YAAY,MACZ,UACD;GACD,GAAI,qBAAqB,EAAE,UAAU,cAAc,GAAG,EAAE;GAClD,WAAW;GAClB,EACD,KACD;EACF,CAAC;AAEF,KAAI,KACF,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO;YAC1C,oBAAC,MAAD,YAAO,cAAoB;EACS;AAI1C,QACE,oBAAC,2BAA2B,UAA5B;EAAqC,OAAO;YACzC;EACmC;EAG3C"}

package/dist/components/compound/searches-catalog/category-filter.d.mts

@@ -1,29 +1,23 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
 import { CategoryOption } from "../../defaults/catalog/category-filter.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";
 import { SearchCategory } from "@pipe0/base";
 
 //#region src/components/compound/searches-catalog/category-filter.d.ts
 interface SearchesCatalogCategoryFilterState {
   value: SearchCategory | null;
-  setValue: (v: SearchCategory | null) => void;
-  options: ReadonlyArray<CategoryOption<SearchCategory>>;
-  counts: Partial<Record<SearchCategory, number>>;
-  totalCount: number;
-  isActive: (id: SearchCategory | null) => boolean;
+  isActive: boolean;
 }
-interface SearchesCatalogCategoryFilterProps {
+interface SearchesCatalogCategoryFilterProps extends useRender.ComponentProps<"div", SearchesCatalogCategoryFilterState> {
+  /** Override the default category options. */
   options?: ReadonlyArray<CategoryOption<SearchCategory>>;
-  className?: string;
-  render?: RenderProp<ComponentProps<"div">, SearchesCatalogCategoryFilterState>;
 }
 declare function SearchesCatalogCategoryFilter({
   options,
   className,
-  render
-}: SearchesCatalogCategoryFilterProps): 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
+}: SearchesCatalogCategoryFilterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { SearchesCatalogCategoryFilter, SearchesCatalogCategoryFilterProps, SearchesCatalogCategoryFilterState };
 //# sourceMappingURL=category-filter.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"category-filter.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/category-filter.tsx"],"mappings":";;;;;;;;UA6BiB,kCAAA;EACf,KAAA,EAAO,cAAA;EACP,QAAA,GAAW,CAAA,EAAG,cAAA;EACd,OAAA,EAAS,aAAA,CAAc,cAAA,CAAe,cAAA;EACtC,MAAA,EAAQ,OAAA,CAAQ,MAAA,CAAO,cAAA;EACvB,UAAA;EACA,QAAA,GAAW,EAAA,EAAI,cAAA;AAAA;AAAA,UAGA,kCAAA;EACf,OAAA,GAAU,aAAA,CAAc,cAAA,CAAe,cAAA;EACvC,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,kCAAA;AAAA;AAAA,iBAG7B,6BAAA,CAAA;EACd,OAAA;EACA,SAAA;EACA;AAAA,GACC,kCAAA,wCAAkC,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":"category-filter.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/category-filter.tsx"],"mappings":";;;;;;UA6BiB,kCAAA;EACf,KAAA,EAAO,cAAA;EACP,QAAA;AAAA;AAAA,UAGe,kCAAA,SACP,SAAA,CAAU,cAAA,QAAsB,kCAAA;;EAExC,OAAA,GAAU,aAAA,CAAc,cAAA,CAAe,cAAA;AAAA;AAAA,iBAGzB,6BAAA,CAAA;EACd,OAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,kCAAA,GAAkC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/searches-catalog/category-filter.mjs

@@ -1,6 +1,7 @@
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
 import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 import { Building2, Database, User, X } from "lucide-react";
 import { getSearchCategoryEntries } from "@pipe0/base";
@@ -20,24 +21,22 @@ const DEFAULT_OPTIONS = [{
 	label: entry.label,
 	icon: SEARCH_CATEGORY_ICONS[entry.id]
 }))];
-function SearchesCatalogCategoryFilter({ options = DEFAULT_OPTIONS, className, render }) {
+function SearchesCatalogCategoryFilter({ options = DEFAULT_OPTIONS, className, render, ...props }) {
 	const ctx = useSearchesCatalogContext();
-	if (render) return renderSlot({
+	const value = ctx.category;
+	const element = useRender({
 		defaultTagName: "div",
 		render,
 		state: {
-			value: ctx.category,
-			setValue: ctx.setCategory,
-			options,
-			counts: ctx.baselineCategoryCounts,
-			totalCount: ctx.baselineCardCount,
-			isActive: (id) => ctx.category === id
+			value,
+			isActive: value !== null
 		},
-		props: {
-			"data-p0": "catalog-category-filter",
-			className
-		}
+		props: mergeProps({
+			className,
+			"data-p0": "catalog-category-filter"
+		}, props)
 	});
+	if (render) return element;
 	return /* @__PURE__ */ jsx(DefaultCategoryFilter, {
 		options,
 		value: ctx.category,

package/dist/components/compound/searches-catalog/category-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/category-filter.tsx"],"sourcesContent":["import { getSearchCategoryEntries, type SearchCategory } from \"@pipe0/base\";\nimport { Building2, Database, User, X } from \"lucide-react\";\nimport type { ComponentProps } from \"react\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst SEARCH_CATEGORY_ICONS: Record<SearchCategory, CategoryOption<SearchCategory>[\"icon\"]> = {\n  people: User,\n  companies: Building2,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SearchCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getSearchCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SearchCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: SEARCH_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface SearchesCatalogCategoryFilterState {\n  value: SearchCategory | null;\n  setValue: (v: SearchCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SearchCategory>>;\n  counts: Partial<Record<SearchCategory, number>>;\n  totalCount: number;\n  isActive: (id: SearchCategory | null) => boolean;\n}\n\nexport interface SearchesCatalogCategoryFilterProps {\n  options?: ReadonlyArray<CategoryOption<SearchCategory>>;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, SearchesCatalogCategoryFilterState>;\n}\n\nexport function SearchesCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n}: SearchesCatalogCategoryFilterProps) {\n  const ctx = useSearchesCatalogContext();\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: {\n        value: ctx.category,\n        setValue: ctx.setCategory,\n        options,\n        counts: ctx.baselineCategoryCounts,\n        totalCount: ctx.baselineCardCount,\n        isActive: (id: SearchCategory | null) => ctx.category === id,\n      },\n      props: {\n        \"data-p0\": \"catalog-category-filter\",\n        className,\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAUA,MAAM,wBAAwF;CAC5F,QAAQ;CACR,WAAW;CACX,YAAY;CACb;AAED,MAAM,kBAAiE,CACrE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,0BAA0B,CAAC,CAC/B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAA2C;CAC1C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,8BAA8B,EAC5C,UAAU,iBACV,WACA,UACqC;CACrC,MAAM,MAAM,2BAA2B;AAEvC,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO;GACL,OAAO,IAAI;GACX,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB,WAAW,OAA8B,IAAI,aAAa;GAC3D;EACD,OAAO;GACL,WAAW;GACX;GACD;EACF,CAAC;AAGJ,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}
+{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSearchCategoryEntries, type SearchCategory } from \"@pipe0/base\";\nimport { Building2, Database, User, X } from \"lucide-react\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst SEARCH_CATEGORY_ICONS: Record<SearchCategory, CategoryOption<SearchCategory>[\"icon\"]> = {\n  people: User,\n  companies: Building2,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SearchCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getSearchCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SearchCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: SEARCH_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface SearchesCatalogCategoryFilterState {\n  value: SearchCategory | null;\n  isActive: boolean;\n}\n\nexport interface SearchesCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SearchCategory>>;\n}\n\nexport function SearchesCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: SearchesCatalogCategoryFilterProps) {\n  const ctx = useSearchesCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { value, isActive },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,wBAAwF;CAC5F,QAAQ;CACR,WAAW;CACX,YAAY;CACb;AAED,MAAM,kBAAiE,CACrE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,0BAA0B,CAAC,CAC/B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAA2C;CAC1C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAaD,SAAgB,8BAA8B,EAC5C,UAAU,iBACV,WACA,QACA,GAAG,SACkC;CACrC,MAAM,MAAM,2BAA2B;CACvC,MAAM,QAAQ,IAAI;CAGlB,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAO,UALD,UAAU;GAKC;EAC1B,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}

package/dist/components/compound/searches-catalog/column-filter.d.mts

@@ -1,31 +1,27 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
 import { FilterSelectOption } from "../../defaults/catalog/filter-select.mjs";
-import * as _$react from "react";
-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/searches-catalog/column-filter.d.ts
 type SearchesColumnFilterId = "outputFields" | "providers" | "tags";
 interface ColumnFilterState {
   value: string;
-  setValue: (v: string | null) => void;
-  options: ReadonlyArray<FilterSelectOption>;
   isActive: boolean;
 }
-interface SearchesCatalogColumnFilterProps {
+interface SearchesCatalogColumnFilterProps extends useRender.ComponentProps<"div", ColumnFilterState> {
   id: SearchesColumnFilterId;
   placeholder?: ReactNode;
   options?: ReadonlyArray<FilterSelectOption>;
-  className?: string;
-  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
 }
 declare function SearchesCatalogColumnFilter({
   id,
   placeholder,
   options,
   className,
-  render
-}: SearchesCatalogColumnFilterProps): 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;
+  render,
+  ...props
+}: SearchesCatalogColumnFilterProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { ColumnFilterState, SearchesCatalogColumnFilter, SearchesCatalogColumnFilterProps, SearchesColumnFilterId };
 //# sourceMappingURL=column-filter.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"column-filter.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/column-filter.tsx"],"mappings":";;;;;;;KAQY,sBAAA;AAAA,UAEK,iBAAA;EACf,KAAA;EACA,QAAA,GAAW,CAAA;EACX,OAAA,EAAS,aAAA,CAAc,kBAAA;EACvB,QAAA;AAAA;AAAA,UAGe,gCAAA;EACf,EAAA,EAAI,sBAAA;EACJ,WAAA,GAAc,SAAA;EACd,OAAA,GAAU,aAAA,CAAc,kBAAA;EACxB,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,iBAAA;AAAA;AAAA,iBAsB7B,2BAAA,CAAA;EACd,EAAA;EACA,WAAA;EACA,OAAA;EACA,SAAA;EACA;AAAA,GACC,gCAAA,wCAAgC,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"}
+{"version":3,"file":"column-filter.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/column-filter.tsx"],"mappings":";;;;;;KASY,sBAAA;AAAA,UAEK,iBAAA;EACf,KAAA;EACA,QAAA;AAAA;AAAA,UAGe,gCAAA,SACP,SAAA,CAAU,cAAA,QAAsB,iBAAA;EACxC,EAAA,EAAI,sBAAA;EACJ,WAAA,GAAc,SAAA;EACd,OAAA,GAAU,aAAA,CAAc,kBAAA;AAAA;AAAA,iBAsBV,2BAAA,CAAA;EACd,EAAA;EACA,WAAA;EACA,OAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,gCAAA,GAAgC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -1,6 +1,7 @@
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
 import { DefaultFilterSelect } from "../../defaults/catalog/filter-select.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/searches-catalog/column-filter.tsx
@@ -22,7 +23,7 @@ function getDefaultOptions(id, ctx) {
 		value: name
 	}));
 }
-function SearchesCatalogColumnFilter({ id, placeholder, options, className, render }) {
+function SearchesCatalogColumnFilter({ id, placeholder, options, className, render, ...props }) {
 	const ctx = useSearchesCatalogContext();
 	const value = ctx.getColumnFilterValue(id) || "";
 	const resolvedOptions = options ?? getDefaultOptions(id, ctx);
@@ -30,20 +31,19 @@ function SearchesCatalogColumnFilter({ id, placeholder, options, className, rend
 		if (v == null) ctx.removeColumnFilter(id);
 		else ctx.addColumnFilter(id, v);
 	};
-	if (render) return renderSlot({
+	const element = useRender({
 		defaultTagName: "div",
 		render,
 		state: {
 			value,
-			setValue,
-			options: resolvedOptions,
 			isActive: !!value
 		},
-		props: {
-			"data-p0": `catalog-column-filter-${id}`,
-			className
-		}
+		props: mergeProps({
+			className,
+			"data-p0": `catalog-column-filter-${id}`
+		}, props)
 	});
+	if (render) return element;
 	return /* @__PURE__ */ jsx(DefaultFilterSelect, {
 		placeholder,
 		value,

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

@@ -1 +1 @@
-{"version":3,"file":"column-filter.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/column-filter.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-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 SearchesColumnFilterId = \"outputFields\" | \"providers\" | \"tags\";\n\nexport interface ColumnFilterState {\n  value: string;\n  setValue: (v: string | null) => void;\n  options: ReadonlyArray<FilterSelectOption>;\n  isActive: boolean;\n}\n\nexport interface SearchesCatalogColumnFilterProps {\n  id: SearchesColumnFilterId;\n  placeholder?: ReactNode;\n  options?: ReadonlyArray<FilterSelectOption>;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nfunction getDefaultOptions(\n  id: SearchesColumnFilterId,\n  ctx: ReturnType<typeof useSearchesCatalogContext>,\n): FilterSelectOption[] {\n  let entries: ReadonlyArray<readonly [string, unknown]> = [];\n  switch (id) {\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\nexport function SearchesCatalogColumnFilter({\n  id,\n  placeholder,\n  options,\n  className,\n  render,\n}: SearchesCatalogColumnFilterProps) {\n  const ctx = useSearchesCatalogContext();\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":";;;;;;AAyBA,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;;AAEJ,QAAO,QAAQ,KAAK,CAAC,WAAW;EAAE,OAAO;EAAM,OAAO;EAAM,EAAE;;AAGhE,SAAgB,4BAA4B,EAC1C,IACA,aACA,SACA,WACA,UACmC;CACnC,MAAM,MAAM,2BAA2B;CACvC,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"}
+{"version":3,"file":"column-filter.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/column-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport {\n  DefaultFilterSelect,\n  type FilterSelectOption,\n} from \"../../defaults/catalog/filter-select.js\";\n\nexport type SearchesColumnFilterId = \"outputFields\" | \"providers\" | \"tags\";\n\nexport interface ColumnFilterState {\n  value: string;\n  isActive: boolean;\n}\n\nexport interface SearchesCatalogColumnFilterProps\n  extends useRender.ComponentProps<\"div\", ColumnFilterState> {\n  id: SearchesColumnFilterId;\n  placeholder?: ReactNode;\n  options?: ReadonlyArray<FilterSelectOption>;\n}\n\nfunction getDefaultOptions(\n  id: SearchesColumnFilterId,\n  ctx: ReturnType<typeof useSearchesCatalogContext>,\n): FilterSelectOption[] {\n  let entries: ReadonlyArray<readonly [string, unknown]> = [];\n  switch (id) {\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\nexport function SearchesCatalogColumnFilter({\n  id,\n  placeholder,\n  options,\n  className,\n  render,\n  ...props\n}: SearchesCatalogColumnFilterProps) {\n  const ctx = useSearchesCatalogContext();\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  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { value, isActive: !!value },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": `catalog-column-filter-${id}` } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\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":";;;;;;;AAuBA,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;;AAEJ,QAAO,QAAQ,KAAK,CAAC,WAAW;EAAE,OAAO;EAAM,OAAO;EAAM,EAAE;;AAGhE,SAAgB,4BAA4B,EAC1C,IACA,aACA,SACA,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,2BAA2B;CACvC,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;;CAGjC,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAO,UAAU,CAAC,CAAC;GAAO;EACnC,OAAO,WACL;GACE;GACM,WAAW,yBAAyB;GAC3C,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,qBAAD;EACe;EACN;EACP,UAAU;EACV,SAAS;EACE;EACX"}

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

@@ -1,22 +1,17 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
+import { useRender } from "@base-ui/react/use-render";
 import * as _$react from "react";
-import { ComponentProps, ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/searches-catalog/empty.d.ts
 interface SearchesCatalogEmptyState {
   visible: boolean;
 }
-interface SearchesCatalogEmptyProps {
-  children?: ReactNode;
-  className?: string;
-  render?: RenderProp<ComponentProps<"div">, SearchesCatalogEmptyState>;
-}
+interface SearchesCatalogEmptyProps extends useRender.ComponentProps<"div", SearchesCatalogEmptyState> {}
 declare function SearchesCatalogEmpty({
   children,
   className,
-  render
-}: SearchesCatalogEmptyProps): 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;
+  render,
+  ...props
+}: SearchesCatalogEmptyProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
 //#endregion
 export { SearchesCatalogEmpty, SearchesCatalogEmptyProps, SearchesCatalogEmptyState };
 //# sourceMappingURL=empty.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"empty.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/empty.tsx"],"mappings":";;;;;;UAMiB,yBAAA;EACf,OAAA;AAAA;AAAA,UAGe,yBAAA;EACf,QAAA,GAAW,SAAA;EACX,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,yBAAA;AAAA;AAAA,iBAG7B,oBAAA,CAAA;EAAuB,QAAA;EAAU,SAAA;EAAW;AAAA,GAAU,yBAAA,wCAAyB,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"}
+{"version":3,"file":"empty.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/empty.tsx"],"mappings":";;;;UAMiB,yBAAA;EACf,OAAA;AAAA;AAAA,UAGe,yBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,yBAAA;AAAA,iBAE1B,oBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,yBAAA,GAAyB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,29 +1,27 @@
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { renderSlot } from "../../../utils/render-slot.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-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/searches-catalog/empty.tsx
-function SearchesCatalogEmpty({ children, className, render }) {
+function SearchesCatalogEmpty({ children, className, render, ...props }) {
 	const { components } = useCatalogConfig();
 	const visible = useSearchesCatalogContext().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/searches-catalog/empty.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"empty.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/empty.tsx"],"sourcesContent":["import type { ComponentProps, ReactNode } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface SearchesCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface SearchesCatalogEmptyProps {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, SearchesCatalogEmptyState>;\n}\n\nexport function SearchesCatalogEmpty({ children, className, render }: SearchesCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\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,qBAAqB,EAAE,UAAU,WAAW,UAAqC;CAC/F,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,2BAA2B,CACnB,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/searches-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 { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface SearchesCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface SearchesCatalogEmptyProps\n  extends useRender.ComponentProps<\"div\", SearchesCatalogEmptyState> {}\n\nexport function SearchesCatalogEmpty({\n  children,\n  className,\n  render,\n  ...props\n}: SearchesCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\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,qBAAqB,EACnC,UACA,WACA,QACA,GAAG,SACyB;CAC5B,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,2BAA2B,CACnB,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/searches-catalog/index.d.mts

@@ -7,6 +7,6 @@ import { SearchesCatalogEmpty, SearchesCatalogEmptyProps, SearchesCatalogEmptySt
 import { SearchesCatalogList, SearchesCatalogListProps, SearchesCatalogListState } from "./list.mjs";
 import { SearchesCatalogOutputFieldFilter, SearchesCatalogOutputFieldFilterProps } from "./output-field-filter.mjs";
 import { SearchesCatalogProviderFilter, SearchesCatalogProviderFilterProps } from "./provider-filter.mjs";
-import { SearchesCatalog, SearchesCatalogInstanceProps, SearchesCatalogLegacyProps, SearchesCatalogProps } from "./root.mjs";
+import { SearchesCatalog, SearchesCatalogInstanceProps, SearchesCatalogProps, SearchesCatalogZeroConfigProps } from "./root.mjs";
 import { SearchesCatalogSearchFilter, SearchesCatalogSearchFilterProps, SearchesCatalogSearchFilterState } from "./search-filter.mjs";
 import { SearchesCatalogTagFilter, SearchesCatalogTagFilterProps } from "./tag-filter.mjs";

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

@@ -1,19 +1,17 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
-import { SearchesCardData } 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/searches-catalog/list.d.ts
 interface SearchesCatalogListState {
-  cards: SearchesCardData[];
-}
-interface SearchesCatalogListProps {
-  render?: RenderProp<ComponentProps<"div">, SearchesCatalogListState>;
-  className?: string;
+  isEmpty: boolean;
 }
+interface SearchesCatalogListProps extends useRender.ComponentProps<"div", SearchesCatalogListState> {}
 declare function SearchesCatalogList({
   render,
-  className
-}: SearchesCatalogListProps): ReactNode;
+  className,
+  children,
+  ...props
+}: SearchesCatalogListProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
 //#endregion
 export { SearchesCatalogList, SearchesCatalogListProps, SearchesCatalogListState };
 //# sourceMappingURL=list.d.mts.map