@pipe0/react 0.0.2

package/dist/components/defaults/adapters/textarea-input.mjs

@@ -0,0 +1,17 @@
+import { Textarea } from "../../ui/textarea.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/textarea-input.tsx
+function TextareaInputAdapter(field) {
+	return /* @__PURE__ */ jsx(Textarea, {
+		...field.textareaProps,
+		"data-p0": "input",
+		"aria-invalid": !!field.error,
+		maxLength: field.meta.maxLength,
+		minLength: field.meta.minLength
+	});
+}
+
+//#endregion
+export { TextareaInputAdapter };
+//# sourceMappingURL=textarea-input.mjs.map

package/dist/components/defaults/adapters/textarea-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/textarea-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { Textarea } from \"../../ui/textarea.js\";\n\nexport function TextareaInputAdapter(field: FieldHandle<\"textarea_input\">) {\n  return (\n    <Textarea\n      {...field.textareaProps}\n      data-p0=\"input\"\n      aria-invalid={!!field.error}\n      maxLength={field.meta.maxLength}\n      minLength={field.meta.minLength}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,qBAAqB,OAAsC;AACzE,QACE,oBAAC,UAAD;EACE,GAAI,MAAM;EACV,WAAQ;EACR,gBAAc,CAAC,CAAC,MAAM;EACtB,WAAW,MAAM,KAAK;EACtB,WAAW,MAAM,KAAK;EACtB"}

package/dist/components/defaults/catalog/active-filter-pill.mjs

@@ -0,0 +1,30 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "lucide-react";
+
+//#region src/components/defaults/catalog/active-filter-pill.tsx
+function DefaultActiveFilterPill({ label, value, onRemove, className }) {
+	const { classNames } = useCatalogConfig();
+	return /* @__PURE__ */ jsxs("span", {
+		"data-p0": "catalog-active-filter",
+		className: cn("pz:inline-flex pz:items-center pz:gap-1 pz:px-2 pz:py-0.5 pz:text-xs pz:rounded-md pz:bg-primary/10 pz:text-primary", classNames?.activeFilterPill, className),
+		children: [
+			label ? /* @__PURE__ */ jsxs("span", {
+				className: "pz:text-primary/60",
+				children: [label, ":"]
+			}) : null,
+			value,
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: onRemove,
+				className: "pz:ml-0.5 pz:hover:text-primary/80 pz:cursor-pointer",
+				children: /* @__PURE__ */ jsx(X, { className: "pz:size-3" })
+			})
+		]
+	});
+}
+
+//#endregion
+export { DefaultActiveFilterPill };
+//# sourceMappingURL=active-filter-pill.mjs.map

package/dist/components/defaults/catalog/active-filter-pill.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-filter-pill.mjs","names":[],"sources":["../../../../src/components/defaults/catalog/active-filter-pill.tsx"],"sourcesContent":["import { X } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\n\nexport interface DefaultActiveFilterPillProps {\n  label?: ReactNode;\n  value: ReactNode;\n  onRemove: () => void;\n  className?: string;\n}\n\nexport function DefaultActiveFilterPill({\n  label,\n  value,\n  onRemove,\n  className,\n}: DefaultActiveFilterPillProps) {\n  const { classNames } = useCatalogConfig();\n  return (\n    <span\n      data-p0=\"catalog-active-filter\"\n      className={cn(\n        \"pz:inline-flex pz:items-center pz:gap-1 pz:px-2 pz:py-0.5 pz:text-xs pz:rounded-md pz:bg-primary/10 pz:text-primary\",\n        classNames?.activeFilterPill,\n        className,\n      )}\n    >\n      {label ? <span className=\"pz:text-primary/60\">{label}:</span> : null}\n      {value}\n      <button\n        type=\"button\"\n        onClick={onRemove}\n        className=\"pz:ml-0.5 pz:hover:text-primary/80 pz:cursor-pointer\"\n      >\n        <X className=\"pz:size-3\" />\n      </button>\n    </span>\n  );\n}\n"],"mappings":";;;;;;AAYA,SAAgB,wBAAwB,EACtC,OACA,OACA,UACA,aAC+B;CAC/B,MAAM,EAAE,eAAe,kBAAkB;AACzC,QACE,qBAAC,QAAD;EACE,WAAQ;EACR,WAAW,GACT,uHACA,YAAY,kBACZ,UACD;YANH;GAQG,QAAQ,qBAAC,QAAD;IAAM,WAAU;cAAhB,CAAsC,OAAM,IAAQ;QAAG;GAC/D;GACD,oBAAC,UAAD;IACE,MAAK;IACL,SAAS;IACT,WAAU;cAEV,oBAAC,GAAD,EAAG,WAAU,aAAc;IACpB;GACJ"}

package/dist/components/defaults/catalog/card-derived.d.mts

