@pipe0/react 0.1.7 → 0.2.1

package/dist/components/internal/form-level-errors.mjs

@@ -1,3 +1,4 @@
+import { useFormAlert } from "../../context/form-context.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useFormState } from "react-hook-form";
 
@@ -43,6 +44,7 @@ function collectErrors(errors, prefix = "") {
 */
 function FormLevelErrors({ control, fieldPaths }) {
 	const { errors, isSubmitted } = useFormState({ control });
+	const Alert = useFormAlert();
 	if (!isSubmitted) return null;
 	const rootMessage = typeof errors?.root === "object" && errors.root && "message" in errors.root && typeof errors.root.message === "string" ? errors.root.message : void 0;
 	const isOwnedByField = (path) => {
@@ -52,10 +54,9 @@ function FormLevelErrors({ control, fieldPaths }) {
 	};
 	const others = collectErrors(errors).filter((e) => !isOwnedByField(e.path));
 	if (!rootMessage && others.length === 0) return null;
-	return /* @__PURE__ */ jsxs("div", {
+	return /* @__PURE__ */ jsxs(Alert, {
+		variant: "error",
 		"data-p0": "form-errors",
-		role: "alert",
-		className: "pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium",
 		children: [rootMessage && /* @__PURE__ */ jsx("span", {
 			"data-p0-error-path": "root",
 			children: rootMessage

package/dist/components/internal/form-level-errors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-level-errors.mjs","names":[],"sources":["../../../src/components/internal/form-level-errors.tsx"],"sourcesContent":["import { type Control, type FieldErrors, useFormState } from \"react-hook-form\";\n\ntype CollectedError = { path: string; message: string };\n\nfunction isFieldErrorNode(node: unknown): node is { message: string; type: string } {\n  return (\n    !!node &&\n    typeof node === \"object\" &&\n    typeof (node as { message?: unknown }).message === \"string\" &&\n    typeof (node as { type?: unknown }).type === \"string\"\n  );\n}\n\nconst FIELD_ERROR_KEYS = new Set([\"message\", \"type\", \"ref\", \"types\", \"root\"]);\n\nfunction collectErrors(\n  errors: FieldErrors | Record<string, unknown> | undefined,\n  prefix = \"\",\n): CollectedError[] {\n  if (!errors || typeof errors !== \"object\") return [];\n  const out: CollectedError[] = [];\n  for (const key of Object.keys(errors)) {\n    const node = (errors as Record<string, unknown>)[key];\n    if (!node) continue;\n    const path = prefix ? `${prefix}.${key}` : key;\n    if (isFieldErrorNode(node)) {\n      out.push({ path, message: node.message });\n    }\n    if (node && typeof node === \"object\") {\n      const nested: Record<string, unknown> = {};\n      for (const childKey of Object.keys(node as Record<string, unknown>)) {\n        if (FIELD_ERROR_KEYS.has(childKey)) continue;\n        nested[childKey] = (node as Record<string, unknown>)[childKey];\n      }\n      out.push(...collectErrors(nested, path));\n    }\n  }\n  return out;\n}\n\n/**\n * Renders any errors set on the form that are not attached to a rendered\n * field. This surfaces:\n *  - root errors (e.g. `errors.root`)\n *  - container-level errors set on non-leaf paths (e.g. a Zod custom check\n *    on `config.filters` that says \"You must set at least one filter.\")\n */\nexport function FormLevelErrors({\n  control,\n  fieldPaths,\n}: {\n  control: Control<any>;\n  fieldPaths: Set<string>;\n}) {\n  const { errors, isSubmitted } = useFormState({ control });\n\n  // Match `useFieldError`: only surface errors after the form has been\n  // submitted at least once. Otherwise merely focusing a field triggers\n  // live validation and makes the form feel immediately \"broken\".\n  if (!isSubmitted) return null;\n\n  const rootMessage =\n    typeof errors?.root === \"object\" &&\n    errors.root &&\n    \"message\" in errors.root &&\n    typeof (errors.root as { message?: unknown }).message === \"string\"\n      ? (errors.root as { message: string }).message\n      : undefined;\n\n  // Errors on any rendered field — or on any descendant of a rendered field —\n  // belong to that field's adapter, not the global banner. Complex adapters\n  // like json_extraction / pipes_trigger register a single path at the top\n  // level and render their own inline errors for nested paths underneath.\n  const isOwnedByField = (path: string) => {\n    if (fieldPaths.has(path)) return true;\n    for (const p of fieldPaths) {\n      if (path.startsWith(`${p}.`)) return true;\n    }\n    return false;\n  };\n\n  const others = collectErrors(errors).filter((e) => !isOwnedByField(e.path));\n\n  if (!rootMessage && others.length === 0) return null;\n\n  return (\n    <div\n      data-p0=\"form-errors\"\n      role=\"alert\"\n      className=\"pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium\"\n    >\n      {rootMessage && <span data-p0-error-path=\"root\">{rootMessage}</span>}\n      {others.map((e) => (\n        <span key={e.path} data-p0-error-path={e.path}>\n          {e.message}\n        </span>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;AAIA,SAAS,iBAAiB,MAA0D;AAClF,QACE,CAAC,CAAC,QACF,OAAO,SAAS,YAChB,OAAQ,KAA+B,YAAY,YACnD,OAAQ,KAA4B,SAAS;;AAIjD,MAAM,mBAAmB,IAAI,IAAI;CAAC;CAAW;CAAQ;CAAO;CAAS;CAAO,CAAC;AAE7E,SAAS,cACP,QACA,SAAS,IACS;AAClB,KAAI,CAAC,UAAU,OAAO,WAAW,SAAU,QAAO,EAAE;CACpD,MAAM,MAAwB,EAAE;AAChC,MAAK,MAAM,OAAO,OAAO,KAAK,OAAO,EAAE;EACrC,MAAM,OAAQ,OAAmC;AACjD,MAAI,CAAC,KAAM;EACX,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ;AAC3C,MAAI,iBAAiB,KAAK,CACxB,KAAI,KAAK;GAAE;GAAM,SAAS,KAAK;GAAS,CAAC;AAE3C,MAAI,QAAQ,OAAO,SAAS,UAAU;GACpC,MAAM,SAAkC,EAAE;AAC1C,QAAK,MAAM,YAAY,OAAO,KAAK,KAAgC,EAAE;AACnE,QAAI,iBAAiB,IAAI,SAAS,CAAE;AACpC,WAAO,YAAa,KAAiC;;AAEvD,OAAI,KAAK,GAAG,cAAc,QAAQ,KAAK,CAAC;;;AAG5C,QAAO;;;;;;;;;AAUT,SAAgB,gBAAgB,EAC9B,SACA,cAIC;CACD,MAAM,EAAE,QAAQ,gBAAgB,aAAa,EAAE,SAAS,CAAC;AAKzD,KAAI,CAAC,YAAa,QAAO;CAEzB,MAAM,cACJ,OAAO,QAAQ,SAAS,YACxB,OAAO,QACP,aAAa,OAAO,QACpB,OAAQ,OAAO,KAA+B,YAAY,WACrD,OAAO,KAA6B,UACrC;CAMN,MAAM,kBAAkB,SAAiB;AACvC,MAAI,WAAW,IAAI,KAAK,CAAE,QAAO;AACjC,OAAK,MAAM,KAAK,WACd,KAAI,KAAK,WAAW,GAAG,EAAE,GAAG,CAAE,QAAO;AAEvC,SAAO;;CAGT,MAAM,SAAS,cAAc,OAAO,CAAC,QAAQ,MAAM,CAAC,eAAe,EAAE,KAAK,CAAC;AAE3E,KAAI,CAAC,eAAe,OAAO,WAAW,EAAG,QAAO;AAEhD,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,MAAK;EACL,WAAU;YAHZ,CAKG,eAAe,oBAAC,QAAD;GAAM,sBAAmB;aAAQ;GAAmB,GACnE,OAAO,KAAK,MACX,oBAAC,QAAD;GAAmB,sBAAoB,EAAE;aACtC,EAAE;GACE,EAFI,EAAE,KAEN,CACP,CACE"}
+{"version":3,"file":"form-level-errors.mjs","names":[],"sources":["../../../src/components/internal/form-level-errors.tsx"],"sourcesContent":["import { type Control, type FieldErrors, useFormState } from \"react-hook-form\";\nimport { useFormAlert } from \"../../context/form-context.js\";\n\ntype CollectedError = { path: string; message: string };\n\nfunction isFieldErrorNode(node: unknown): node is { message: string; type: string } {\n  return (\n    !!node &&\n    typeof node === \"object\" &&\n    typeof (node as { message?: unknown }).message === \"string\" &&\n    typeof (node as { type?: unknown }).type === \"string\"\n  );\n}\n\nconst FIELD_ERROR_KEYS = new Set([\"message\", \"type\", \"ref\", \"types\", \"root\"]);\n\nfunction collectErrors(\n  errors: FieldErrors | Record<string, unknown> | undefined,\n  prefix = \"\",\n): CollectedError[] {\n  if (!errors || typeof errors !== \"object\") return [];\n  const out: CollectedError[] = [];\n  for (const key of Object.keys(errors)) {\n    const node = (errors as Record<string, unknown>)[key];\n    if (!node) continue;\n    const path = prefix ? `${prefix}.${key}` : key;\n    if (isFieldErrorNode(node)) {\n      out.push({ path, message: node.message });\n    }\n    if (node && typeof node === \"object\") {\n      const nested: Record<string, unknown> = {};\n      for (const childKey of Object.keys(node as Record<string, unknown>)) {\n        if (FIELD_ERROR_KEYS.has(childKey)) continue;\n        nested[childKey] = (node as Record<string, unknown>)[childKey];\n      }\n      out.push(...collectErrors(nested, path));\n    }\n  }\n  return out;\n}\n\n/**\n * Renders any errors set on the form that are not attached to a rendered\n * field. This surfaces:\n *  - root errors (e.g. `errors.root`)\n *  - container-level errors set on non-leaf paths (e.g. a Zod custom check\n *    on `config.filters` that says \"You must set at least one filter.\")\n */\nexport function FormLevelErrors({\n  control,\n  fieldPaths,\n}: {\n  control: Control<any>;\n  fieldPaths: Set<string>;\n}) {\n  const { errors, isSubmitted } = useFormState({ control });\n  const Alert = useFormAlert();\n\n  // Match `useFieldError`: only surface errors after the form has been\n  // submitted at least once. Otherwise merely focusing a field triggers\n  // live validation and makes the form feel immediately \"broken\".\n  if (!isSubmitted) return null;\n\n  const rootMessage =\n    typeof errors?.root === \"object\" &&\n    errors.root &&\n    \"message\" in errors.root &&\n    typeof (errors.root as { message?: unknown }).message === \"string\"\n      ? (errors.root as { message: string }).message\n      : undefined;\n\n  // Errors on any rendered field — or on any descendant of a rendered field —\n  // belong to that field's adapter, not the global banner. Complex adapters\n  // like json_extraction / pipes_trigger register a single path at the top\n  // level and render their own inline errors for nested paths underneath.\n  const isOwnedByField = (path: string) => {\n    if (fieldPaths.has(path)) return true;\n    for (const p of fieldPaths) {\n      if (path.startsWith(`${p}.`)) return true;\n    }\n    return false;\n  };\n\n  const others = collectErrors(errors).filter((e) => !isOwnedByField(e.path));\n\n  if (!rootMessage && others.length === 0) return null;\n\n  return (\n    <Alert variant=\"error\" data-p0=\"form-errors\">\n      {rootMessage && <span data-p0-error-path=\"root\">{rootMessage}</span>}\n      {others.map((e) => (\n        <span key={e.path} data-p0-error-path={e.path}>\n          {e.message}\n        </span>\n      ))}\n    </Alert>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAS,iBAAiB,MAA0D;AAClF,QACE,CAAC,CAAC,QACF,OAAO,SAAS,YAChB,OAAQ,KAA+B,YAAY,YACnD,OAAQ,KAA4B,SAAS;;AAIjD,MAAM,mBAAmB,IAAI,IAAI;CAAC;CAAW;CAAQ;CAAO;CAAS;CAAO,CAAC;AAE7E,SAAS,cACP,QACA,SAAS,IACS;AAClB,KAAI,CAAC,UAAU,OAAO,WAAW,SAAU,QAAO,EAAE;CACpD,MAAM,MAAwB,EAAE;AAChC,MAAK,MAAM,OAAO,OAAO,KAAK,OAAO,EAAE;EACrC,MAAM,OAAQ,OAAmC;AACjD,MAAI,CAAC,KAAM;EACX,MAAM,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ;AAC3C,MAAI,iBAAiB,KAAK,CACxB,KAAI,KAAK;GAAE;GAAM,SAAS,KAAK;GAAS,CAAC;AAE3C,MAAI,QAAQ,OAAO,SAAS,UAAU;GACpC,MAAM,SAAkC,EAAE;AAC1C,QAAK,MAAM,YAAY,OAAO,KAAK,KAAgC,EAAE;AACnE,QAAI,iBAAiB,IAAI,SAAS,CAAE;AACpC,WAAO,YAAa,KAAiC;;AAEvD,OAAI,KAAK,GAAG,cAAc,QAAQ,KAAK,CAAC;;;AAG5C,QAAO;;;;;;;;;AAUT,SAAgB,gBAAgB,EAC9B,SACA,cAIC;CACD,MAAM,EAAE,QAAQ,gBAAgB,aAAa,EAAE,SAAS,CAAC;CACzD,MAAM,QAAQ,cAAc;AAK5B,KAAI,CAAC,YAAa,QAAO;CAEzB,MAAM,cACJ,OAAO,QAAQ,SAAS,YACxB,OAAO,QACP,aAAa,OAAO,QACpB,OAAQ,OAAO,KAA+B,YAAY,WACrD,OAAO,KAA6B,UACrC;CAMN,MAAM,kBAAkB,SAAiB;AACvC,MAAI,WAAW,IAAI,KAAK,CAAE,QAAO;AACjC,OAAK,MAAM,KAAK,WACd,KAAI,KAAK,WAAW,GAAG,EAAE,GAAG,CAAE,QAAO;AAEvC,SAAO;;CAGT,MAAM,SAAS,cAAc,OAAO,CAAC,QAAQ,MAAM,CAAC,eAAe,EAAE,KAAK,CAAC;AAE3E,KAAI,CAAC,eAAe,OAAO,WAAW,EAAG,QAAO;AAEhD,QACE,qBAAC,OAAD;EAAO,SAAQ;EAAQ,WAAQ;YAA/B,CACG,eAAe,oBAAC,QAAD;GAAM,sBAAmB;aAAQ;GAAmB,GACnE,OAAO,KAAK,MACX,oBAAC,QAAD;GAAmB,sBAAoB,EAAE;aACtC,EAAE;GACE,EAFI,EAAE,KAEN,CACP,CACI"}

package/dist/components/internal/icons.mjs

@@ -41,6 +41,32 @@ function IconInfo(props) {
 		]
 	});
 }
+function IconWarning(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...defaults,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 9v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+		]
+	});
+}
+function IconError(props) {
+	return /* @__PURE__ */ jsxs("svg", {
+		...defaults,
+		...props,
+		children: [
+			/* @__PURE__ */ jsx("circle", {
+				cx: "12",
+				cy: "12",
+				r: "10"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "m15 9-6 6" }),
+			/* @__PURE__ */ jsx("path", { d: "m9 9 6 6" })
+		]
+	});
+}
 function IconPencil(props) {
 	return /* @__PURE__ */ jsx("svg", {
 		...defaults,
@@ -162,5 +188,5 @@ function IconRefresh(props) {
 }
 
 //#endregion
-export { IconCheck, IconChevronDown, IconEye, IconEyeOff, IconGripVertical, IconInfo, IconLock, IconMinus, IconPencil, IconPlus, IconRefresh, IconTrash };
+export { IconCheck, IconChevronDown, IconError, IconEye, IconEyeOff, IconGripVertical, IconInfo, IconLock, IconMinus, IconPencil, IconPlus, IconRefresh, IconTrash, IconWarning };
 //# sourceMappingURL=icons.mjs.map

package/dist/components/internal/icons.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"icons.mjs","names":[],"sources":["../../../src/components/internal/icons.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\ntype IconProps = SVGProps<SVGSVGElement>;\n\nconst defaults: IconProps = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 16,\n  height: 16,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\" as const,\n  strokeLinejoin: \"round\" as const,\n};\n\nexport function IconPlus(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M5 12h14\" />\n      <path d=\"M12 5v14\" />\n    </svg>\n  );\n}\n\nexport function IconMinus(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\nexport function IconX(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport function IconInfo(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\nexport function IconPencil(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n    </svg>\n  );\n}\n\nexport function IconTrash(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\" />\n      <path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\" />\n    </svg>\n  );\n}\n\nexport function IconChevronDown(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nexport function IconLock(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n    </svg>\n  );\n}\n\nexport function IconGripVertical(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"9\" cy=\"12\" r=\"1\" />\n      <circle cx=\"9\" cy=\"5\" r=\"1\" />\n      <circle cx=\"9\" cy=\"19\" r=\"1\" />\n      <circle cx=\"15\" cy=\"12\" r=\"1\" />\n      <circle cx=\"15\" cy=\"5\" r=\"1\" />\n      <circle cx=\"15\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\nexport function IconMoreHorizontal(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\nexport function IconPlay(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <polygon points=\"6 3 20 12 6 21 6 3\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport function IconCheck(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nexport function IconChevronRight(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nexport function IconEye(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nexport function IconEyeOff(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\nexport function IconRefresh(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n      <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n      <path d=\"M8 16H3v5\" />\n    </svg>\n  );\n}\n\nexport function IconBraces(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"icons.mjs","names":[],"sources":["../../../src/components/internal/icons.tsx"],"sourcesContent":["import type { SVGProps } from \"react\";\n\ntype IconProps = SVGProps<SVGSVGElement>;\n\nconst defaults: IconProps = {\n  xmlns: \"http://www.w3.org/2000/svg\",\n  width: 16,\n  height: 16,\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 2,\n  strokeLinecap: \"round\" as const,\n  strokeLinejoin: \"round\" as const,\n};\n\nexport function IconPlus(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M5 12h14\" />\n      <path d=\"M12 5v14\" />\n    </svg>\n  );\n}\n\nexport function IconMinus(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\nexport function IconX(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\nexport function IconInfo(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"M12 16v-4\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n}\n\nexport function IconWarning(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3\" />\n      <path d=\"M12 9v4\" />\n      <path d=\"M12 17h.01\" />\n    </svg>\n  );\n}\n\nexport function IconError(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"10\" />\n      <path d=\"m15 9-6 6\" />\n      <path d=\"m9 9 6 6\" />\n    </svg>\n  );\n}\n\nexport function IconPencil(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z\" />\n    </svg>\n  );\n}\n\nexport function IconTrash(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M3 6h18\" />\n      <path d=\"M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6\" />\n      <path d=\"M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2\" />\n    </svg>\n  );\n}\n\nexport function IconChevronDown(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"m6 9 6 6 6-6\" />\n    </svg>\n  );\n}\n\nexport function IconLock(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <rect width=\"18\" height=\"11\" x=\"3\" y=\"11\" rx=\"2\" ry=\"2\" />\n      <path d=\"M7 11V7a5 5 0 0 1 10 0v4\" />\n    </svg>\n  );\n}\n\nexport function IconGripVertical(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"9\" cy=\"12\" r=\"1\" />\n      <circle cx=\"9\" cy=\"5\" r=\"1\" />\n      <circle cx=\"9\" cy=\"19\" r=\"1\" />\n      <circle cx=\"15\" cy=\"12\" r=\"1\" />\n      <circle cx=\"15\" cy=\"5\" r=\"1\" />\n      <circle cx=\"15\" cy=\"19\" r=\"1\" />\n    </svg>\n  );\n}\n\nexport function IconMoreHorizontal(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <circle cx=\"12\" cy=\"12\" r=\"1\" />\n      <circle cx=\"19\" cy=\"12\" r=\"1\" />\n      <circle cx=\"5\" cy=\"12\" r=\"1\" />\n    </svg>\n  );\n}\n\nexport function IconPlay(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <polygon points=\"6 3 20 12 6 21 6 3\" fill=\"currentColor\" />\n    </svg>\n  );\n}\n\nexport function IconCheck(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nexport function IconChevronRight(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"m9 18 6-6-6-6\" />\n    </svg>\n  );\n}\n\nexport function IconEye(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0\" />\n      <circle cx=\"12\" cy=\"12\" r=\"3\" />\n    </svg>\n  );\n}\n\nexport function IconEyeOff(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49\" />\n      <path d=\"M14.084 14.158a3 3 0 0 1-4.242-4.242\" />\n      <path d=\"M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143\" />\n      <path d=\"m2 2 20 20\" />\n    </svg>\n  );\n}\n\nexport function IconRefresh(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8\" />\n      <path d=\"M21 3v5h-5\" />\n      <path d=\"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16\" />\n      <path d=\"M8 16H3v5\" />\n    </svg>\n  );\n}\n\nexport function IconBraces(props: IconProps) {\n  return (\n    <svg {...defaults} {...props}>\n      <path d=\"M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5a2 2 0 0 0 2 2h1\" />\n      <path d=\"M16 21h1a2 2 0 0 0 2-2v-5a2 2 0 0 1 2-2 2 2 0 0 1-2-2V5a2 2 0 0 0-2-2h-1\" />\n    </svg>\n  );\n}\n"],"mappings":"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"}

package/dist/components/ui/alert.d.mts

@@ -0,0 +1,47 @@
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { VariantProps } from "class-variance-authority";
+import * as _$class_variance_authority_types0 from "class-variance-authority/types";
+
+//#region src/components/ui/alert.d.ts
+/**
+ * Notice box used across the form library (a field's disabled-reason, form-level
+ * validation / loader errors, …). Severity drives the left accent bar + icon
+ * colour. Children render in the body column with muted "description" styling by
+ * default; wrap a heading in {@link AlertTitle} for the bold title + muted body
+ * layout.
+ *
+ * The whole component is overridable per form via
+ * `<FormProvider components={{ alert: MyAlert }}>` — see `FormComponents`. The
+ * override receives `variant` + `children`, so one component can style every
+ * severity.
+ */
+declare const alertVariants: (props?: ({
+  variant?: "info" | "error" | "warning" | null | undefined;
+} & _$class_variance_authority_types0.ClassProp) | undefined) => string;
+type AlertVariant = NonNullable<VariantProps<typeof alertVariants>["variant"]>;
+interface AlertProps extends Omit<ComponentProps<"div">, "title"> {
+  variant?: AlertVariant;
+  /** Set `false` to hide the leading severity icon. */
+  icon?: boolean;
+}
+declare function Alert({
+  variant,
+  icon,
+  className,
+  children,
+  ...props
+}: AlertProps): _$react_jsx_runtime0.JSX.Element;
+/** Bold, foreground-coloured heading line inside an {@link Alert}. */
+declare function AlertTitle({
+  className,
+  ...props
+}: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+/** Muted body text inside an {@link Alert} (the default child styling). */
+declare function AlertDescription({
+  className,
+  ...props
+}: ComponentProps<"div">): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Alert, AlertDescription, AlertProps, AlertTitle, AlertVariant, alertVariants };
+//# sourceMappingURL=alert.d.mts.map

package/dist/components/ui/alert.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.mts","names":[],"sources":["../../../src/components/ui/alert.tsx"],"mappings":";;;;;;;;;;AAC4C;;;;;;;;cAgBtC,aAAA,GAAa,KAAA;;IAYlB,iCAAA,CAAA,SAAA;AAAA,KAIW,YAAA,GAAe,WAAA,CAAY,YAAA,QAAoB,aAAA;AAAA,UAE1C,UAAA,SAAmB,IAAA,CAAK,cAAA;EACvC,OAAA,GAAU,YAAA;EAHe;EAKzB,IAAA;AAAA;AAAA,iBAGc,KAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;;iBAsBG,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;;iBAWzD,gBAAA,CAAA;EAAmB,SAAA;EAAA,GAAc;AAAA,GAAS,cAAA,UAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/ui/alert.mjs

@@ -0,0 +1,66 @@
+import { cn } from "../../lib/utils.mjs";
+import { IconError, IconInfo, IconWarning } from "../internal/icons.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/ui/alert.tsx
+/**
+* Notice box used across the form library (a field's disabled-reason, form-level
+* validation / loader errors, …). Severity drives the left accent bar + icon
+* colour. Children render in the body column with muted "description" styling by
+* default; wrap a heading in {@link AlertTitle} for the bold title + muted body
+* layout.
+*
+* The whole component is overridable per form via
+* `<FormProvider components={{ alert: MyAlert }}>` — see `FormComponents`. The
+* override receives `variant` + `children`, so one component can style every
+* severity.
+*/
+const alertVariants = cva("pz:group/alert pz:relative pz:flex pz:w-full pz:items-start pz:gap-2 pz:rounded-lg pz:border pz:bg-card pz:py-2.5 pz:pr-3 pz:pl-5 pz:text-left pz:text-sm pz:before:absolute pz:before:inset-y-2.5 pz:before:left-2 pz:before:w-0.5 pz:before:rounded-full pz:[&>svg]:size-4 pz:[&>svg]:shrink-0 pz:[&>svg]:translate-y-px", {
+	variants: { variant: {
+		info: "pz:before:bg-blue-500 pz:[&>svg]:text-blue-500",
+		warning: "pz:before:bg-amber-500 pz:[&>svg]:text-amber-500",
+		error: "pz:before:bg-destructive pz:[&>svg]:text-destructive"
+	} },
+	defaultVariants: { variant: "info" }
+});
+const VARIANT_ICON = {
+	info: IconInfo,
+	warning: IconWarning,
+	error: IconError
+};
+function Alert({ variant = "info", icon = true, className, children, ...props }) {
+	const Icon = VARIANT_ICON[variant];
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "alert",
+		"data-p0": "alert",
+		role: "alert",
+		className: cn(alertVariants({ variant }), className),
+		...props,
+		children: [icon && /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("div", {
+			"data-slot": "alert-body",
+			className: "pz:flex pz:min-w-0 pz:flex-col pz:gap-0.5 pz:text-muted-foreground pz:text-xs",
+			children
+		})]
+	});
+}
+/** Bold, foreground-coloured heading line inside an {@link Alert}. */
+function AlertTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-title",
+		className: cn("pz:font-medium pz:text-foreground pz:text-sm pz:leading-tight", className),
+		...props
+	});
+}
+/** Muted body text inside an {@link Alert} (the default child styling). */
+function AlertDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "alert-description",
+		className: cn("pz:flex pz:flex-col pz:gap-1 pz:text-muted-foreground pz:text-xs", className),
+		...props
+	});
+}
+
+//#endregion
+export { Alert, AlertDescription, AlertTitle, alertVariants };
+//# sourceMappingURL=alert.mjs.map

