@pipe0/react 0.1.7 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @pipe0/elements-react
 
+## 0.2.1
+
+### Patch Changes
+
+- 436c852: New agent promps plus fix append pipes
+- Updated dependencies [436c852]
+  - @pipe0/base@0.5.1
+
+## 0.2.0
+
+### Minor Changes
+
+- 70036b5: Fix dependency declarations so consumers no longer have to hand-install internal libraries.
+
+  `@pipe0/react`: the libraries it only uses internally — `@dnd-kit/*`, `@floating-ui/react`,
+  `@hookform/resolvers`, `@tanstack/react-table`, `@tiptap/*`, and `react-hook-form` — moved from
+  `peerDependencies` to regular `dependencies`; they're never exposed on the public API, so the
+  library now controls their versions and installs them automatically. `@base-ui/react` was
+  promoted from a `dependency` to a `peerDependency` because its types are part of the public API
+  (`useRender.ComponentProps`) and consumers are expected to import it directly. `react`,
+  `react-dom`, and `zod` remain peers.
+
+  `@pipe0/base`: `zod` moved from `dependencies` to `peerDependencies` so the consumer's app,
+  `@pipe0/base`, and `@pipe0/react` all resolve to a single zod instance (avoiding duplicate-instance
+  type errors).
+
+  Consumers must now have `@base-ui/react`, `react`, `react-dom`, and `zod` installed as peers.
+
+### Patch Changes
+
+- Updated dependencies [70036b5]
+  - @pipe0/base@0.5.0
+
 ## 0.1.7
 
 ### Patch Changes

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

@@ -0,0 +1,22 @@
+import { EffectCardData } from "../../../types/catalog-adapters.mjs";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
+import { MouseEvent } from "react";
+
+//#region src/components/compound/effect-catalog/card.d.ts
+interface EffectCatalogCardState {
+  selected: boolean;
+  expanded: boolean;
+  setExpanded: (open: boolean) => void;
+}
+interface EffectCatalogCardProps extends useRender.ComponentProps<"div", EffectCatalogCardState> {
+  card: EffectCardData;
+  index?: number;
+  selected?: boolean;
+  /** Overrides the default click handler that fires `onSelectCard`. */
+  onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+}
+declare const EffectCatalogCard: _$react.ForwardRefExoticComponent<Omit<EffectCatalogCardProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { EffectCatalogCard, EffectCatalogCardProps, EffectCatalogCardState };
+//# sourceMappingURL=card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../../../src/components/compound/effect-catalog/card.tsx"],"mappings":";;;;;;UAyBiB,sBAAA;EACf,QAAA;EACA,QAAA;EACA,WAAA,GAAc,IAAA;AAAA;AAAA,UAGC,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;EACxC,IAAA,EAAM,cAAA;EACN,KAAA;EACA,QAAA;EAPA;EASA,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,cAAA;AAAA;AAAA,cAUd,iBAAA,EAAiB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,sBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}

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