@@ -0,0 +1,98 @@
+import { CatalogCardBadgeProps } from "./card-primitives.mjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/defaults/catalog/card-derived.d.ts
+interface CatalogCreditBadgeProps {
+  /** Override the auto-bound credit amount. */
+  creditAmount?: number;
+  /** Override the auto-bound cost mode. */
+  costMode?: "per_result" | "per_search" | "per_page";
+  freeLabel?: ReactNode;
+  creditPrefix?: ReactNode;
+  className?: string;
+  disabled?: boolean;
+  variant?: CatalogCardBadgeProps["variant"];
+}
+/**
+ * Displays the starting credit cost for the surrounding card. Self-binds to
+ * `card.startingCreditAmount` + `card.costMode` from card context unless
+ * overridden via props.
+ */
+declare function CatalogCreditBadge({
+  creditAmount,
+  costMode,
+  freeLabel,
+  creditPrefix,
+  disabled,
+  className,
+  variant
+}: CatalogCreditBadgeProps): _$react_jsx_runtime0.JSX.Element;
+interface CatalogFieldBadgeState {
+  fields: string[];
+  isOpen: boolean;
+  setOpen: (open: boolean) => void;
+  /** Calls onSelectField (or the auto-wired catalog filter) and closes the popover. */
+  onSelect: (fieldName: string) => void;
+  isFieldAvailable: (fieldName: string) => boolean;
+}
+interface CatalogFieldBadgeProps {
+  fieldType: "input" | "output";
+  /** Override the auto-bound fields list. */
+  fields?: string[];
+  /** Override the auto-wired filter handler. */
+  onSelectField?: (fieldName: string) => void;
+  /** Returns true if the field has any matching cards. Defaults to a reverse-index lookup on the catalog. */
+  isFieldAvailable?: (fieldName: string) => boolean;
+  label?: ReactNode;
+  fieldIcon?: (fieldName: string) => ReactNode;
+  className?: string;
+  variant?: CatalogCardBadgeProps["variant"];
+  /** Render the entire dropdown UI yourself. Receives the merged state. */
+  render?: (state: CatalogFieldBadgeState) => ReactNode;
+}
+/**
+ * Dropdown that lists a card's input or output fields, with click-to-filter
+ * wiring. By default, clicking a field filters the catalog by that field
+ * (`addColumnFilter("inputFields"|"outputFields", field)`); pass `onSelectField`
+ * to override (e.g. inverted-filter UX).
+ */
+declare function CatalogFieldBadge({
+  fieldType,
+  fields,
+  onSelectField,
+  isFieldAvailable,
+  label,
+  fieldIcon,
+  className,
+  variant,
+  render
+}: CatalogFieldBadgeProps): _$react_jsx_runtime0.JSX.Element | null;
+interface CatalogDocsBadgeProps {
+  /** Base URL prepended to the card's docPath. */
+  baseUrl?: string;
+  /** Override the full URL (skips baseUrl + card.docPath composition). */
+  href?: string;
+  label?: ReactNode;
+  className?: string;
+  variant?: CatalogCardBadgeProps["variant"];
+}
+declare function CatalogDocsBadge({
+  baseUrl,
+  href,
+  label,
+  className,
+  variant
+}: CatalogDocsBadgeProps): _$react_jsx_runtime0.JSX.Element | null;
+interface CatalogCopyIdProps {
+  /** Override the auto-bound id. Defaults to `card.pipeId` / `card.searchId` / `card.searchesId`. */
+  value?: string;
+  className?: string;
+}
+declare function CatalogCopyId({
+  value,
+  className
+}: CatalogCopyIdProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { CatalogCopyId, CatalogCopyIdProps, CatalogCreditBadge, CatalogCreditBadgeProps, CatalogDocsBadge, CatalogDocsBadgeProps, CatalogFieldBadge, CatalogFieldBadgeProps, CatalogFieldBadgeState };
+//# sourceMappingURL=card-derived.d.mts.map

package/dist/components/defaults/catalog/card-derived.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-derived.d.mts","names":[],"sources":["../../../../src/components/defaults/catalog/card-derived.tsx"],"mappings":";;;;;UAoBiB,uBAAA;;EAEf,YAAA;EAFe;EAIf,QAAA;EACA,SAAA,GAAY,SAAA;EACZ,YAAA,GAAe,SAAA;EACf,SAAA;EACA,QAAA;EACA,OAAA,GAAU,qBAAA;AAAA;;;;;;iBAQI,kBAAA,CAAA;EACd,YAAA;EACA,QAAA;EACA,SAAA;EACA,YAAA;EACA,QAAA;EACA,SAAA;EACA;AAAA,GACC,uBAAA,GAAuB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UA6BT,sBAAA;EACf,MAAA;EACA,MAAA;EACA,OAAA,GAAU,IAAA;EAhDqB;EAkD/B,QAAA,GAAW,SAAA;EACX,gBAAA,GAAmB,SAAA;AAAA;AAAA,UAGJ,sBAAA;EACf,SAAA;EA7CA;EA+CA,MAAA;EA7CA;EA+CA,aAAA,IAAiB,SAAA;EA7CjB;EA+CA,gBAAA,IAAoB,SAAA;EACpB,KAAA,GAAQ,SAAA;EACR,SAAA,IAAa,SAAA,aAAsB,SAAA;EACnC,SAAA;EACA,OAAA,GAAU,qBAAA;EAxDV;EA0DA,MAAA,IAAU,KAAA,EAAO,sBAAA,KAA2B,SAAA;AAAA;;;;;;;iBAS9B,iBAAA,CAAA;EACd,SAAA;EACA,MAAA;EACA,aAAA;EACA,gBAAA;EACA,KAAA;EACA,SAAA;EACA,SAAA;EACA,OAAA;EACA;AAAA,GACC,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAyHR,qBAAA;EAjMf;EAmMA,OAAA;EAlMA;EAoMA,IAAA;EACA,KAAA,GAAQ,SAAA;EACR,SAAA;EACA,OAAA,GAAU,qBAAA;AAAA;AAAA,iBAGI,gBAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA,KAAA;EACA,SAAA;EACA;AAAA,GACC,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAyBP,kBAAA;;EAEf,KAAA;EACA,SAAA;AAAA;AAAA,iBAGc,aAAA,CAAA;EAAgB,KAAA;EAAO;AAAA,GAAa,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/defaults/catalog/card-derived.mjs

@@ -0,0 +1,172 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { useAnyCatalogCardOptional, useAnyCatalogContextOptional } from "../../../context/catalog-card-context.mjs";
+import { CatalogCardBadge } from "./card-primitives.mjs";
+import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Check, Coins, Copy, ExternalLink, ListChecks, ListPlus } from "lucide-react";
+
+//#region src/components/defaults/catalog/card-derived.tsx
+/**
+* Displays the starting credit cost for the surrounding card. Self-binds to
+* `card.startingCreditAmount` + `card.costMode` from card context unless
+* overridden via props.
+*/
+function CatalogCreditBadge({ creditAmount, costMode, freeLabel = "Free", creditPrefix = "Starts at", disabled = true, className, variant }) {
+	const card = useAnyCatalogCardOptional()?.card;
+	const amount = creditAmount ?? card?.startingCreditAmount ?? 0;
+	const mode = costMode ?? card?.costMode ?? "per_result";
+	const denom = mode === "per_result" ? "result" : mode === "per_search" ? "search" : "page";
+	return /* @__PURE__ */ jsx(CatalogCardBadge, {
+		disabled,
+		variant,
+		className: cn("pz:whitespace-nowrap", className),
+		children: amount > 0 ? /* @__PURE__ */ jsxs("span", {
+			className: "pz:inline-flex pz:items-center pz:gap-0.5",
+			children: [
+				creditPrefix ? /* @__PURE__ */ jsx("span", {
+					className: "pz:mr-1",
+					children: creditPrefix
+				}) : null,
+				/* @__PURE__ */ jsx("span", { children: amount }),
+				/* @__PURE__ */ jsx(Coins, { className: "pz:size-3" }),
+				/* @__PURE__ */ jsxs("span", { children: ["/ ", denom] })
+			]
+		}) : freeLabel
+	});
+}
+/**
+* Dropdown that lists a card's input or output fields, with click-to-filter
+* wiring. By default, clicking a field filters the catalog by that field
+* (`addColumnFilter("inputFields"|"outputFields", field)`); pass `onSelectField`
+* to override (e.g. inverted-filter UX).
+*/
+function CatalogFieldBadge({ fieldType, fields, onSelectField, isFieldAvailable, label, fieldIcon, className, variant = "outline", render }) {
+	const [open, setOpen] = useState(false);
+	const card = useAnyCatalogCardOptional()?.card;
+	const ctx = useAnyCatalogContextOptional();
+	const resolvedFields = fields ?? deriveCardFields(card, fieldType);
+	const handleSelect = onSelectField ?? ((field) => {
+		ctx?.addColumnFilter(fieldType === "input" ? "inputFields" : "outputFields", field);
+	});
+	const handleAvailable = isFieldAvailable ?? ((field) => {
+		if (!ctx) return true;
+		const map = fieldType === "input" ? ctx.pipeIdsByInputField : pickOutputIndex(ctx);
+		if (!map) return true;
+		return !!map[field];
+	});
+	if (render) return /* @__PURE__ */ jsx(Fragment$1, { children: render({
+		fields: resolvedFields,
+		isOpen: open,
+		setOpen,
+		onSelect: (field) => {
+			handleSelect(field);
+			setOpen(false);
+		},
+		isFieldAvailable: handleAvailable
+	}) });
+	if (!resolvedFields.length) return null;
+	const Icon = fieldType === "input" ? ListPlus : ListChecks;
+	const text = label ?? (fieldType === "input" ? "Show inputs" : "Show outputs");
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, { render: /* @__PURE__ */ jsxs(CatalogCardBadge, {
+			variant,
+			className: cn("pz:font-normal pz:text-muted-foreground pz:hover:text-foreground", className),
+			children: [/* @__PURE__ */ jsx(Icon, { className: "pz:size-3" }), text]
+		}) }), /* @__PURE__ */ jsx(PopoverContent, {
+			align: "start",
+			side: "bottom",
+			className: "pz:w-auto pz:min-w-40 pz:p-1",
+			children: /* @__PURE__ */ jsx("ul", {
+				"data-p0": "catalog-card-field-badge-list",
+				className: "pz:flex pz:flex-col pz:gap-0.5 pz:list-none pz:m-0 pz:p-0",
+				children: resolvedFields.map((field) => {
+					const available = handleAvailable(field);
+					return /* @__PURE__ */ jsx("li", {
+						className: "pz:flex",
+						children: /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							onClick: (e) => {
+								e.stopPropagation();
+								handleSelect(field);
+								setOpen(false);
+							},
+							className: cn("pz:w-full pz:text-sm pz:text-left pz:py-1 pz:px-2 pz:rounded pz:flex pz:items-center pz:gap-2 pz:transition-all", available ? "pz:text-muted-foreground pz:hover:text-foreground pz:hover:bg-muted" : "pz:text-muted-foreground/50 pz:cursor-not-allowed"),
+							"data-available": available,
+							children: [fieldIcon?.(field), field]
+						})
+					}, field);
+				})
+			})
+		})]
+	});
+}
+function deriveCardFields(card, fieldType) {
+	if (!card) return [];
+	if (fieldType === "output") return card.defaultOutputFields ?? [];
+	if ("defaultInputFields" in card) return card.defaultInputFields.map((f) => f.name);
+	return [];
+}
+function pickOutputIndex(ctx) {
+	const c = ctx;
+	return c.pipeIdsByOutputField ?? c.searchIdsByOutputField;
+}
+function CatalogDocsBadge({ baseUrl, href, label = "Go to docs", className, variant = "outline" }) {
+	const docPath = (useAnyCatalogCardOptional()?.card)?.docPath;
+	const resolvedHref = href ?? (baseUrl && docPath ? `${baseUrl}${docPath}` : docPath);
+	if (!resolvedHref) return null;
+	return /* @__PURE__ */ jsx("a", {
+		target: "_blank",
+		href: resolvedHref,
+		rel: "noreferrer",
+		onClick: (e) => e.stopPropagation(),
+		children: /* @__PURE__ */ jsxs(CatalogCardBadge, {
+			variant,
+			className: cn("pz:font-normal pz:text-muted-foreground pz:hover:text-foreground", className),
+			children: [/* @__PURE__ */ jsx(ExternalLink, { className: "pz:size-3" }), label]
+		})
+	});
+}
+function CatalogCopyId({ value, className }) {
+	const { classNames } = useCatalogConfig();
+	const card = useAnyCatalogCardOptional()?.card;
+	const resolved = value ?? deriveCardId(card);
+	const [copied, setCopied] = useState(false);
+	if (!resolved) return null;
+	const handleCopy = (e) => {
+		e.stopPropagation();
+		e.preventDefault();
+		navigator.clipboard?.writeText(resolved).then(() => {
+			setCopied(true);
+			setTimeout(() => setCopied(false), 1500);
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "catalog-card-copy-id",
+		className: cn("pz:flex pz:items-center pz:gap-2 pz:rounded-md pz:border pz:border-input pz:bg-background pz:px-2 pz:py-1", classNames?.copyId, className),
+		onClick: (e) => e.stopPropagation(),
+		children: [/* @__PURE__ */ jsx("code", {
+			className: "pz:flex-1 pz:text-xs pz:text-muted-foreground pz:truncate pz:font-mono",
+			children: resolved
+		}), /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: handleCopy,
+			"aria-label": "Copy",
+			className: "pz:inline-flex pz:items-center pz:justify-center pz:size-6 pz:rounded pz:text-muted-foreground pz:hover:text-foreground pz:hover:bg-muted pz:transition-all",
+			children: copied ? /* @__PURE__ */ jsx(Check, { className: "pz:size-3" }) : /* @__PURE__ */ jsx(Copy, { className: "pz:size-3" })
+		})]
+	});
+}
+function deriveCardId(card) {
+	if (!card) return void 0;
+	if ("pipeId" in card) return card.pipeId;
+	if ("searchesId" in card) return card.searchesId;
+	if ("searchId" in card) return card.searchId;
+}
+
+//#endregion
+export { CatalogCopyId, CatalogCreditBadge, CatalogDocsBadge, CatalogFieldBadge };
+//# sourceMappingURL=card-derived.mjs.map