package/dist/components/ui/alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.mjs","names":[],"sources":["../../../src/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type { ComponentProps } from \"react\";\nimport { cn } from \"../../lib/utils.js\";\nimport { IconError, IconInfo, IconWarning } from \"../internal/icons.js\";\n\n/**\n * Notice box used across the form library (a field's disabled-reason, form-level\n * validation / loader errors, …). Severity drives the left accent bar + icon\n * colour. Children render in the body column with muted \"description\" styling by\n * default; wrap a heading in {@link AlertTitle} for the bold title + muted body\n * layout.\n *\n * The whole component is overridable per form via\n * `<FormProvider components={{ alert: MyAlert }}>` — see `FormComponents`. The\n * override receives `variant` + `children`, so one component can style every\n * severity.\n */\nconst alertVariants = cva(\n  \"pz:group/alert pz:relative pz:flex pz:w-full pz:items-start pz:gap-2 pz:rounded-lg pz:border pz:bg-card pz:py-2.5 pz:pr-3 pz:pl-5 pz:text-left pz:text-sm pz:before:absolute pz:before:inset-y-2.5 pz:before:left-2 pz:before:w-0.5 pz:before:rounded-full pz:[&>svg]:size-4 pz:[&>svg]:shrink-0 pz:[&>svg]:translate-y-px\",\n  {\n    variants: {\n      variant: {\n        info: \"pz:before:bg-blue-500 pz:[&>svg]:text-blue-500\",\n        warning: \"pz:before:bg-amber-500 pz:[&>svg]:text-amber-500\",\n        error: \"pz:before:bg-destructive pz:[&>svg]:text-destructive\",\n      },\n    },\n    defaultVariants: { variant: \"info\" },\n  },\n);\n\nconst VARIANT_ICON = { info: IconInfo, warning: IconWarning, error: IconError } as const;\n\nexport type AlertVariant = NonNullable<VariantProps<typeof alertVariants>[\"variant\"]>;\n\nexport interface AlertProps extends Omit<ComponentProps<\"div\">, \"title\"> {\n  variant?: AlertVariant;\n  /** Set `false` to hide the leading severity icon. */\n  icon?: boolean;\n}\n\nexport function Alert({\n  variant = \"info\",\n  icon = true,\n  className,\n  children,\n  ...props\n}: AlertProps) {\n  const Icon = VARIANT_ICON[variant];\n  return (\n    <div\n      data-slot=\"alert\"\n      data-p0=\"alert\"\n      role=\"alert\"\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    >\n      {icon && <Icon aria-hidden=\"true\" />}\n      <div\n        data-slot=\"alert-body\"\n        className=\"pz:flex pz:min-w-0 pz:flex-col pz:gap-0.5 pz:text-muted-foreground pz:text-xs\"\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n\n/** Bold, foreground-coloured heading line inside an {@link Alert}. */\nexport function AlertTitle({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-title\"\n      className={cn(\"pz:font-medium pz:text-foreground pz:text-sm pz:leading-tight\", className)}\n      {...props}\n    />\n  );\n}\n\n/** Muted body text inside an {@link Alert} (the default child styling). */\nexport function AlertDescription({ className, ...props }: ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"alert-description\"\n      className={cn(\"pz:flex pz:flex-col pz:gap-1 pz:text-muted-foreground pz:text-xs\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { alertVariants };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAiBA,MAAM,gBAAgB,IACpB,8TACA;CACE,UAAU,EACR,SAAS;EACP,MAAM;EACN,SAAS;EACT,OAAO;EACR,EACF;CACD,iBAAiB,EAAE,SAAS,QAAQ;CACrC,CACF;AAED,MAAM,eAAe;CAAE,MAAM;CAAU,SAAS;CAAa,OAAO;CAAW;AAU/E,SAAgB,MAAM,EACpB,UAAU,QACV,OAAO,MACP,WACA,UACA,GAAG,SACU;CACb,MAAM,OAAO,aAAa;AAC1B,QACE,qBAAC,OAAD;EACE,aAAU;EACV,WAAQ;EACR,MAAK;EACL,WAAW,GAAG,cAAc,EAAE,SAAS,CAAC,EAAE,UAAU;EACpD,GAAI;YALN,CAOG,QAAQ,oBAAC,MAAD,EAAM,eAAY,QAAS,GACpC,oBAAC,OAAD;GACE,aAAU;GACV,WAAU;GAET;GACG,EACF;;;;AAKV,SAAgB,WAAW,EAAE,WAAW,GAAG,SAAgC;AACzE,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,iEAAiE,UAAU;EACzF,GAAI;EACJ;;;AAKN,SAAgB,iBAAiB,EAAE,WAAW,GAAG,SAAgC;AAC/E,QACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GAAG,oEAAoE,UAAU;EAC5F,GAAI;EACJ"}