@@ -0,0 +1,82 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { EffectCatalogCardContext } from "../../../context/effect-catalog-card-context.mjs";
+import { useEffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
+import { CatalogCardDescription, CatalogCardHeader, CatalogCardTitle } from "../../defaults/catalog/card-primitives.mjs";
+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/effect-catalog/card.tsx
+const DEFAULT_BODY = /* @__PURE__ */ jsxs(CatalogCardHeader, { children: [/* @__PURE__ */ jsx(CatalogCardTitle, {}), /* @__PURE__ */ jsx(CatalogCardDescription, {})] });
+const EffectCatalogCard = forwardRef(function EffectCatalogCard({ card, index = 0, selected = false, render, onClick, className, ...rest }, ref) {
+	const { onSelectCard, expandedCardId, setExpandedCardId } = useEffectCatalogContext();
+	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]);
+	const contextValue = useMemo(() => ({
+		card,
+		index,
+		selected,
+		expanded,
+		onSelect,
+		setExpanded
+	}), [
+		card,
+		index,
+		selected,
+		expanded,
+		onSelect,
+		setExpanded
+	]);
+	const interactive = !!(onClick || onSelectCard);
+	const handleClick = onClick ? onClick : onSelectCard ? (e) => onSelect(e) : void 0;
+	const handleKeyDown = interactive ? (e) => {
+		if (e.key === "Enter" || e.key === " ") {
+			e.preventDefault();
+			if (onClick) onClick(e);
+			else onSelect(e);
+		}
+	} : void 0;
+	const isUsingDefaultBody = !render;
+	const Card = components?.Card;
+	const element = useRender({
+		ref,
+		defaultTagName: "div",
+		render,
+		state: {
+			selected,
+			expanded,
+			setExpanded
+		},
+		stateAttributesMapping: { setExpanded: () => null },
+		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(EffectCatalogCardContext.Provider, {
+		value: contextValue,
+		children: /* @__PURE__ */ jsx(Card, { children: DEFAULT_BODY })
+	});
+	return /* @__PURE__ */ jsx(EffectCatalogCardContext.Provider, {
+		value: contextValue,
+		children: element
+	});
+});
+
+//#endregion
+export { EffectCatalogCard };
+//# sourceMappingURL=card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","names":[],"sources":["../../../../src/components/compound/effect-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  EffectCatalogCardContext,\n  type EffectCatalogCardContextValue,\n} from \"../../../context/effect-catalog-card-context.js\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { EffectCardData } from \"../../../types/catalog-adapters.js\";\nimport {\n  CatalogCardDescription,\n  CatalogCardHeader,\n  CatalogCardTitle,\n} from \"../../defaults/catalog/card-primitives.js\";\n\nexport interface EffectCatalogCardState {\n  selected: boolean;\n  expanded: boolean;\n  setExpanded: (open: boolean) => void;\n}\n\nexport interface EffectCatalogCardProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogCardState> {\n  card: EffectCardData;\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 EffectCatalogCard = forwardRef<HTMLDivElement, EffectCatalogCardProps>(\n  function EffectCatalogCard(\n    { card, index = 0, selected = false, render, onClick, className, ...rest },\n    ref,\n  ) {\n    const { onSelectCard, expandedCardId, setExpandedCardId } = useEffectCatalogContext();\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<EffectCatalogCardContextValue>(\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, setExpanded },\n      stateAttributesMapping: {\n        setExpanded: () => null,\n      },\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        <EffectCatalogCardContext.Provider value={contextValue}>\n          <Card>{DEFAULT_BODY}</Card>\n        </EffectCatalogCardContext.Provider>\n      );\n    }\n\n    return (\n      <EffectCatalogCardContext.Provider value={contextValue}>\n        {element}\n      </EffectCatalogCardContext.Provider>\n    );\n  },\n);\n"],"mappings":";;;;;;;;;;;AAwCA,MAAM,eACJ,qBAAC,mBAAD,aACE,oBAAC,kBAAD,EAAoB,GACpB,oBAAC,wBAAD,EAA0B,EACR;AAGtB,MAAa,oBAAoB,WAC/B,SAAS,kBACP,EAAE,MAAM,QAAQ,GAAG,WAAW,OAAO,QAAQ,SAAS,WAAW,GAAG,QACpE,KACA;CACA,MAAM,EAAE,cAAc,gBAAgB,sBAAsB,yBAAyB;CACrF,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;GAAa;EAC1C,wBAAwB,EACtB,mBAAmB,MACpB;EACD,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,yBAAyB,UAA1B;EAAmC,OAAO;YACxC,oBAAC,MAAD,YAAO,cAAoB;EACO;AAIxC,QACE,oBAAC,yBAAyB,UAA1B;EAAmC,OAAO;YACvC;EACiC;EAGzC"}

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

@@ -0,0 +1,27 @@
+import { CategoryOption } from "../../defaults/catalog/category-filter.mjs";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { SheetEffectCategory } from "@pipe0/base";
+
+//#region src/components/compound/effect-catalog/category-filter.d.ts
+interface EffectCatalogCategoryFilterState {
+  value: SheetEffectCategory | null;
+  setValue: (value: SheetEffectCategory | null) => void;
+  options: ReadonlyArray<CategoryOption<SheetEffectCategory>>;
+  counts: Partial<Record<SheetEffectCategory, number>>;
+  totalCount: number;
+  isActive: boolean;
+}
+interface EffectCatalogCategoryFilterProps extends useRender.ComponentProps<"div", EffectCatalogCategoryFilterState> {
+  /** Override the default category options. */
+  options?: ReadonlyArray<CategoryOption<SheetEffectCategory>>;
+}
+declare function EffectCatalogCategoryFilter({
+  options,
+  className,
+  render,
+  ...props
+}: EffectCatalogCategoryFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EffectCatalogCategoryFilter, EffectCatalogCategoryFilterProps, EffectCatalogCategoryFilterState };
+//# sourceMappingURL=category-filter.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.d.mts","names":[],"sources":["../../../../src/components/compound/effect-catalog/category-filter.tsx"],"mappings":";;;;;;UAiCiB,gCAAA;EACf,KAAA,EAAO,mBAAA;EACP,QAAA,GAAW,KAAA,EAAO,mBAAA;EAClB,OAAA,EAAS,aAAA,CAAc,cAAA,CAAe,mBAAA;EACtC,MAAA,EAAQ,OAAA,CAAQ,MAAA,CAAO,mBAAA;EACvB,UAAA;EACA,QAAA;AAAA;AAAA,UAGe,gCAAA,SACP,SAAA,CAAU,cAAA,QAAsB,gCAAA;EAPjB;EASvB,OAAA,GAAU,aAAA,CAAc,cAAA,CAAe,mBAAA;AAAA;AAAA,iBAGzB,2BAAA,CAAA;EACd,OAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,gCAAA,GAAgC,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,61 @@
+import { useEffectCatalogContext } from "../../../context/effect-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 { getSheetEffectCategoryEntries } from "@pipe0/base";
+import { Cog, Eraser, Sparkles, X, Zap } from "lucide-react";
+
+//#region src/components/compound/effect-catalog/category-filter.tsx
+const EFFECT_CATEGORY_ICONS = {
+	data_hygiene: Eraser,
+	enrichment: Zap,
+	internal: Cog,
+	deprecated: X
+};
+const DEFAULT_OPTIONS = [{
+	id: null,
+	label: "All",
+	icon: Sparkles
+}, ...[...getSheetEffectCategoryEntries()].sort((a, b) => a.order - b.order).map((entry) => ({
+	id: entry.id,
+	label: entry.label,
+	icon: EFFECT_CATEGORY_ICONS[entry.id]
+}))];
+function EffectCatalogCategoryFilter({ options = DEFAULT_OPTIONS, className, render, ...props }) {
+	const ctx = useEffectCatalogContext();
+	const value = ctx.category;
+	const isActive = value !== null;
+	const element = useRender({
+		defaultTagName: "div",
+		render,
+		state: {
+			value,
+			setValue: ctx.setCategory,
+			options,
+			counts: ctx.baselineCategoryCounts,
+			totalCount: ctx.baselineCardCount,
+			isActive
+		},
+		stateAttributesMapping: {
+			setValue: () => null,
+			options: () => null,
+			counts: () => null
+		},
+		props: mergeProps({
+			className,
+			"data-p0": "catalog-category-filter"
+		}, props)
+	});
+	if (render) return element;
+	return /* @__PURE__ */ jsx(DefaultCategoryFilter, {
+		options,
+		value: ctx.category,
+		onChange: ctx.setCategory,
+		className
+	});
+}
+
+//#endregion
+export { EffectCatalogCategoryFilter };
+//# sourceMappingURL=category-filter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/effect-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSheetEffectCategoryEntries, type SheetEffectCategory } from \"@pipe0/base\";\nimport { Cog, Eraser, Sparkles, X, Zap } from \"lucide-react\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst EFFECT_CATEGORY_ICONS: Record<\n  SheetEffectCategory,\n  CategoryOption<SheetEffectCategory>[\"icon\"]\n> = {\n  data_hygiene: Eraser,\n  enrichment: Zap,\n  internal: Cog,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SheetEffectCategory>> = [\n  { id: null, label: \"All\", icon: Sparkles },\n  ...[...getSheetEffectCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SheetEffectCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: EFFECT_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface EffectCatalogCategoryFilterState {\n  value: SheetEffectCategory | null;\n  setValue: (value: SheetEffectCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n  counts: Partial<Record<SheetEffectCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface EffectCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n}\n\nexport function EffectCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: EffectCatalogCategoryFilterProps) {\n  const ctx = useEffectCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\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,wBAGF;CACF,cAAc;CACd,YAAY;CACZ,UAAU;CACV,YAAY;CACb;AAED,MAAM,kBAAsE,CAC1E;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,+BAA+B,CAAC,CACpC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAAgD;CAC/C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,4BAA4B,EAC1C,UAAU,iBACV,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,yBAAyB;CACrC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,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/effect-catalog/empty.d.mts

@@ -0,0 +1,17 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
+
+//#region src/components/compound/effect-catalog/empty.d.ts
+interface EffectCatalogEmptyState {
+  visible: boolean;
+}
+interface EffectCatalogEmptyProps extends useRender.ComponentProps<"div", EffectCatalogEmptyState> {}
+declare function EffectCatalogEmpty({
+  children,
+  className,
+  render,
+  ...props
+}: EffectCatalogEmptyProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
+//#endregion
+export { EffectCatalogEmpty, EffectCatalogEmptyProps, EffectCatalogEmptyState };
+//# sourceMappingURL=empty.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.d.mts","names":[],"sources":["../../../../src/components/compound/effect-catalog/empty.tsx"],"mappings":";;;;UAMiB,uBAAA;EACf,OAAA;AAAA;AAAA,UAGe,uBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,uBAAA;AAAA,iBAE1B,kBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,uBAAA,GAAuB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -0,0 +1,29 @@
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { useEffectCatalogContext } from "../../../context/effect-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/effect-catalog/empty.tsx
+function EffectCatalogEmpty({ children, className, render, ...props }) {
+	const { components } = useCatalogConfig();
+	const visible = useEffectCatalogContext().table.getRowModel().rows.length === 0;
+	const EmptyState = components?.EmptyState;
+	const element = useRender({
+		defaultTagName: "div",
+		render,
+		state: { visible },
+		props: mergeProps({
+			className,
+			children: EmptyState ? /* @__PURE__ */ jsx(EmptyState, { children }) : /* @__PURE__ */ jsx(DefaultEmptyState, { children: children ?? "No effects found. Try adjusting your filters." }),
+			"data-p0": "catalog-empty"
+		}, props)
+	});
+	if (!visible) return null;
+	return element;
+}
+
+//#endregion
+export { EffectCatalogEmpty };
+//# sourceMappingURL=empty.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"empty.mjs","names":[],"sources":["../../../../src/components/compound/effect-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 { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport { DefaultEmptyState } from \"../../defaults/catalog/empty-state.js\";\n\nexport interface EffectCatalogEmptyState {\n  visible: boolean;\n}\n\nexport interface EffectCatalogEmptyProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogEmptyState> {}\n\nexport function EffectCatalogEmpty({\n  children,\n  className,\n  render,\n  ...props\n}: EffectCatalogEmptyProps) {\n  const { components } = useCatalogConfig();\n  const ctx = useEffectCatalogContext();\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 effects found. Try adjusting your filters.\"}\n    </DefaultEmptyState>\n  );\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { visible },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: defaultBody,\n        ...({ \"data-p0\": \"catalog-empty\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (!visible) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;AAaA,SAAgB,mBAAmB,EACjC,UACA,WACA,QACA,GAAG,SACuB;CAC1B,MAAM,EAAE,eAAe,kBAAkB;CAEzC,MAAM,UADM,yBAAyB,CACjB,MAAM,aAAa,CAAC,KAAK,WAAW;CAExD,MAAM,aAAa,YAAY;CAS/B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO,WACL;GACE;GACA,UAfc,aAClB,oBAAC,YAAD,EAAa,UAAsB,IAEnC,oBAAC,mBAAD,YACG,YAAY,iDACK;GAWV,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,CAAC,QAAS,QAAO;AACrB,QAAO"}

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

@@ -0,0 +1,6 @@
+import { EffectCatalogCard, EffectCatalogCardProps, EffectCatalogCardState } from "./card.mjs";
+import { EffectCatalogCategoryFilter, EffectCatalogCategoryFilterProps, EffectCatalogCategoryFilterState } from "./category-filter.mjs";
+import { EffectCatalogEmpty, EffectCatalogEmptyProps, EffectCatalogEmptyState } from "./empty.mjs";
+import { EffectCatalogList, EffectCatalogListProps, EffectCatalogListState } from "./list.mjs";
+import { EffectCatalog, EffectCatalogInstanceProps, EffectCatalogProps, EffectCatalogZeroConfigProps } from "./root.mjs";
+import { EffectCatalogSearchFilter, EffectCatalogSearchFilterProps, EffectCatalogSearchFilterState } from "./search-filter.mjs";

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

@@ -0,0 +1,19 @@
+import { EffectCardData } from "../../../types/catalog-adapters.mjs";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
+
+//#region src/components/compound/effect-catalog/list.d.ts
+interface EffectCatalogListState {
+  cards: ReadonlyArray<EffectCardData>;
+  isEmpty: boolean;
+}
+interface EffectCatalogListProps extends useRender.ComponentProps<"div", EffectCatalogListState> {}
+declare function EffectCatalogList({
+  render,
+  className,
+  children,
+  ...props
+}: EffectCatalogListProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
+//#endregion
+export { EffectCatalogList, EffectCatalogListProps, EffectCatalogListState };
+//# sourceMappingURL=list.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.d.mts","names":[],"sources":["../../../../src/components/compound/effect-catalog/list.tsx"],"mappings":";;;;;UAOiB,sBAAA;EACf,KAAA,EAAO,aAAA,CAAc,cAAA;EACrB,OAAA;AAAA;AAAA,UAGe,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;AAAA,iBAE1B,iBAAA,CAAA;EACd,MAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -0,0 +1,33 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useEffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
+import { EffectCatalogCard } from "./card.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/effect-catalog/list.tsx
+function EffectCatalogList({ render, className, children, ...props }) {
+	const { cards } = useEffectCatalogContext();
+	const isEmpty = cards.length === 0;
+	const defaultBody = cards.map((card) => /* @__PURE__ */ jsx(EffectCatalogCard, { card }, card.effectId));
+	const element = useRender({
+		defaultTagName: "div",
+		render,
+		state: {
+			cards,
+			isEmpty
+		},
+		stateAttributesMapping: { cards: () => null },
+		props: mergeProps({
+			className: cn("pz:flex pz:flex-col pz:gap-2", className),
+			children: children ?? defaultBody,
+			"data-p0": "catalog-list"
+		}, props)
+	});
+	if (isEmpty) return null;
+	return element;
+}
+
+//#endregion
+export { EffectCatalogList };
+//# sourceMappingURL=list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.mjs","names":[],"sources":["../../../../src/components/compound/effect-catalog/list.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { EffectCardData } from \"../../../types/catalog-adapters.js\";\nimport { EffectCatalogCard } from \"./card.js\";\n\nexport interface EffectCatalogListState {\n  cards: ReadonlyArray<EffectCardData>;\n  isEmpty: boolean;\n}\n\nexport interface EffectCatalogListProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogListState> {}\n\nexport function EffectCatalogList({\n  render,\n  className,\n  children,\n  ...props\n}: EffectCatalogListProps) {\n  const { cards } = useEffectCatalogContext();\n  const isEmpty = cards.length === 0;\n\n  const defaultBody = cards.map((card) => <EffectCatalogCard key={card.effectId} card={card} />);\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { cards, isEmpty },\n    stateAttributesMapping: {\n      cards: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className: cn(\"pz:flex pz:flex-col pz:gap-2\", className),\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"catalog-list\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (isEmpty) return null;\n  return element;\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,kBAAkB,EAChC,QACA,WACA,UACA,GAAG,SACsB;CACzB,MAAM,EAAE,UAAU,yBAAyB;CAC3C,MAAM,UAAU,MAAM,WAAW;CAEjC,MAAM,cAAc,MAAM,KAAK,SAAS,oBAAC,mBAAD,EAA6C,MAAQ,EAA7B,KAAK,SAAwB,CAAC;CAE9F,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAO;GAAS;EACzB,wBAAwB,EACtB,aAAa,MACd;EACD,OAAO,WACL;GACE,WAAW,GAAG,gCAAgC,UAAU;GACxD,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,QAAS,QAAO;AACpB,QAAO"}

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

@@ -0,0 +1,31 @@
+import { CatalogClassNames, CatalogComponentOverrides, EffectCardData } from "../../../types/catalog-adapters.mjs";
+import { UseEffectCatalogTableReturn } from "../../../hooks/use-effect-catalog-table.mjs";
+import { useRender } from "@base-ui/react/use-render";
+import { ReactNode, SyntheticEvent } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { SheetEffectCatalogTableData } from "@pipe0/base";
+
+//#region src/components/compound/effect-catalog/root.d.ts
+interface CustomizationProps {
+  classNames?: CatalogClassNames;
+  components?: CatalogComponentOverrides;
+  className?: string;
+  render?: useRender.ComponentProps<"div">["render"];
+}
+interface SelectionProps {
+  /** Fires on click / keyboard activation of any `<EffectCatalogCard>`. */
+  onSelectEffect?: (effect: EffectCardData, e: SyntheticEvent) => void;
+}
+interface EffectCatalogInstanceProps extends CustomizationProps, SelectionProps {
+  context: UseEffectCatalogTableReturn;
+  children?: ReactNode;
+}
+interface EffectCatalogZeroConfigProps extends CustomizationProps, SelectionProps {
+  filter?: (entry: SheetEffectCatalogTableData) => boolean;
+  children?: ReactNode;
+}
+type EffectCatalogProps = EffectCatalogInstanceProps | EffectCatalogZeroConfigProps;
+declare function EffectCatalog(props: EffectCatalogProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EffectCatalog, EffectCatalogInstanceProps, EffectCatalogProps, EffectCatalogZeroConfigProps };
+//# sourceMappingURL=root.d.mts.map

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

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

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

@@ -0,0 +1,67 @@
+import { CatalogProvider, CatalogRoot, useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { EffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
+import { EffectCatalogCategoryFilter } from "./category-filter.mjs";
+import { EffectCatalogEmpty } from "./empty.mjs";
+import { EffectCatalogList } from "./list.mjs";
+import { useEffectCatalogTable } from "../../../hooks/use-effect-catalog-table.mjs";
+import { DefaultCatalogRoot } from "../../defaults/catalog/layout.mjs";
+import { EffectCatalogSearchFilter } from "./search-filter.mjs";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compound/effect-catalog/root.tsx
+function EffectCatalog(props) {
+	if ("context" in props) return /* @__PURE__ */ jsx(EffectCatalogWithContext, { ...props });
+	return /* @__PURE__ */ jsx(EffectCatalogZeroConfig, { ...props });
+}
+function EffectCatalogZeroConfig({ filter, ...rest }) {
+	return /* @__PURE__ */ jsx(EffectCatalogWithContext, {
+		context: useEffectCatalogTable({ filter }),
+		...rest
+	});
+}
+function EffectCatalogWithContext({ context, children, className, classNames, components, onSelectEffect, render }) {
+	const hasLocalOverrides = classNames || components;
+	const [expandedCardId, setExpandedCardId] = useState(null);
+	const value = useMemo(() => ({
+		...context,
+		onSelectCard: onSelectEffect,
+		expandedCardId,
+		setExpandedCardId
+	}), [
+		context,
+		onSelectEffect,
+		expandedCardId
+	]);
+	const inner = /* @__PURE__ */ jsx(EffectCatalogContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(EffectCatalogShell, {
+			className,
+			render,
+			children
+		})
+	});
+	if (hasLocalOverrides) return /* @__PURE__ */ jsx(CatalogRoot, { children: /* @__PURE__ */ jsx(CatalogProvider, {
+		classNames,
+		components,
+		children: inner
+	}) });
+	return /* @__PURE__ */ jsx(CatalogRoot, { children: inner });
+}
+function EffectCatalogShell({ children, className, render }) {
+	useCatalogConfig();
+	return /* @__PURE__ */ jsx(DefaultCatalogRoot, {
+		className,
+		render,
+		children: children !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(EffectCatalogSearchFilter, {}),
+			/* @__PURE__ */ jsx(EffectCatalogCategoryFilter, {}),
+			/* @__PURE__ */ jsx(EffectCatalogList, {}),
+			/* @__PURE__ */ jsx(EffectCatalogEmpty, {})
+		] })
+	});
+}
+
+//#endregion
+export { EffectCatalog };
+//# sourceMappingURL=root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/effect-catalog/root.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { SheetEffectCatalogTableData } from \"@pipe0/base\";\nimport type { ReactNode, SyntheticEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  CatalogProvider,\n  CatalogRoot,\n  useCatalogConfig,\n} from \"../../../context/catalog-config-context.js\";\nimport {\n  EffectCatalogContext,\n  type EffectCatalogContextValue,\n} from \"../../../context/effect-catalog-context.js\";\nimport {\n  type UseEffectCatalogTableReturn,\n  useEffectCatalogTable,\n} from \"../../../hooks/use-effect-catalog-table.js\";\nimport type {\n  CatalogClassNames,\n  CatalogComponentOverrides,\n  EffectCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { DefaultCatalogRoot } from \"../../defaults/catalog/layout.js\";\nimport { EffectCatalogCategoryFilter } from \"./category-filter.js\";\nimport { EffectCatalogEmpty } from \"./empty.js\";\nimport { EffectCatalogList } from \"./list.js\";\nimport { EffectCatalogSearchFilter } from \"./search-filter.js\";\n\ninterface CustomizationProps {\n  classNames?: CatalogClassNames;\n  components?: CatalogComponentOverrides;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\">[\"render\"];\n}\n\ninterface SelectionProps {\n  /** Fires on click / keyboard activation of any `<EffectCatalogCard>`. */\n  onSelectEffect?: (effect: EffectCardData, e: SyntheticEvent) => void;\n}\n\nexport interface EffectCatalogInstanceProps extends CustomizationProps, SelectionProps {\n  context: UseEffectCatalogTableReturn;\n  children?: ReactNode;\n}\n\nexport interface EffectCatalogZeroConfigProps extends CustomizationProps, SelectionProps {\n  filter?: (entry: SheetEffectCatalogTableData) => boolean;\n  children?: ReactNode;\n}\n\nexport type EffectCatalogProps = EffectCatalogInstanceProps | EffectCatalogZeroConfigProps;\n\nexport function EffectCatalog(props: EffectCatalogProps) {\n  if (\"context\" in props) {\n    return <EffectCatalogWithContext {...props} />;\n  }\n  return <EffectCatalogZeroConfig {...props} />;\n}\n\nfunction EffectCatalogZeroConfig({ filter, ...rest }: EffectCatalogZeroConfigProps) {\n  const context = useEffectCatalogTable({ filter });\n  return <EffectCatalogWithContext context={context} {...rest} />;\n}\n\nfunction EffectCatalogWithContext({\n  context,\n  children,\n  className,\n  classNames,\n  components,\n  onSelectEffect,\n  render,\n}: EffectCatalogInstanceProps) {\n  const hasLocalOverrides = classNames || components;\n  const [expandedCardId, setExpandedCardId] = useState<string | null>(null);\n\n  const value = useMemo<EffectCatalogContextValue>(\n    () => ({\n      ...context,\n      onSelectCard: onSelectEffect,\n      expandedCardId,\n      setExpandedCardId,\n    }),\n    [context, onSelectEffect, expandedCardId],\n  );\n\n  const inner = (\n    <EffectCatalogContext.Provider value={value}>\n      <EffectCatalogShell className={className} render={render}>\n        {children}\n      </EffectCatalogShell>\n    </EffectCatalogContext.Provider>\n  );\n  if (hasLocalOverrides) {\n    return (\n      <CatalogRoot>\n        <CatalogProvider classNames={classNames} components={components}>\n          {inner}\n        </CatalogProvider>\n      </CatalogRoot>\n    );\n  }\n  return <CatalogRoot>{inner}</CatalogRoot>;\n}\n\nfunction EffectCatalogShell({\n  children,\n  className,\n  render,\n}: {\n  children?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\">[\"render\"];\n}) {\n  useCatalogConfig();\n  const body =\n    children !== undefined ? (\n      children\n    ) : (\n      <>\n        <EffectCatalogSearchFilter />\n        <EffectCatalogCategoryFilter />\n        <EffectCatalogList />\n        <EffectCatalogEmpty />\n      </>\n    );\n  return (\n    <DefaultCatalogRoot className={className} render={render}>\n      {body}\n    </DefaultCatalogRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAoDA,SAAgB,cAAc,OAA2B;AACvD,KAAI,aAAa,MACf,QAAO,oBAAC,0BAAD,EAA0B,GAAI,OAAS;AAEhD,QAAO,oBAAC,yBAAD,EAAyB,GAAI,OAAS;;AAG/C,SAAS,wBAAwB,EAAE,QAAQ,GAAG,QAAsC;AAElF,QAAO,oBAAC,0BAAD;EAA0B,SADjB,sBAAsB,EAAE,QAAQ,CAAC;EACE,GAAI;EAAQ;;AAGjE,SAAS,yBAAyB,EAChC,SACA,UACA,WACA,YACA,YACA,gBACA,UAC6B;CAC7B,MAAM,oBAAoB,cAAc;CACxC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAEzE,MAAM,QAAQ,eACL;EACL,GAAG;EACH,cAAc;EACd;EACA;EACD,GACD;EAAC;EAAS;EAAgB;EAAe,CAC1C;CAED,MAAM,QACJ,oBAAC,qBAAqB,UAAtB;EAAsC;YACpC,oBAAC,oBAAD;GAA+B;GAAmB;GAC/C;GACkB;EACS;AAElC,KAAI,kBACF,QACE,oBAAC,aAAD,YACE,oBAAC,iBAAD;EAA6B;EAAwB;YAClD;EACe,GACN;AAGlB,QAAO,oBAAC,aAAD,YAAc,OAAoB;;AAG3C,SAAS,mBAAmB,EAC1B,UACA,WACA,UAKC;AACD,mBAAkB;AAYlB,QACE,oBAAC,oBAAD;EAA+B;EAAmB;YAXlD,aAAa,SACX,WAEA;GACE,oBAAC,2BAAD,EAA6B;GAC7B,oBAAC,6BAAD,EAA+B;GAC/B,oBAAC,mBAAD,EAAqB;GACrB,oBAAC,oBAAD,EAAsB;GACrB;EAKgB"}

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

@@ -0,0 +1,21 @@
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/effect-catalog/search-filter.d.ts
+interface EffectCatalogSearchFilterState {
+  value: string;
+  setValue: (value: string) => void;
+  isActive: boolean;
+}
+interface EffectCatalogSearchFilterProps extends useRender.ComponentProps<"input", EffectCatalogSearchFilterState> {
+  placeholder?: string;
+}
+declare function EffectCatalogSearchFilter({
+  placeholder,
+  className,
+  render,
+  ...props
+}: EffectCatalogSearchFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { EffectCatalogSearchFilter, EffectCatalogSearchFilterProps, EffectCatalogSearchFilterState };
+//# sourceMappingURL=search-filter.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-filter.d.mts","names":[],"sources":["../../../../src/components/compound/effect-catalog/search-filter.tsx"],"mappings":";;;;UASiB,8BAAA;EACf,KAAA;EACA,QAAA,GAAW,KAAA;EACX,QAAA;AAAA;AAAA,UAGe,8BAAA,SACP,SAAA,CAAU,cAAA,UAAwB,8BAAA;EAC1C,WAAA;AAAA;AAAA,iBAGc,yBAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,8BAAA,GAA8B,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,47 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { useEffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
+import { Input } from "../../ui/input.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+
+//#region src/components/compound/effect-catalog/search-filter.tsx
+function EffectCatalogSearchFilter({ placeholder = "Search effects...", className, render, ...props }) {
+	const { globalFilterInput, setGlobalFilterInput } = useEffectCatalogContext();
+	const { classNames } = useCatalogConfig();
+	const inputElement = useRender({
+		defaultTagName: "input",
+		render,
+		state: {
+			value: globalFilterInput,
+			setValue: setGlobalFilterInput,
+			isActive: !!globalFilterInput
+		},
+		stateAttributesMapping: { setValue: () => null },
+		props: mergeProps({
+			type: "search",
+			placeholder,
+			value: globalFilterInput,
+			onChange: (e) => setGlobalFilterInput(e.target.value),
+			className: render ? cn(classNames?.searchInput, className) : void 0
+		}, props)
+	});
+	if (render) return inputElement;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "catalog-search",
+		className: cn("pz:relative", classNames?.searchInputContainer),
+		children: [/* @__PURE__ */ jsx(Search, { className: "pz:absolute pz:left-2.5 pz:top-1/2 pz:-translate-y-1/2 pz:size-4 pz:text-muted-foreground pz:pointer-events-none" }), /* @__PURE__ */ jsx(Input, {
+			type: "search",
+			placeholder,
+			value: globalFilterInput,
+			onChange: (e) => setGlobalFilterInput(e.target.value),
+			className: cn("pz:pl-8", classNames?.searchInput, className)
+		})]
+	});
+}
+
+//#endregion
+export { EffectCatalogSearchFilter };
+//# sourceMappingURL=search-filter.mjs.map

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

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

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

@@ -1,7 +1,7 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
 import { PipeCatalogCardContext } from "../../../context/pipe-catalog-card-context.mjs";
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
 import { CatalogCardDescription, CatalogCardHeader, CatalogCardTitle } from "../../defaults/catalog/card-primitives.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";

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

@@ -3,8 +3,8 @@ import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mj
 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, Hammer, Plug, ScanFace, Search, Users, X, Zap } from "lucide-react";
 import { getPipeCategoryEntries } from "@pipe0/base";
+import { Building2, Database, Hammer, Plug, ScanFace, Search, Users, X, Zap } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/category-filter.tsx
 const PIPE_CATEGORY_ICONS = {