package/dist/components/defaults/catalog/card-derived.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-derived.mjs","names":[],"sources":["../../../../src/components/defaults/catalog/card-derived.tsx"],"sourcesContent":["import { Check, Coins, Copy, ExternalLink, ListChecks, ListPlus } from \"lucide-react\";\nimport { type ReactNode, useState } from \"react\";\nimport {\n  useAnyCatalogCardOptional,\n  useAnyCatalogContextOptional,\n} from \"../../../context/catalog-card-context.js\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type {\n  PipeCardData,\n  SearchCardData,\n  SearchesCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../../ui/popover.js\";\nimport { CatalogCardBadge, type CatalogCardBadgeProps } from \"./card-primitives.js\";\n\n/* -------------------------------------------------------------------------- */\n/* Credit badge — \"Starts at X / result|search|page\" or \"Free\"                */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCreditBadgeProps {\n  /** Override the auto-bound credit amount. */\n  creditAmount?: number;\n  /** Override the auto-bound cost mode. */\n  costMode?: \"per_result\" | \"per_search\" | \"per_page\";\n  freeLabel?: ReactNode;\n  creditPrefix?: ReactNode;\n  className?: string;\n  disabled?: boolean;\n  variant?: CatalogCardBadgeProps[\"variant\"];\n}\n\n/**\n * Displays the starting credit cost for the surrounding card. Self-binds to\n * `card.startingCreditAmount` + `card.costMode` from card context unless\n * overridden via props.\n */\nexport function CatalogCreditBadge({\n  creditAmount,\n  costMode,\n  freeLabel = \"Free\",\n  creditPrefix = \"Starts at\",\n  disabled = true,\n  className,\n  variant,\n}: CatalogCreditBadgeProps) {\n  const card = useAnyCatalogCardOptional()?.card;\n  const amount = creditAmount ?? card?.startingCreditAmount ?? 0;\n  const mode = costMode ?? card?.costMode ?? \"per_result\";\n  const denom = mode === \"per_result\" ? \"result\" : mode === \"per_search\" ? \"search\" : \"page\";\n  return (\n    <CatalogCardBadge\n      disabled={disabled}\n      variant={variant}\n      className={cn(\"pz:whitespace-nowrap\", className)}\n    >\n      {amount > 0 ? (\n        <span className=\"pz:inline-flex pz:items-center pz:gap-0.5\">\n          {creditPrefix ? <span className=\"pz:mr-1\">{creditPrefix}</span> : null}\n          <span>{amount}</span>\n          <Coins className=\"pz:size-3\" />\n          <span>/ {denom}</span>\n        </span>\n      ) : (\n        freeLabel\n      )}\n    </CatalogCardBadge>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Field badge — dropdown listing input or output fields, click to filter     */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogFieldBadgeState {\n  fields: string[];\n  isOpen: boolean;\n  setOpen: (open: boolean) => void;\n  /** Calls onSelectField (or the auto-wired catalog filter) and closes the popover. */\n  onSelect: (fieldName: string) => void;\n  isFieldAvailable: (fieldName: string) => boolean;\n}\n\nexport interface CatalogFieldBadgeProps {\n  fieldType: \"input\" | \"output\";\n  /** Override the auto-bound fields list. */\n  fields?: string[];\n  /** Override the auto-wired filter handler. */\n  onSelectField?: (fieldName: string) => void;\n  /** Returns true if the field has any matching cards. Defaults to a reverse-index lookup on the catalog. */\n  isFieldAvailable?: (fieldName: string) => boolean;\n  label?: ReactNode;\n  fieldIcon?: (fieldName: string) => ReactNode;\n  className?: string;\n  variant?: CatalogCardBadgeProps[\"variant\"];\n  /** Render the entire dropdown UI yourself. Receives the merged state. */\n  render?: (state: CatalogFieldBadgeState) => ReactNode;\n}\n\n/**\n * Dropdown that lists a card's input or output fields, with click-to-filter\n * wiring. By default, clicking a field filters the catalog by that field\n * (`addColumnFilter(\"inputFields\"|\"outputFields\", field)`); pass `onSelectField`\n * to override (e.g. inverted-filter UX).\n */\nexport function CatalogFieldBadge({\n  fieldType,\n  fields,\n  onSelectField,\n  isFieldAvailable,\n  label,\n  fieldIcon,\n  className,\n  variant = \"outline\",\n  render,\n}: CatalogFieldBadgeProps) {\n  const [open, setOpen] = useState(false);\n  const card = useAnyCatalogCardOptional()?.card;\n  const ctx = useAnyCatalogContextOptional();\n\n  const resolvedFields = fields ?? deriveCardFields(card, fieldType);\n\n  const handleSelect =\n    onSelectField ??\n    ((field: string) => {\n      ctx?.addColumnFilter(fieldType === \"input\" ? \"inputFields\" : \"outputFields\", field);\n    });\n\n  const handleAvailable =\n    isFieldAvailable ??\n    ((field: string) => {\n      if (!ctx) return true;\n      const map =\n        fieldType === \"input\"\n          ? (ctx as { pipeIdsByInputField?: Record<string, unknown[]> }).pipeIdsByInputField\n          : pickOutputIndex(ctx);\n      if (!map) return true;\n      return !!map[field];\n    });\n\n  if (render) {\n    return (\n      <>\n        {render({\n          fields: resolvedFields,\n          isOpen: open,\n          setOpen,\n          onSelect: (field: string) => {\n            handleSelect(field);\n            setOpen(false);\n          },\n          isFieldAvailable: handleAvailable,\n        })}\n      </>\n    );\n  }\n\n  if (!resolvedFields.length) return null;\n  const Icon = fieldType === \"input\" ? ListPlus : ListChecks;\n  const text = label ?? (fieldType === \"input\" ? \"Show inputs\" : \"Show outputs\");\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger\n        render={\n          <CatalogCardBadge\n            variant={variant}\n            className={cn(\n              \"pz:font-normal pz:text-muted-foreground pz:hover:text-foreground\",\n              className,\n            )}\n          >\n            <Icon className=\"pz:size-3\" />\n            {text}\n          </CatalogCardBadge>\n        }\n      />\n      <PopoverContent align=\"start\" side=\"bottom\" className=\"pz:w-auto pz:min-w-40 pz:p-1\">\n        <ul\n          data-p0=\"catalog-card-field-badge-list\"\n          className=\"pz:flex pz:flex-col pz:gap-0.5 pz:list-none pz:m-0 pz:p-0\"\n        >\n          {resolvedFields.map((field) => {\n            const available = handleAvailable(field);\n            return (\n              <li key={field} className=\"pz:flex\">\n                <button\n                  type=\"button\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    handleSelect(field);\n                    setOpen(false);\n                  }}\n                  className={cn(\n                    \"pz:w-full pz:text-sm pz:text-left pz:py-1 pz:px-2 pz:rounded pz:flex pz:items-center pz:gap-2 pz:transition-all\",\n                    available\n                      ? \"pz:text-muted-foreground pz:hover:text-foreground pz:hover:bg-muted\"\n                      : \"pz:text-muted-foreground/50 pz:cursor-not-allowed\",\n                  )}\n                  data-available={available}\n                >\n                  {fieldIcon?.(field)}\n                  {field}\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      </PopoverContent>\n    </Popover>\n  );\n}\n\nfunction deriveCardFields(\n  card: PipeCardData | SearchCardData | SearchesCardData | undefined,\n  fieldType: \"input\" | \"output\",\n): string[] {\n  if (!card) return [];\n  if (fieldType === \"output\") return card.defaultOutputFields ?? [];\n  if (\"defaultInputFields\" in card) {\n    return card.defaultInputFields.map((f) => f.name);\n  }\n  return [];\n}\n\nfunction pickOutputIndex(ctx: unknown): Record<string, unknown[]> | undefined {\n  const c = ctx as {\n    pipeIdsByOutputField?: Record<string, unknown[]>;\n    searchIdsByOutputField?: Record<string, unknown[]>;\n  };\n  return c.pipeIdsByOutputField ?? c.searchIdsByOutputField;\n}\n\n/* -------------------------------------------------------------------------- */\n/* Docs badge — external link to provider docs                                */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogDocsBadgeProps {\n  /** Base URL prepended to the card's docPath. */\n  baseUrl?: string;\n  /** Override the full URL (skips baseUrl + card.docPath composition). */\n  href?: string;\n  label?: ReactNode;\n  className?: string;\n  variant?: CatalogCardBadgeProps[\"variant\"];\n}\n\nexport function CatalogDocsBadge({\n  baseUrl,\n  href,\n  label = \"Go to docs\",\n  className,\n  variant = \"outline\",\n}: CatalogDocsBadgeProps) {\n  const card = useAnyCatalogCardOptional()?.card;\n  const docPath = card?.docPath;\n  const resolvedHref = href ?? (baseUrl && docPath ? `${baseUrl}${docPath}` : docPath);\n  if (!resolvedHref) return null;\n  return (\n    <a target=\"_blank\" href={resolvedHref} rel=\"noreferrer\" onClick={(e) => e.stopPropagation()}>\n      <CatalogCardBadge\n        variant={variant}\n        className={cn(\n          \"pz:font-normal pz:text-muted-foreground pz:hover:text-foreground\",\n          className,\n        )}\n      >\n        <ExternalLink className=\"pz:size-3\" />\n        {label}\n      </CatalogCardBadge>\n    </a>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Copy-id input — small input with a copy button                             */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCopyIdProps {\n  /** Override the auto-bound id. Defaults to `card.pipeId` / `card.searchId` / `card.searchesId`. */\n  value?: string;\n  className?: string;\n}\n\nexport function CatalogCopyId({ value, className }: CatalogCopyIdProps) {\n  const { classNames } = useCatalogConfig();\n  const card = useAnyCatalogCardOptional()?.card;\n  const resolved = value ?? deriveCardId(card);\n  const [copied, setCopied] = useState(false);\n\n  if (!resolved) return null;\n\n  const handleCopy = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    e.preventDefault();\n    void navigator.clipboard?.writeText(resolved).then(() => {\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    });\n  };\n\n  return (\n    <div\n      data-p0=\"catalog-card-copy-id\"\n      className={cn(\n        \"pz:flex pz:items-center pz:gap-2 pz:rounded-md pz:border pz:border-input pz:bg-background pz:px-2 pz:py-1\",\n        classNames?.copyId,\n        className,\n      )}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <code className=\"pz:flex-1 pz:text-xs pz:text-muted-foreground pz:truncate pz:font-mono\">\n        {resolved}\n      </code>\n      <button\n        type=\"button\"\n        onClick={handleCopy}\n        aria-label=\"Copy\"\n        className=\"pz:inline-flex pz:items-center pz:justify-center pz:size-6 pz:rounded pz:text-muted-foreground pz:hover:text-foreground pz:hover:bg-muted pz:transition-all\"\n      >\n        {copied ? <Check className=\"pz:size-3\" /> : <Copy className=\"pz:size-3\" />}\n      </button>\n    </div>\n  );\n}\n\nfunction deriveCardId(\n  card: PipeCardData | SearchCardData | SearchesCardData | undefined,\n): string | undefined {\n  if (!card) return undefined;\n  if (\"pipeId\" in card) return card.pipeId;\n  if (\"searchesId\" in card) return card.searchesId;\n  if (\"searchId\" in card) return card.searchId;\n  return undefined;\n}\n"],"mappings":"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"}