package/dist/context/catalog-card-context.mjs

@@ -1,5 +1,6 @@
-import { PipeCatalogContext } from "./pipe-catalog-context.mjs";
+import { EffectCatalogCardContext } from "./effect-catalog-card-context.mjs";
 import { PipeCatalogCardContext } from "./pipe-catalog-card-context.mjs";
+import { PipeCatalogContext } from "./pipe-catalog-context.mjs";
 import { SearchCatalogCardContext } from "./search-catalog-card-context.mjs";
 import { SearchCatalogContext } from "./search-catalog-context.mjs";
 import { SearchesCatalogCardContext } from "./searches-catalog-card-context.mjs";
@@ -12,7 +13,8 @@ function useAnyCatalogCardOptional() {
 	const pipe = useContext(PipeCatalogCardContext);
 	const search = useContext(SearchCatalogCardContext);
 	const searches = useContext(SearchesCatalogCardContext);
-	return pipe ?? search ?? searches;
+	const effect = useContext(EffectCatalogCardContext);
+	return pipe ?? search ?? searches ?? effect;
 }
 /**
 * Returns whichever catalog root context is set (pipe / search / searches),

package/dist/context/catalog-card-context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"catalog-card-context.mjs","names":[],"sources":["../../src/context/catalog-card-context.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { useContext } from \"react\";\nimport type { PipeCardData, SearchCardData, SearchesCardData } from \"../types/catalog-adapters.js\";\nimport { PipeCatalogCardContext } from \"./pipe-catalog-card-context.js\";\nimport { PipeCatalogContext } from \"./pipe-catalog-context.js\";\nimport { SearchCatalogCardContext } from \"./search-catalog-card-context.js\";\nimport { SearchCatalogContext } from \"./search-catalog-context.js\";\nimport { SearchesCatalogCardContext } from \"./searches-catalog-card-context.js\";\nimport { SearchesCatalogContext } from \"./searches-catalog-context.js\";\n\nexport type AnyCardData = PipeCardData | SearchCardData | SearchesCardData;\n\nexport interface AnyCardContextValue {\n  card: AnyCardData;\n  index: number;\n  selected: boolean;\n  onSelect: (e: SyntheticEvent) => void;\n}\n\n/**\n * Internal hook used by shared catalog card primitives. Reads whichever of the\n * three sibling card contexts is set; throws if rendered outside any catalog\n * card. The returned `card` is the union of the three variants — primitives\n * narrow via the discriminator (`pipeId` / `searchId` / `searchesId`).\n */\nexport function useAnyCatalogCard(): AnyCardContextValue {\n  const pipe = useContext(PipeCatalogCardContext);\n  const search = useContext(SearchCatalogCardContext);\n  const searches = useContext(SearchesCatalogCardContext);\n  const ctx = pipe ?? search ?? searches;\n  if (ctx == null) {\n    throw new Error(\n      \"Catalog card primitives must be rendered inside a <PipeCatalogCard>, <SearchCatalogCard>, or <SearchesCatalogCard>.\",\n    );\n  }\n  return ctx as AnyCardContextValue;\n}\n\n/** Like {@link useAnyCatalogCard} but returns null when outside a card. */\nexport function useAnyCatalogCardOptional(): AnyCardContextValue | null {\n  const pipe = useContext(PipeCatalogCardContext);\n  const search = useContext(SearchCatalogCardContext);\n  const searches = useContext(SearchesCatalogCardContext);\n  return (pipe ?? search ?? searches) as AnyCardContextValue | null;\n}\n\n/**\n * Returns whichever catalog root context is set (pipe / search / searches),\n * or null. Used by self-binding primitives that need access to mutators\n * (`addColumnFilter`) or reverse indexes from the catalog hook.\n */\nexport function useAnyCatalogContextOptional() {\n  const pipe = useContext(PipeCatalogContext);\n  const search = useContext(SearchCatalogContext);\n  const searches = useContext(SearchesCatalogContext);\n  return pipe ?? search ?? searches;\n}\n"],"mappings":";;;;;;;;;;AAuCA,SAAgB,4BAAwD;CACtE,MAAM,OAAO,WAAW,uBAAuB;CAC/C,MAAM,SAAS,WAAW,yBAAyB;CACnD,MAAM,WAAW,WAAW,2BAA2B;AACvD,QAAQ,QAAQ,UAAU;;;;;;;AAQ5B,SAAgB,+BAA+B;CAC7C,MAAM,OAAO,WAAW,mBAAmB;CAC3C,MAAM,SAAS,WAAW,qBAAqB;CAC/C,MAAM,WAAW,WAAW,uBAAuB;AACnD,QAAO,QAAQ,UAAU"}
+{"version":3,"file":"catalog-card-context.mjs","names":[],"sources":["../../src/context/catalog-card-context.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { useContext } from \"react\";\nimport type {\n  EffectCardData,\n  PipeCardData,\n  SearchCardData,\n  SearchesCardData,\n} from \"../types/catalog-adapters.js\";\nimport { EffectCatalogCardContext } from \"./effect-catalog-card-context.js\";\nimport { PipeCatalogCardContext } from \"./pipe-catalog-card-context.js\";\nimport { PipeCatalogContext } from \"./pipe-catalog-context.js\";\nimport { SearchCatalogCardContext } from \"./search-catalog-card-context.js\";\nimport { SearchCatalogContext } from \"./search-catalog-context.js\";\nimport { SearchesCatalogCardContext } from \"./searches-catalog-card-context.js\";\nimport { SearchesCatalogContext } from \"./searches-catalog-context.js\";\n\nexport type AnyCardData = PipeCardData | SearchCardData | SearchesCardData | EffectCardData;\n\nexport interface AnyCardContextValue {\n  card: AnyCardData;\n  index: number;\n  selected: boolean;\n  onSelect: (e: SyntheticEvent) => void;\n}\n\n/**\n * Internal hook used by shared catalog card primitives. Reads whichever of the\n * three sibling card contexts is set; throws if rendered outside any catalog\n * card. The returned `card` is the union of the three variants — primitives\n * narrow via the discriminator (`pipeId` / `searchId` / `searchesId`).\n */\nexport function useAnyCatalogCard(): AnyCardContextValue {\n  const pipe = useContext(PipeCatalogCardContext);\n  const search = useContext(SearchCatalogCardContext);\n  const searches = useContext(SearchesCatalogCardContext);\n  const effect = useContext(EffectCatalogCardContext);\n  const ctx = pipe ?? search ?? searches ?? effect;\n  if (ctx == null) {\n    throw new Error(\n      \"Catalog card primitives must be rendered inside a <PipeCatalogCard>, <SearchCatalogCard>, <SearchesCatalogCard>, or <EffectCatalogCard>.\",\n    );\n  }\n  return ctx as AnyCardContextValue;\n}\n\n/** Like {@link useAnyCatalogCard} but returns null when outside a card. */\nexport function useAnyCatalogCardOptional(): AnyCardContextValue | null {\n  const pipe = useContext(PipeCatalogCardContext);\n  const search = useContext(SearchCatalogCardContext);\n  const searches = useContext(SearchesCatalogCardContext);\n  const effect = useContext(EffectCatalogCardContext);\n  return (pipe ?? search ?? searches ?? effect) as AnyCardContextValue | null;\n}\n\n/**\n * Returns whichever catalog root context is set (pipe / search / searches),\n * or null. Used by self-binding primitives that need access to mutators\n * (`addColumnFilter`) or reverse indexes from the catalog hook.\n */\nexport function useAnyCatalogContextOptional() {\n  const pipe = useContext(PipeCatalogContext);\n  const search = useContext(SearchCatalogContext);\n  const searches = useContext(SearchesCatalogContext);\n  return pipe ?? search ?? searches;\n}\n"],"mappings":";;;;;;;;;;;AA8CA,SAAgB,4BAAwD;CACtE,MAAM,OAAO,WAAW,uBAAuB;CAC/C,MAAM,SAAS,WAAW,yBAAyB;CACnD,MAAM,WAAW,WAAW,2BAA2B;CACvD,MAAM,SAAS,WAAW,yBAAyB;AACnD,QAAQ,QAAQ,UAAU,YAAY;;;;;;;AAQxC,SAAgB,+BAA+B;CAC7C,MAAM,OAAO,WAAW,mBAAmB;CAC3C,MAAM,SAAS,WAAW,qBAAqB;CAC/C,MAAM,WAAW,WAAW,uBAAuB;AACnD,QAAO,QAAQ,UAAU"}

package/dist/context/effect-catalog-card-context.d.mts

@@ -0,0 +1,20 @@
+import { EffectCardData } from "../types/catalog-adapters.mjs";
+import * as _$react from "react";
+import { SyntheticEvent } from "react";
+
+//#region src/context/effect-catalog-card-context.d.ts
+interface EffectCatalogCardContextValue {
+  card: EffectCardData;
+  index: number;
+  selected: boolean;
+  expanded: boolean;
+  /** Selection handler — fires the catalog root's `onSelectCard`. */
+  onSelect: (e: SyntheticEvent) => void;
+  /** Kept for parity with the other card variants; effect cards don't expand. */
+  setExpanded: (open: boolean) => void;
+}
+declare const EffectCatalogCardContext: _$react.Context<EffectCatalogCardContextValue | null>;
+declare function useEffectCatalogCard(): EffectCatalogCardContextValue;
+//#endregion
+export { EffectCatalogCardContext, EffectCatalogCardContextValue, useEffectCatalogCard };
+//# sourceMappingURL=effect-catalog-card-context.d.mts.map

package/dist/context/effect-catalog-card-context.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-catalog-card-context.d.mts","names":[],"sources":["../../src/context/effect-catalog-card-context.ts"],"mappings":";;;;;UAIiB,6BAAA;EACf,IAAA,EAAM,cAAA;EACN,KAAA;EACA,QAAA;EACA,QAAA;;EAEA,QAAA,GAAW,CAAA,EAAG,cAAA;EALd;EAOA,WAAA,GAAc,IAAA;AAAA;AAAA,cAGH,wBAAA,EAAwB,OAAA,CAAA,OAAA,CAAA,6BAAA;AAAA,iBAErB,oBAAA,CAAA,GAAwB,6BAAA"}

package/dist/context/effect-catalog-card-context.mjs

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+//#region src/context/effect-catalog-card-context.ts
+const EffectCatalogCardContext = createContext(null);
+function useEffectCatalogCard() {
+	const value = useContext(EffectCatalogCardContext);
+	if (value == null) throw new Error("useEffectCatalogCard must be used inside <EffectCatalogCard>.");
+	return value;
+}
+
+//#endregion
+export { EffectCatalogCardContext, useEffectCatalogCard };
+//# sourceMappingURL=effect-catalog-card-context.mjs.map

package/dist/context/effect-catalog-card-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-catalog-card-context.mjs","names":[],"sources":["../../src/context/effect-catalog-card-context.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type { EffectCardData } from \"../types/catalog-adapters.js\";\n\nexport interface EffectCatalogCardContextValue {\n  card: EffectCardData;\n  index: number;\n  selected: boolean;\n  expanded: boolean;\n  /** Selection handler — fires the catalog root's `onSelectCard`. */\n  onSelect: (e: SyntheticEvent) => void;\n  /** Kept for parity with the other card variants; effect cards don't expand. */\n  setExpanded: (open: boolean) => void;\n}\n\nexport const EffectCatalogCardContext = createContext<EffectCatalogCardContextValue | null>(null);\n\nexport function useEffectCatalogCard(): EffectCatalogCardContextValue {\n  const value = useContext(EffectCatalogCardContext);\n  if (value == null) {\n    throw new Error(\"useEffectCatalogCard must be used inside <EffectCatalogCard>.\");\n  }\n  return value;\n}\n"],"mappings":";;;AAeA,MAAa,2BAA2B,cAAoD,KAAK;AAEjG,SAAgB,uBAAsD;CACpE,MAAM,QAAQ,WAAW,yBAAyB;AAClD,KAAI,SAAS,KACX,OAAM,IAAI,MAAM,gEAAgE;AAElF,QAAO"}

package/dist/context/effect-catalog-context.d.mts

@@ -0,0 +1,20 @@
+import { EffectCardData } from "../types/catalog-adapters.mjs";
+import { UseEffectCatalogTableReturn } from "../hooks/use-effect-catalog-table.mjs";
+import * as _$react from "react";
+import { SyntheticEvent } from "react";
+
+//#region src/context/effect-catalog-context.d.ts
+type EffectCatalogContextValue = UseEffectCatalogTableReturn & {
+  onSelectCard?: (card: EffectCardData, e: SyntheticEvent) => void;
+  /**
+   * Id of the currently expanded card row (drawer open), or `null`. Kept for
+   * parity with the other catalog variants; effect cards are not expandable.
+   */
+  expandedCardId: string | null;
+  setExpandedCardId: (id: string | null) => void;
+};
+declare const EffectCatalogContext: _$react.Context<EffectCatalogContextValue | null>;
+declare function useEffectCatalogContext(): EffectCatalogContextValue;
+//#endregion
+export { EffectCatalogContext, EffectCatalogContextValue, useEffectCatalogContext };
+//# sourceMappingURL=effect-catalog-context.d.mts.map

package/dist/context/effect-catalog-context.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-catalog-context.d.mts","names":[],"sources":["../../src/context/effect-catalog-context.ts"],"mappings":";;;;;;KAKY,yBAAA,GAA4B,2BAAA;EACtC,YAAA,IAAgB,IAAA,EAAM,cAAA,EAAgB,CAAA,EAAG,cAAA;;AAD3C;;;EAME,cAAA;EACA,iBAAA,GAAoB,EAAA;AAAA;AAAA,cAGT,oBAAA,EAAoB,OAAA,CAAA,OAAA,CAAA,yBAAA;AAAA,iBAEjB,uBAAA,CAAA,GAA2B,yBAAA"}