package/dist/components/defaults/catalog/card-primitives.d.mts

@@ -0,0 +1,81 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { Button } from "../../ui/button.mjs";
+import { ComponentProps, MouseEvent, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/defaults/catalog/card-primitives.d.ts
+interface CatalogCardProps extends ComponentProps<"div"> {
+  onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+}
+/**
+ * Bare flat card container. Defaults are structural only (flex column) so
+ * consumers can override paddings/colors/borders via `classNames.card` or
+ * `className` without fighting the cascade.
+ *
+ * Most consumers use `<PipeCatalogCard>` / `<SearchCatalogCard>` /
+ * `<SearchesCatalogCard>` instead, which provides the card context for
+ * self-binding child primitives.
+ */
+declare function CatalogCard({
+  className,
+  onClick,
+  children,
+  ...rest
+}: CatalogCardProps): _$react_jsx_runtime0.JSX.Element;
+type CatalogCardHeaderState = {};
+interface CatalogCardHeaderProps {
+  render?: RenderProp<ComponentProps<"div">, CatalogCardHeaderState>;
+  className?: string;
+  children?: ReactNode;
+}
+declare function CatalogCardHeader({
+  render,
+  className,
+  children
+}: CatalogCardHeaderProps): ReactNode;
+interface CatalogCardTitleState {
+  label: string;
+}
+interface CatalogCardTitleProps {
+  /** Override the displayed label. Defaults to `card.label` from context. */
+  children?: ReactNode;
+  render?: RenderProp<ComponentProps<"h3">, CatalogCardTitleState>;
+  className?: string;
+}
+declare function CatalogCardTitle({
+  children,
+  render,
+  className
+}: CatalogCardTitleProps): ReactNode;
+interface CatalogCardDescriptionState {
+  description: string;
+}
+interface CatalogCardDescriptionProps {
+  children?: ReactNode;
+  render?: RenderProp<ComponentProps<"p">, CatalogCardDescriptionState>;
+  className?: string;
+}
+declare function CatalogCardDescription({
+  children,
+  render,
+  className
+}: CatalogCardDescriptionProps): ReactNode;
+interface CatalogCardBadgesProps extends ComponentProps<"div"> {}
+declare function CatalogCardBadges({
+  className,
+  children,
+  ...rest
+}: CatalogCardBadgesProps): _$react_jsx_runtime0.JSX.Element | null;
+interface CatalogCardBadgeProps extends Omit<ComponentProps<typeof Button>, "size"> {
+  size?: "xs" | "sm";
+}
+declare function CatalogCardBadge({
+  className,
+  variant,
+  size,
+  onClick,
+  ...rest
+}: CatalogCardBadgeProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CatalogCard, CatalogCardBadge, CatalogCardBadgeProps, CatalogCardBadges, CatalogCardBadgesProps, CatalogCardDescription, CatalogCardDescriptionProps, CatalogCardHeader, CatalogCardHeaderProps, CatalogCardProps, CatalogCardTitle, CatalogCardTitleProps };
+//# sourceMappingURL=card-primitives.d.mts.map

package/dist/components/defaults/catalog/card-primitives.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-primitives.d.mts","names":[],"sources":["../../../../src/components/defaults/catalog/card-primitives.tsx"],"mappings":";;;;;;UAWiB,gBAAA,SAAyB,cAAA;EACxC,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,cAAA;AAAA;AAD3B;;;;;;;;;AAAA,iBAagB,WAAA,CAAA;EAAc,SAAA;EAAW,OAAA;EAAS,QAAA;EAAA,GAAa;AAAA,GAAQ,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA+B3E,sBAAA;AAAA,UAEK,sBAAA;EACf,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,sBAAA;EAC3C,SAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,iBAGG,iBAAA,CAAA;EAAoB,MAAA;EAAQ,SAAA;EAAW;AAAA,GAAY,sBAAA,GAAsB,SAAA;AAAA,UAkBxE,qBAAA;EACf,KAAA;AAAA;AAAA,UAGe,qBAAA;EA7DsD;EA+DrE,QAAA,GAAW,SAAA;EACX,MAAA,GAAS,UAAA,CAAW,cAAA,QAAsB,qBAAA;EAC1C,SAAA;AAAA;AAAA,iBAGc,gBAAA,CAAA;EAAmB,QAAA;EAAU,MAAA;EAAQ;AAAA,GAAa,qBAAA,GAAqB,SAAA;AAAA,UAwBtE,2BAAA;EACf,WAAA;AAAA;AAAA,UAGe,2BAAA;EACf,QAAA,GAAW,SAAA;EACX,MAAA,GAAS,UAAA,CAAW,cAAA,OAAqB,2BAAA;EACzC,SAAA;AAAA;AAAA,iBAGc,sBAAA,CAAA;EACd,QAAA;EACA,MAAA;EACA;AAAA,GACC,2BAAA,GAA2B,SAAA;AAAA,UAwBb,sBAAA,SAA+B,cAAA;AAAA,iBAEhC,iBAAA,CAAA;EAAoB,SAAA;EAAW,QAAA;EAAA,GAAa;AAAA,GAAQ,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAoBzE,qBAAA,SAA8B,IAAA,CAAK,cAAA,QAAsB,MAAA;EACxE,IAAA;AAAA;AAAA,iBAGc,gBAAA,CAAA;EACd,SAAA;EACA,OAAA;EACA,IAAA;EACA,OAAA;EAAA,GACG;AAAA,GACF,qBAAA,GAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/defaults/catalog/card-primitives.mjs

@@ -0,0 +1,108 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { useAnyCatalogCardOptional } from "../../../context/catalog-card-context.mjs";
+import { Button } from "../../ui/button.mjs";
+import { Children } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/catalog/card-primitives.tsx
+/**
+* Bare flat card container. Defaults are structural only (flex column) so
+* consumers can override paddings/colors/borders via `classNames.card` or
+* `className` without fighting the cascade.
+*
+* Most consumers use `<PipeCatalogCard>` / `<SearchCatalogCard>` /
+* `<SearchesCatalogCard>` instead, which provides the card context for
+* self-binding child primitives.
+*/
+function CatalogCard({ className, onClick, children, ...rest }) {
+	const { classNames } = useCatalogConfig();
+	const interactive = !!onClick;
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "catalog-card",
+		role: interactive ? "button" : void 0,
+		tabIndex: interactive ? 0 : void 0,
+		onClick,
+		onKeyDown: interactive ? (e) => {
+			if (e.key === "Enter" || e.key === " ") {
+				e.preventDefault();
+				onClick?.(e);
+			}
+		} : void 0,
+		className: cn("pz:flex pz:flex-col", classNames?.card, className),
+		...rest,
+		children
+	});
+}
+function CatalogCardHeader({ render, className, children }) {
+	const { classNames } = useCatalogConfig();
+	return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: {},
+		props: {
+			"data-p0": "catalog-card-header",
+			className: cn("pz:flex pz:items-start pz:gap-2", classNames?.cardHeader, className),
+			children
+		}
+	});
+}
+function CatalogCardTitle({ children, render, className }) {
+	const { classNames } = useCatalogConfig();
+	const label = (useAnyCatalogCardOptional()?.card)?.label ?? "";
+	return renderSlot({
+		defaultTagName: "h3",
+		render,
+		state: { label },
+		props: {
+			"data-p0": "catalog-card-title",
+			className: cn("pz:text-sm pz:font-semibold pz:leading-tight pz:m-0 pz:line-clamp-2 pz:flex-1", classNames?.cardLabel, className),
+			children: children ?? label
+		}
+	});
+}
+function CatalogCardDescription({ children, render, className }) {
+	const { classNames } = useCatalogConfig();
+	const description = (useAnyCatalogCardOptional()?.card)?.description ?? "";
+	return renderSlot({
+		defaultTagName: "p",
+		render,
+		state: { description },
+		props: {
+			"data-p0": "catalog-card-description",
+			className: cn("pz:text-xs pz:text-muted-foreground pz:m-0 pz:line-clamp-2", classNames?.cardDescription, className),
+			children: children ?? description
+		}
+	});
+}
+function CatalogCardBadges({ className, children, ...rest }) {
+	const { classNames } = useCatalogConfig();
+	const visible = Children.toArray(children);
+	if (visible.length === 0) return null;
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "catalog-card-badges",
+		className: cn("pz:flex pz:flex-wrap pz:gap-1.5 pz:items-center", classNames?.cardBadges, className),
+		onClick: (e) => e.stopPropagation(),
+		...rest,
+		children: visible
+	});
+}
+function CatalogCardBadge({ className, variant = "outline", size = "xs", onClick, ...rest }) {
+	const { classNames } = useCatalogConfig();
+	return /* @__PURE__ */ jsx(Button, {
+		"data-p0": "catalog-card-badge",
+		variant,
+		size,
+		className: cn(classNames?.badge, className),
+		onClick: (e) => {
+			e.stopPropagation();
+			onClick?.(e);
+		},
+		...rest
+	});
+}
+
+//#endregion
+export { CatalogCard, CatalogCardBadge, CatalogCardBadges, CatalogCardDescription, CatalogCardHeader, CatalogCardTitle };
+//# sourceMappingURL=card-primitives.mjs.map