package/dist/context/effect-catalog-context.mjs

@@ -0,0 +1,13 @@
+import { createContext, useContext } from "react";
+
+//#region src/context/effect-catalog-context.ts
+const EffectCatalogContext = createContext(null);
+function useEffectCatalogContext() {
+	const value = useContext(EffectCatalogContext);
+	if (value == null) throw new Error("useEffectCatalogContext must be used inside <EffectCatalog>. Either render <EffectCatalog>...</EffectCatalog> or pass `context={useEffectCatalogTable()}`.");
+	return value;
+}
+
+//#endregion
+export { EffectCatalogContext, useEffectCatalogContext };
+//# sourceMappingURL=effect-catalog-context.mjs.map

package/dist/context/effect-catalog-context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"effect-catalog-context.mjs","names":[],"sources":["../../src/context/effect-catalog-context.ts"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport { createContext, useContext } from \"react\";\nimport type { UseEffectCatalogTableReturn } from \"../hooks/use-effect-catalog-table.js\";\nimport type { EffectCardData } from \"../types/catalog-adapters.js\";\n\nexport type EffectCatalogContextValue = UseEffectCatalogTableReturn & {\n  onSelectCard?: (card: EffectCardData, e: SyntheticEvent) => void;\n  /**\n   * Id of the currently expanded card row (drawer open), or `null`. Kept for\n   * parity with the other catalog variants; effect cards are not expandable.\n   */\n  expandedCardId: string | null;\n  setExpandedCardId: (id: string | null) => void;\n};\n\nexport const EffectCatalogContext = createContext<EffectCatalogContextValue | null>(null);\n\nexport function useEffectCatalogContext(): EffectCatalogContextValue {\n  const value = useContext(EffectCatalogContext);\n  if (value == null) {\n    throw new Error(\n      \"useEffectCatalogContext must be used inside <EffectCatalog>. \" +\n        \"Either render <EffectCatalog>...</EffectCatalog> or pass `context={useEffectCatalogTable()}`.\",\n    );\n  }\n  return value;\n}\n"],"mappings":";;;AAeA,MAAa,uBAAuB,cAAgD,KAAK;AAEzF,SAAgB,0BAAqD;CACnE,MAAM,QAAQ,WAAW,qBAAqB;AAC9C,KAAI,SAAS,KACX,OAAM,IAAI,MACR,6JAED;AAEH,QAAO"}

package/dist/context/form-context.d.mts

@@ -0,0 +1,21 @@
+import { AlertProps } from "../components/ui/alert.mjs";
+import { FieldAdapterMap, FormClassNames, FormComponents } from "../types/adapters.mjs";
+import { ComponentType } from "react";
+
+//#region src/context/form-context.d.ts
+interface FormConfig {
+  adapters?: FieldAdapterMap;
+  classNames?: FormClassNames;
+  components?: FormComponents;
+}
+declare function useFormConfig(): FormConfig;
+/**
+ * The Alert component the form chrome should render — the consumer's override
+ * from `<FormProvider components={{ alert }}>` if present, else the library
+ * default. Use this everywhere instead of importing `Alert` directly so notices
+ * stay customizable.
+ */
+declare function useFormAlert(): ComponentType<AlertProps>;
+//#endregion
+export { FormConfig, useFormAlert, useFormConfig };
+//# sourceMappingURL=form-context.d.mts.map

package/dist/context/form-context.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-context.d.mts","names":[],"sources":["../../src/context/form-context.ts"],"mappings":";;;;;UAIiB,UAAA;EACf,QAAA,GAAW,eAAA;EACX,UAAA,GAAa,cAAA;EACb,UAAA,GAAa,cAAA;AAAA;AAAA,iBAKC,aAAA,CAAA,GAAiB,UAAA;;;;;;;iBAUjB,YAAA,CAAA,GAAgB,aAAA,CAAc,UAAA"}