package/dist/components/defaults/catalog/card-primitives.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-primitives.mjs","names":[],"sources":["../../../../src/components/defaults/catalog/card-primitives.tsx"],"sourcesContent":["import { Children, type ComponentProps, type MouseEvent, type ReactNode } from \"react\";\nimport { useAnyCatalogCardOptional } from \"../../../context/catalog-card-context.js\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { Button } from \"../../ui/button.js\";\n\n/* -------------------------------------------------------------------------- */\n/* Card root                                                                  */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCardProps extends ComponentProps<\"div\"> {\n  onClick?: (e: MouseEvent<HTMLDivElement>) => void;\n}\n\n/**\n * Bare flat card container. Defaults are structural only (flex column) so\n * consumers can override paddings/colors/borders via `classNames.card` or\n * `className` without fighting the cascade.\n *\n * Most consumers use `<PipeCatalogCard>` / `<SearchCatalogCard>` /\n * `<SearchesCatalogCard>` instead, which provides the card context for\n * self-binding child primitives.\n */\nexport function CatalogCard({ className, onClick, children, ...rest }: CatalogCardProps) {\n  const { classNames } = useCatalogConfig();\n  const interactive = !!onClick;\n  return (\n    <div\n      data-p0=\"catalog-card\"\n      role={interactive ? \"button\" : undefined}\n      tabIndex={interactive ? 0 : undefined}\n      onClick={onClick}\n      onKeyDown={\n        interactive\n          ? (e) => {\n              if (e.key === \"Enter\" || e.key === \" \") {\n                e.preventDefault();\n                onClick?.(e as unknown as MouseEvent<HTMLDivElement>);\n              }\n            }\n          : undefined\n      }\n      className={cn(\"pz:flex pz:flex-col\", classNames?.card, className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------------- */\n/* Card header                                                                */\n/* -------------------------------------------------------------------------- */\n\nexport type CatalogCardHeaderState = {};\n\nexport interface CatalogCardHeaderProps {\n  render?: RenderProp<ComponentProps<\"div\">, CatalogCardHeaderState>;\n  className?: string;\n  children?: ReactNode;\n}\n\nexport function CatalogCardHeader({ render, className, children }: CatalogCardHeaderProps) {\n  const { classNames } = useCatalogConfig();\n  return renderSlot({\n    defaultTagName: \"div\",\n    render,\n    state: {} as CatalogCardHeaderState,\n    props: {\n      \"data-p0\": \"catalog-card-header\",\n      className: cn(\"pz:flex pz:items-start pz:gap-2\", classNames?.cardHeader, className),\n      children,\n    } as ComponentProps<\"div\">,\n  });\n}\n\n/* -------------------------------------------------------------------------- */\n/* Card title — self-binds to card.label                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCardTitleState {\n  label: string;\n}\n\nexport interface CatalogCardTitleProps {\n  /** Override the displayed label. Defaults to `card.label` from context. */\n  children?: ReactNode;\n  render?: RenderProp<ComponentProps<\"h3\">, CatalogCardTitleState>;\n  className?: string;\n}\n\nexport function CatalogCardTitle({ children, render, className }: CatalogCardTitleProps) {\n  const { classNames } = useCatalogConfig();\n  const card = useAnyCatalogCardOptional()?.card;\n  const label = (card?.label ?? \"\") as string;\n  return renderSlot({\n    defaultTagName: \"h3\",\n    render,\n    state: { label },\n    props: {\n      \"data-p0\": \"catalog-card-title\",\n      className: cn(\n        \"pz:text-sm pz:font-semibold pz:leading-tight pz:m-0 pz:line-clamp-2 pz:flex-1\",\n        classNames?.cardLabel,\n        className,\n      ),\n      children: children ?? label,\n    } as ComponentProps<\"h3\">,\n  });\n}\n\n/* -------------------------------------------------------------------------- */\n/* Card description — self-binds to card.description                          */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCardDescriptionState {\n  description: string;\n}\n\nexport interface CatalogCardDescriptionProps {\n  children?: ReactNode;\n  render?: RenderProp<ComponentProps<\"p\">, CatalogCardDescriptionState>;\n  className?: string;\n}\n\nexport function CatalogCardDescription({\n  children,\n  render,\n  className,\n}: CatalogCardDescriptionProps) {\n  const { classNames } = useCatalogConfig();\n  const card = useAnyCatalogCardOptional()?.card;\n  const description = (card?.description ?? \"\") as string;\n  return renderSlot({\n    defaultTagName: \"p\",\n    render,\n    state: { description },\n    props: {\n      \"data-p0\": \"catalog-card-description\",\n      className: cn(\n        \"pz:text-xs pz:text-muted-foreground pz:m-0 pz:line-clamp-2\",\n        classNames?.cardDescription,\n        className,\n      ),\n      children: children ?? description,\n    } as ComponentProps<\"p\">,\n  });\n}\n\n/* -------------------------------------------------------------------------- */\n/* Card badges row + single badge button                                      */\n/* -------------------------------------------------------------------------- */\n\nexport interface CatalogCardBadgesProps extends ComponentProps<\"div\"> {}\n\nexport function CatalogCardBadges({ className, children, ...rest }: CatalogCardBadgesProps) {\n  const { classNames } = useCatalogConfig();\n  const visible = Children.toArray(children);\n  if (visible.length === 0) return null;\n  return (\n    <div\n      data-p0=\"catalog-card-badges\"\n      className={cn(\n        \"pz:flex pz:flex-wrap pz:gap-1.5 pz:items-center\",\n        classNames?.cardBadges,\n        className,\n      )}\n      onClick={(e) => e.stopPropagation()}\n      {...rest}\n    >\n      {visible}\n    </div>\n  );\n}\n\nexport interface CatalogCardBadgeProps extends Omit<ComponentProps<typeof Button>, \"size\"> {\n  size?: \"xs\" | \"sm\";\n}\n\nexport function CatalogCardBadge({\n  className,\n  variant = \"outline\",\n  size = \"xs\",\n  onClick,\n  ...rest\n}: CatalogCardBadgeProps) {\n  const { classNames } = useCatalogConfig();\n  return (\n    <Button\n      data-p0=\"catalog-card-badge\"\n      variant={variant}\n      size={size}\n      className={cn(classNames?.badge, className)}\n      onClick={(e) => {\n        e.stopPropagation();\n        onClick?.(e);\n      }}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwBA,SAAgB,YAAY,EAAE,WAAW,SAAS,UAAU,GAAG,QAA0B;CACvF,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,cAAc,CAAC,CAAC;AACtB,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,MAAM,cAAc,WAAW;EAC/B,UAAU,cAAc,IAAI;EACnB;EACT,WACE,eACK,MAAM;AACL,OAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,MAAE,gBAAgB;AAClB,cAAU,EAA2C;;MAGzD;EAEN,WAAW,GAAG,uBAAuB,YAAY,MAAM,UAAU;EACjE,GAAI;EAEH;EACG;;AAgBV,SAAgB,kBAAkB,EAAE,QAAQ,WAAW,YAAoC;CACzF,MAAM,EAAE,eAAe,kBAAkB;AACzC,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE;EACT,OAAO;GACL,WAAW;GACX,WAAW,GAAG,mCAAmC,YAAY,YAAY,UAAU;GACnF;GACD;EACF,CAAC;;AAkBJ,SAAgB,iBAAiB,EAAE,UAAU,QAAQ,aAAoC;CACvF,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,SADO,2BAA2B,EAAE,OACrB,SAAS;AAC9B,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,OAAO;EAChB,OAAO;GACL,WAAW;GACX,WAAW,GACT,iFACA,YAAY,WACZ,UACD;GACD,UAAU,YAAY;GACvB;EACF,CAAC;;AAiBJ,SAAgB,uBAAuB,EACrC,UACA,QACA,aAC8B;CAC9B,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,eADO,2BAA2B,EAAE,OACf,eAAe;AAC1C,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,aAAa;EACtB,OAAO;GACL,WAAW;GACX,WAAW,GACT,8DACA,YAAY,iBACZ,UACD;GACD,UAAU,YAAY;GACvB;EACF,CAAC;;AASJ,SAAgB,kBAAkB,EAAE,WAAW,UAAU,GAAG,QAAgC;CAC1F,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,UAAU,SAAS,QAAQ,SAAS;AAC1C,KAAI,QAAQ,WAAW,EAAG,QAAO;AACjC,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GACT,mDACA,YAAY,YACZ,UACD;EACD,UAAU,MAAM,EAAE,iBAAiB;EACnC,GAAI;YAEH;EACG;;AAQV,SAAgB,iBAAiB,EAC/B,WACA,UAAU,WACV,OAAO,MACP,SACA,GAAG,QACqB;CACxB,MAAM,EAAE,eAAe,kBAAkB;AACzC,QACE,oBAAC,QAAD;EACE,WAAQ;EACC;EACH;EACN,WAAW,GAAG,YAAY,OAAO,UAAU;EAC3C,UAAU,MAAM;AACd,KAAE,iBAAiB;AACnB,aAAU,EAAE;;EAEd,GAAI;EACJ"}