package/dist/context/form-context.mjs

@@ -1,3 +1,4 @@
+import { Alert } from "../components/ui/alert.mjs";
 import { createContext, useContext } from "react";
 
 //#region src/context/form-context.ts
@@ -5,7 +6,16 @@ const FormConfigContext = createContext({});
 function useFormConfig() {
 	return useContext(FormConfigContext);
 }
+/**
+* The Alert component the form chrome should render — the consumer's override
+* from `<FormProvider components={{ alert }}>` if present, else the library
+* default. Use this everywhere instead of importing `Alert` directly so notices
+* stay customizable.
+*/
+function useFormAlert() {
+	return useFormConfig().components?.alert ?? Alert;
+}
 
 //#endregion
-export { FormConfigContext, useFormConfig };
+export { FormConfigContext, useFormAlert, useFormConfig };
 //# sourceMappingURL=form-context.mjs.map

package/dist/context/form-context.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-context.mjs","names":[],"sources":["../../src/context/form-context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { FieldAdapterMap, FormClassNames } from \"../types/adapters.js\";\n\nexport interface FormConfig {\n  adapters?: FieldAdapterMap;\n  classNames?: FormClassNames;\n}\n\nexport const FormConfigContext = createContext<FormConfig>({});\n\nexport function useFormConfig(): FormConfig {\n  return useContext(FormConfigContext);\n}\n"],"mappings":";;;AAQA,MAAa,oBAAoB,cAA0B,EAAE,CAAC;AAE9D,SAAgB,gBAA4B;AAC1C,QAAO,WAAW,kBAAkB"}
+{"version":3,"file":"form-context.mjs","names":[],"sources":["../../src/context/form-context.ts"],"sourcesContent":["import { type ComponentType, createContext, useContext } from \"react\";\nimport { Alert, type AlertProps } from \"../components/ui/alert.js\";\nimport type { FieldAdapterMap, FormClassNames, FormComponents } from \"../types/adapters.js\";\n\nexport interface FormConfig {\n  adapters?: FieldAdapterMap;\n  classNames?: FormClassNames;\n  components?: FormComponents;\n}\n\nexport const FormConfigContext = createContext<FormConfig>({});\n\nexport function useFormConfig(): FormConfig {\n  return useContext(FormConfigContext);\n}\n\n/**\n * The Alert component the form chrome should render — the consumer's override\n * from `<FormProvider components={{ alert }}>` if present, else the library\n * default. Use this everywhere instead of importing `Alert` directly so notices\n * stay customizable.\n */\nexport function useFormAlert(): ComponentType<AlertProps> {\n  return useFormConfig().components?.alert ?? Alert;\n}\n"],"mappings":";;;;AAUA,MAAa,oBAAoB,cAA0B,EAAE,CAAC;AAE9D,SAAgB,gBAA4B;AAC1C,QAAO,WAAW,kBAAkB;;;;;;;;AAStC,SAAgB,eAA0C;AACxD,QAAO,eAAe,CAAC,YAAY,SAAS"}

package/dist/context/form-provider.d.mts