package/dist/components/defaults/catalog/category-filter.d.mts

@@ -0,0 +1,13 @@
+import { ComponentType, ReactNode } from "react";
+//#region src/components/defaults/catalog/category-filter.d.ts
+interface CategoryOption<T extends string> {
+  id: T | null;
+  label: ReactNode;
+  icon?: ComponentType<{
+    className?: string;
+  }>;
+  disabled?: boolean;
+}
+//#endregion
+export { CategoryOption };
+//# sourceMappingURL=category-filter.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.d.mts","names":[],"sources":["../../../../src/components/defaults/catalog/category-filter.tsx"],"mappings":";;UAIiB,cAAA;EACf,EAAA,EAAI,CAAA;EACJ,KAAA,EAAO,SAAA;EACP,IAAA,GAAO,aAAA;IAAgB,SAAA;EAAA;EACvB,QAAA;AAAA"}

package/dist/components/defaults/catalog/category-filter.mjs

@@ -0,0 +1,28 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/catalog/category-filter.tsx
+function DefaultCategoryFilter({ options, value, onChange, className }) {
+	const { classNames } = useCatalogConfig();
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "catalog-category-filter",
+		className: cn("pz:flex pz:flex-wrap pz:gap-2", classNames?.categoryFilter, className),
+		children: options.map((option) => {
+			const isActive = value === option.id;
+			const Icon = option.icon;
+			return /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"data-active": isActive ? "" : void 0,
+				disabled: option.disabled,
+				onClick: () => onChange(option.id),
+				className: cn("pz:inline-flex pz:items-center pz:gap-1.5 pz:px-3 pz:py-1.5 pz:text-sm pz:rounded-md pz:border pz:border-input pz:bg-background pz:text-muted-foreground pz:transition-colors pz:hover:text-foreground pz:hover:bg-muted pz:disabled:opacity-50 pz:disabled:pointer-events-none", classNames?.categoryButton, isActive && "pz:bg-primary pz:text-primary-foreground pz:border-primary pz:font-medium pz:hover:bg-primary pz:hover:text-primary-foreground", isActive && classNames?.categoryButtonActive),
+				children: [Icon ? /* @__PURE__ */ jsx(Icon, { className: "pz:size-3.5" }) : null, option.label]
+			}, String(option.id ?? "__all__"));
+		})
+	});
+}
+
+//#endregion
+export { DefaultCategoryFilter };
+//# sourceMappingURL=category-filter.mjs.map