@@ -1,4 +1,4 @@
-import { FieldAdapterMap, FormClassNames } from "../types/adapters.mjs";
+import { FieldAdapterMap, FormClassNames, FormComponents } from "../types/adapters.mjs";
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -16,6 +16,7 @@ declare function FormRoot({
 interface FormProviderProps {
   classNames?: FormClassNames;
   adapters?: FieldAdapterMap;
+  components?: FormComponents;
   children: ReactNode;
 }
 /**
@@ -34,6 +35,7 @@ interface FormProviderProps {
 declare function FormProvider({
   classNames,
   adapters,
+  components,
   children
 }: FormProviderProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion

package/dist/context/form-provider.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"form-provider.d.mts","names":[],"sources":["../../src/context/form-provider.tsx"],"mappings":";;;;;;;;AAUA;;iBAAgB,QAAA,CAAA;EAAW;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAI7C,iBAAA;EACf,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,QAAA,EAAU,SAAA;AAAA;;;;;;;AAHZ;;;;;;;iBAmBgB,YAAA,CAAA;EAAe,UAAA;EAAY,QAAA;EAAU;AAAA,GAAY,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"form-provider.d.mts","names":[],"sources":["../../src/context/form-provider.tsx"],"mappings":";;;;;;;;AAUA;;iBAAgB,QAAA,CAAA;EAAW;AAAA;EAAc,QAAA,EAAU,SAAA;AAAA,IAAW,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UAI7C,iBAAA;EACf,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,UAAA,GAAa,cAAA;EACb,QAAA,EAAU,SAAA;AAAA;;;;;;AAJZ;;;;;;;;iBAoBgB,YAAA,CAAA;EAAe,UAAA;EAAY,QAAA;EAAU,UAAA;EAAY;AAAA,GAAY,iBAAA,GAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/context/form-provider.mjs

@@ -25,7 +25,7 @@ function FormRoot({ children }) {
 * </FormProvider>
 * ```
 */
-function FormProvider({ classNames, adapters, children }) {
+function FormProvider({ classNames, adapters, components, children }) {
 	const parent = useFormConfig();
 	const merged = useMemo(() => ({
 		classNames: {
@@ -35,12 +35,18 @@ function FormProvider({ classNames, adapters, children }) {
 		adapters: {
 			...parent.adapters,
 			...adapters
+		},
+		components: {
+			...parent.components,
+			...components
 		}
 	}), [
 		parent.classNames,
 		parent.adapters,
+		parent.components,
 		classNames,
-		adapters
+		adapters,
+		components
 	]);
 	return /* @__PURE__ */ jsx(FormConfigContext.Provider, {
 		value: merged,

package/dist/context/form-provider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form-provider.mjs","names":[],"sources":["../../src/context/form-provider.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from \"react\";\nimport { TooltipProvider } from \"../components/ui/tooltip.js\";\nimport type { FieldAdapterMap, FormClassNames } from \"../types/adapters.js\";\nimport { FormConfigContext, useFormConfig } from \"./form-context.js\";\n\n/**\n * Root-level providers required by any form component tree (tooltips, etc.).\n * Always mounted by `<PipeForm>` and `<SearchForm>` at the outermost layer,\n * independent of the optional customization `FormProvider`.\n */\nexport function FormRoot({ children }: { children: ReactNode }) {\n  return <TooltipProvider>{children}</TooltipProvider>;\n}\n\nexport interface FormProviderProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  children: ReactNode;\n}\n\n/**\n * Provides customization context to `<PipeForm>` and `<SearchForm>`.\n * Providers nest — inner overrides outer.\n *\n * ```tsx\n * <FormProvider\n *   classNames={{ label: \"font-bold\" }}\n *   adapters={{ text_input: (f) => <MyInput {...f.inputProps} /> }}\n * >\n *   <PipeForm ... />\n * </FormProvider>\n * ```\n */\nexport function FormProvider({ classNames, adapters, children }: FormProviderProps) {\n  const parent = useFormConfig();\n\n  const merged = useMemo(\n    () => ({\n      classNames: { ...parent.classNames, ...classNames },\n      adapters: { ...parent.adapters, ...adapters },\n    }),\n    [parent.classNames, parent.adapters, classNames, adapters],\n  );\n\n  return <FormConfigContext.Provider value={merged}>{children}</FormConfigContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,SAAS,EAAE,YAAqC;AAC9D,QAAO,oBAAC,iBAAD,EAAkB,UAA2B;;;;;;;;;;;;;;;AAsBtD,SAAgB,aAAa,EAAE,YAAY,UAAU,YAA+B;CAClF,MAAM,SAAS,eAAe;CAE9B,MAAM,SAAS,eACN;EACL,YAAY;GAAE,GAAG,OAAO;GAAY,GAAG;GAAY;EACnD,UAAU;GAAE,GAAG,OAAO;GAAU,GAAG;GAAU;EAC9C,GACD;EAAC,OAAO;EAAY,OAAO;EAAU;EAAY;EAAS,CAC3D;AAED,QAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAS;EAAsC"}
+{"version":3,"file":"form-provider.mjs","names":[],"sources":["../../src/context/form-provider.tsx"],"sourcesContent":["import { type ReactNode, useMemo } from \"react\";\nimport { TooltipProvider } from \"../components/ui/tooltip.js\";\nimport type { FieldAdapterMap, FormClassNames, FormComponents } from \"../types/adapters.js\";\nimport { FormConfigContext, useFormConfig } from \"./form-context.js\";\n\n/**\n * Root-level providers required by any form component tree (tooltips, etc.).\n * Always mounted by `<PipeForm>` and `<SearchForm>` at the outermost layer,\n * independent of the optional customization `FormProvider`.\n */\nexport function FormRoot({ children }: { children: ReactNode }) {\n  return <TooltipProvider>{children}</TooltipProvider>;\n}\n\nexport interface FormProviderProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  components?: FormComponents;\n  children: ReactNode;\n}\n\n/**\n * Provides customization context to `<PipeForm>` and `<SearchForm>`.\n * Providers nest — inner overrides outer.\n *\n * ```tsx\n * <FormProvider\n *   classNames={{ label: \"font-bold\" }}\n *   adapters={{ text_input: (f) => <MyInput {...f.inputProps} /> }}\n * >\n *   <PipeForm ... />\n * </FormProvider>\n * ```\n */\nexport function FormProvider({ classNames, adapters, components, children }: FormProviderProps) {\n  const parent = useFormConfig();\n\n  const merged = useMemo(\n    () => ({\n      classNames: { ...parent.classNames, ...classNames },\n      adapters: { ...parent.adapters, ...adapters },\n      components: { ...parent.components, ...components },\n    }),\n    [parent.classNames, parent.adapters, parent.components, classNames, adapters, components],\n  );\n\n  return <FormConfigContext.Provider value={merged}>{children}</FormConfigContext.Provider>;\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAgB,SAAS,EAAE,YAAqC;AAC9D,QAAO,oBAAC,iBAAD,EAAkB,UAA2B;;;;;;;;;;;;;;;AAuBtD,SAAgB,aAAa,EAAE,YAAY,UAAU,YAAY,YAA+B;CAC9F,MAAM,SAAS,eAAe;CAE9B,MAAM,SAAS,eACN;EACL,YAAY;GAAE,GAAG,OAAO;GAAY,GAAG;GAAY;EACnD,UAAU;GAAE,GAAG,OAAO;GAAU,GAAG;GAAU;EAC7C,YAAY;GAAE,GAAG,OAAO;GAAY,GAAG;GAAY;EACpD,GACD;EAAC,OAAO;EAAY,OAAO;EAAU,OAAO;EAAY;EAAY;EAAU;EAAW,CAC1F;AAED,QAAO,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;EAAS;EAAsC"}

package/dist/hooks/use-effect-catalog-table.d.mts

@@ -0,0 +1,33 @@
+import { EffectCardData } from "../types/catalog-adapters.mjs";
+import * as _$react from "react";
+import { SheetEffectCatalogTableData, SheetEffectCategory } from "@pipe0/base";
+import * as _$_tanstack_react_table0 from "@tanstack/react-table";
+import { ColumnFilter } from "@tanstack/react-table";
+
+//#region src/hooks/use-effect-catalog-table.d.ts
+declare function useEffectCatalogTable(config?: {
+  initialColumnFilters?: ColumnFilter[];
+  /**
+   * Optional predicate to pre-filter the catalog (e.g. by `selectionMode`
+   * for the current row selection). Memoize it to keep the table stable.
+   */
+  filter?: (entry: SheetEffectCatalogTableData) => boolean;
+}): {
+  table: _$_tanstack_react_table0.Table<SheetEffectCatalogTableData>;
+  cards: EffectCardData[];
+  cardsByCategory: {
+    category: SheetEffectCategory;
+    cards: EffectCardData[];
+  }[];
+  categoryCounts: Partial<Record<SheetEffectCategory, number>>;
+  baselineCardCount: number;
+  baselineCategoryCounts: Partial<Record<SheetEffectCategory, number>>;
+  category: SheetEffectCategory | null;
+  setCategory: (next: SheetEffectCategory | null) => void;
+  globalFilterInput: string;
+  setGlobalFilterInput: _$react.Dispatch<_$react.SetStateAction<string>>;
+};
+type UseEffectCatalogTableReturn = ReturnType<typeof useEffectCatalogTable>;
+//#endregion
+export { UseEffectCatalogTableReturn, useEffectCatalogTable };
+//# sourceMappingURL=use-effect-catalog-table.d.mts.map

package/dist/hooks/use-effect-catalog-table.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-effect-catalog-table.d.mts","names":[],"sources":["../../src/hooks/use-effect-catalog-table.ts"],"mappings":";;;;;;;iBAqCgB,qBAAA,CACd,MAAA;EACE,oBAAA,GAAuB,YAAA;;;AAF3B;;EAOI,MAAA,IAAU,KAAA,EAAO,2BAAA;AAAA;;;;cA+EL,mBAAA;WAA4B,cAAA;EAAA;;;;;sBAhCjC,mBAAA;;yCAAmB,OAAA,CAAA,cAAA;AAAA;AAAA,KAmFlB,2BAAA,GAA8B,UAAA,QAAkB,qBAAA"}