package/dist/components/defaults/catalog/category-filter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/defaults/catalog/category-filter.tsx"],"sourcesContent":["import type { ComponentType, ReactNode } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\n\nexport interface CategoryOption<T extends string> {\n  id: T | null;\n  label: ReactNode;\n  icon?: ComponentType<{ className?: string }>;\n  disabled?: boolean;\n}\n\nexport interface DefaultCategoryFilterProps<T extends string> {\n  options: ReadonlyArray<CategoryOption<T>>;\n  value: T | null;\n  onChange: (value: T | null) => void;\n  className?: string;\n}\n\nexport function DefaultCategoryFilter<T extends string>({\n  options,\n  value,\n  onChange,\n  className,\n}: DefaultCategoryFilterProps<T>) {\n  const { classNames } = useCatalogConfig();\n  return (\n    <div\n      data-p0=\"catalog-category-filter\"\n      className={cn(\"pz:flex pz:flex-wrap pz:gap-2\", classNames?.categoryFilter, className)}\n    >\n      {options.map((option) => {\n        const isActive = value === option.id;\n        const Icon = option.icon;\n        return (\n          <button\n            key={String(option.id ?? \"__all__\")}\n            type=\"button\"\n            data-active={isActive ? \"\" : undefined}\n            disabled={option.disabled}\n            onClick={() => onChange(option.id)}\n            className={cn(\n              \"pz:inline-flex pz:items-center pz:gap-1.5 pz:px-3 pz:py-1.5 pz:text-sm pz:rounded-md pz:border pz:border-input pz:bg-background pz:text-muted-foreground pz:transition-colors pz:hover:text-foreground pz:hover:bg-muted pz:disabled:opacity-50 pz:disabled:pointer-events-none\",\n              classNames?.categoryButton,\n              isActive &&\n                \"pz:bg-primary pz:text-primary-foreground pz:border-primary pz:font-medium pz:hover:bg-primary pz:hover:text-primary-foreground\",\n              isActive && classNames?.categoryButtonActive,\n            )}\n          >\n            {Icon ? <Icon className=\"pz:size-3.5\" /> : null}\n            {option.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,sBAAwC,EACtD,SACA,OACA,UACA,aACgC;CAChC,MAAM,EAAE,eAAe,kBAAkB;AACzC,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,iCAAiC,YAAY,gBAAgB,UAAU;YAEpF,QAAQ,KAAK,WAAW;GACvB,MAAM,WAAW,UAAU,OAAO;GAClC,MAAM,OAAO,OAAO;AACpB,UACE,qBAAC,UAAD;IAEE,MAAK;IACL,eAAa,WAAW,KAAK;IAC7B,UAAU,OAAO;IACjB,eAAe,SAAS,OAAO,GAAG;IAClC,WAAW,GACT,mRACA,YAAY,gBACZ,YACE,kIACF,YAAY,YAAY,qBACzB;cAZH,CAcG,OAAO,oBAAC,MAAD,EAAM,WAAU,eAAgB,IAAG,MAC1C,OAAO,MACD;MAfF,OAAO,OAAO,MAAM,UAAU,CAe5B;IAEX;EACE"}