@pipe0/react 0.0.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/root.tsx"],"sourcesContent":["import type { CatalogFilter } from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport type { ComponentProps, ReactNode, SyntheticEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  CatalogProvider,\n  CatalogRoot,\n  useCatalogConfig,\n} from \"../../../context/catalog-config-context.js\";\nimport {\n  PipeCatalogContext,\n  type PipeCatalogContextValue,\n} from \"../../../context/pipe-catalog-context.js\";\nimport {\n  type UsePipeCatalogTableReturn,\n  usePipeCatalogTable,\n} from \"../../../hooks/use-pipe-catalog-table.js\";\nimport type {\n  CatalogClassNames,\n  CatalogComponentOverrides,\n  PipeCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultCatalogRoot } from \"../../defaults/catalog/layout.js\";\nimport { PipeCatalogActiveFilters } from \"./active-filters.js\";\nimport { PipeCatalogCategoryFilter } from \"./category-filter.js\";\nimport { PipeCatalogColumnFilters } from \"./column-filters.js\";\nimport { PipeCatalogEmpty } from \"./empty.js\";\nimport { PipeCatalogList } from \"./list.js\";\nimport { PipeCatalogSearchFilter } from \"./search-filter.js\";\n\ninterface CustomizationProps {\n  classNames?: CatalogClassNames;\n  components?: CatalogComponentOverrides;\n  className?: string;\n  /** Render slot for the outer wrapper. */\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}\n\ninterface SelectionProps {\n  /** Fires on click / keyboard activation of any `<PipeCatalogCard>`. */\n  onSelectPipe?: (pipe: PipeCardData, e: SyntheticEvent) => void;\n}\n\nexport interface PipeCatalogInstanceProps extends CustomizationProps, SelectionProps {\n  /** Caller-owned hook return — pass when you need to read state outside the tree. */\n  context: UsePipeCatalogTableReturn;\n  children?: ReactNode;\n}\n\nexport interface PipeCatalogLegacyProps extends CustomizationProps, SelectionProps {\n  /** Optional whitelist/blacklist applied before the user-facing filters. */\n  filter?: CatalogFilter;\n  initialColumnFilters?: ColumnFilter[];\n  children?: ReactNode;\n}\n\nexport type PipeCatalogProps = PipeCatalogInstanceProps | PipeCatalogLegacyProps;\n\n/**\n * Compound root for the pipe catalog.\n *\n * Two modes:\n * - Caller-owned: `<PipeCatalog context={usePipeCatalogTable()}>...</PipeCatalog>`\n * - Zero-config: `<PipeCatalog filter={...} />` — a fresh hook is created internally.\n *\n * Children are optional. With no children, the default tree renders a\n * functional, neutrally-styled catalog: search filter, category filter,\n * column filters, active-filter pills, list, empty state.\n */\nexport function PipeCatalog(props: PipeCatalogProps) {\n  if (\"context\" in props) {\n    return <PipeCatalogWithContext {...props} />;\n  }\n  return <PipeCatalogLegacy {...props} />;\n}\n\nfunction PipeCatalogLegacy({ filter, initialColumnFilters, ...rest }: PipeCatalogLegacyProps) {\n  const context = usePipeCatalogTable({ filter, initialColumnFilters });\n  return <PipeCatalogWithContext context={context} {...rest} />;\n}\n\nfunction PipeCatalogWithContext({\n  context,\n  children,\n  className,\n  classNames,\n  components,\n  onSelectPipe,\n  render,\n}: PipeCatalogInstanceProps) {\n  const hasLocalOverrides = classNames || components;\n  const [expandedCardId, setExpandedCardId] = useState<string | null>(null);\n\n  const value = useMemo<PipeCatalogContextValue>(\n    () => ({\n      ...context,\n      onSelectCard: onSelectPipe,\n      expandedCardId,\n      setExpandedCardId,\n    }),\n    [context, onSelectPipe, expandedCardId],\n  );\n\n  const inner = (\n    <PipeCatalogContext.Provider value={value}>\n      <PipeCatalogShell className={className} render={render}>\n        {children}\n      </PipeCatalogShell>\n    </PipeCatalogContext.Provider>\n  );\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 PipeCatalogShell({\n  children,\n  className,\n  render,\n}: {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}) {\n  useCatalogConfig();\n  const body =\n    children !== undefined ? (\n      children\n    ) : (\n      <>\n        <PipeCatalogSearchFilter />\n        <PipeCatalogCategoryFilter />\n        <PipeCatalogColumnFilters />\n        <PipeCatalogActiveFilters />\n        <PipeCatalogList />\n        <PipeCatalogEmpty />\n      </>\n    );\n  return (\n    <DefaultCatalogRoot className={className} render={render}>\n      {body}\n    </DefaultCatalogRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAsEA,SAAgB,YAAY,OAAyB;AACnD,KAAI,aAAa,MACf,QAAO,oBAAC,wBAAD,EAAwB,GAAI,OAAS;AAE9C,QAAO,oBAAC,mBAAD,EAAmB,GAAI,OAAS;;AAGzC,SAAS,kBAAkB,EAAE,QAAQ,sBAAsB,GAAG,QAAgC;AAE5F,QAAO,oBAAC,wBAAD;EAAwB,SADf,oBAAoB;GAAE;GAAQ;GAAsB,CAAC;EACpB,GAAI;EAAQ;;AAG/D,SAAS,uBAAuB,EAC9B,SACA,UACA,WACA,YACA,YACA,cACA,UAC2B;CAC3B,MAAM,oBAAoB,cAAc;CACxC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAEzE,MAAM,QAAQ,eACL;EACL,GAAG;EACH,cAAc;EACd;EACA;EACD,GACD;EAAC;EAAS;EAAc;EAAe,CACxC;CAED,MAAM,QACJ,oBAAC,mBAAmB,UAApB;EAAoC;YAClC,oBAAC,kBAAD;GAA6B;GAAmB;GAC7C;GACgB;EACS;AAGhC,KAAI,kBACF,QACE,oBAAC,aAAD,YACE,oBAAC,iBAAD;EAA6B;EAAwB;YAClD;EACe,GACN;AAGlB,QAAO,oBAAC,aAAD,YAAc,OAAoB;;AAG3C,SAAS,iBAAiB,EACxB,UACA,WACA,UAKC;AACD,mBAAkB;AAclB,QACE,oBAAC,oBAAD;EAA+B;EAAmB;YAblD,aAAa,SACX,WAEA;GACE,oBAAC,yBAAD,EAA2B;GAC3B,oBAAC,2BAAD,EAA6B;GAC7B,oBAAC,0BAAD,EAA4B;GAC5B,oBAAC,0BAAD,EAA4B;GAC5B,oBAAC,iBAAD,EAAmB;GACnB,oBAAC,kBAAD,EAAoB;GACnB;EAKgB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-filter.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-catalog/search-filter.tsx"],"mappings":";;;;;;UAQiB,4BAAA;EACf,KAAA;EACA,QAAA,GAAW,CAAA;EACX,QAAA;AAAA;AAAA,UAGe,4BAAA;EACf,WAAA;EACA,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,WAAyB,4BAAA;AAAA;AAAA,iBAG/B,uBAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA;AAAA,GACC,4BAAA,wCAA4B,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,OAAA,CAAA,SAAA"}

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

@@ -0,0 +1,46 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { Input } from "../../ui/input.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+
+//#region src/components/compound/pipe-catalog/search-filter.tsx
+function PipeCatalogSearchFilter({ placeholder = "Search pipes...", className, render }) {
+	const { globalFilterInput, setGlobalFilterInput } = usePipeCatalogContext();
+	const { classNames } = useCatalogConfig();
+	const isActive = !!globalFilterInput;
+	if (render) return renderSlot({
+		defaultTagName: "input",
+		render,
+		state: {
+			value: globalFilterInput,
+			setValue: setGlobalFilterInput,
+			isActive
+		},
+		props: {
+			type: "search",
+			placeholder,
+			value: globalFilterInput,
+			onChange: (e) => setGlobalFilterInput(e.target.value),
+			"data-active": isActive ? "" : void 0,
+			className: cn(classNames?.searchInput, className)
+		}
+	});
+	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 { PipeCatalogSearchFilter };
+//# sourceMappingURL=search-filter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/pipe-catalog/search-filter.tsx"],"sourcesContent":["import { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent, ComponentProps } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface PipeCatalogSearchFilterState {\n  value: string;\n  setValue: (v: string) => void;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogSearchFilterProps {\n  placeholder?: string;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"input\">, PipeCatalogSearchFilterState>;\n}\n\nexport function PipeCatalogSearchFilter({\n  placeholder = \"Search pipes...\",\n  className,\n  render,\n}: PipeCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = usePipeCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"input\",\n      render,\n      state: {\n        value: globalFilterInput,\n        setValue: setGlobalFilterInput,\n        isActive,\n      },\n      props: {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        \"data-active\": isActive ? \"\" : undefined,\n        className: cn(classNames?.searchInput, className),\n      } as ComponentProps<\"input\">,\n    });\n  }\n\n  return (\n    <div data-p0=\"catalog-search\" className={cn(\"pz:relative\", classNames?.searchInputContainer)}>\n      <SearchIcon className=\"pz:absolute pz:left-2.5 pz:top-1/2 pz:-translate-y-1/2 pz:size-4 pz:text-muted-foreground pz:pointer-events-none\" />\n      <Input\n        type=\"search\"\n        placeholder={placeholder}\n        value={globalFilterInput}\n        onChange={(e) => setGlobalFilterInput(e.target.value)}\n        className={cn(\"pz:pl-8\", classNames?.searchInput, className)}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,wBAAwB,EACtC,cAAc,mBACd,WACA,UAC+B;CAC/B,MAAM,EAAE,mBAAmB,yBAAyB,uBAAuB;CAC3E,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,WAAW,CAAC,CAAC;AAEnB,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO;GACL,OAAO;GACP,UAAU;GACV;GACD;EACD,OAAO;GACL,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,eAAe,WAAW,KAAK;GAC/B,WAAW,GAAG,YAAY,aAAa,UAAU;GAClD;EACF,CAAC;AAGJ,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAiB,WAAW,GAAG,eAAe,YAAY,qBAAqB;YAA5F,CACE,oBAACA,QAAD,EAAY,WAAU,oHAAqH,GAC3I,oBAAC,OAAD;GACE,MAAK;GACQ;GACb,OAAO;GACP,WAAW,MAAM,qBAAqB,EAAE,OAAO,MAAM;GACrD,WAAW,GAAG,WAAW,YAAY,aAAa,UAAU;GAC5D,EACE"}

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

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { FilterSelectOption } from "../../defaults/catalog/filter-select.mjs";
+import { ColumnFilterState } from "./column-filter.mjs";
+import { ComponentProps, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-catalog/tag-filter.d.ts
+interface PipeCatalogTagFilterProps {
+  options?: ReadonlyArray<FilterSelectOption>;
+  placeholder?: ReactNode;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, ColumnFilterState>;
+}
+declare function PipeCatalogTagFilter({
+  options,
+  placeholder,
+  className,
+  render
+}: PipeCatalogTagFilterProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeCatalogTagFilter, PipeCatalogTagFilterProps };
+//# sourceMappingURL=tag-filter.d.mts.map

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

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

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

@@ -0,0 +1,22 @@
+import { PipeCatalogColumnFilter } from "./column-filter.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tag } from "lucide-react";
+
+//#region src/components/compound/pipe-catalog/tag-filter.tsx
+const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {
+	className: "pz:inline-flex pz:items-center pz:gap-1.5",
+	children: [/* @__PURE__ */ jsx(Tag, { className: "pz:size-4" }), " Tag"]
+});
+function PipeCatalogTagFilter({ options, placeholder = DEFAULT_PLACEHOLDER, className, render }) {
+	return /* @__PURE__ */ jsx(PipeCatalogColumnFilter, {
+		id: "tags",
+		placeholder,
+		options,
+		className,
+		render
+	});
+}
+
+//#endregion
+export { PipeCatalogTagFilter };
+//# sourceMappingURL=tag-filter.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/tag-filter.tsx"],"sourcesContent":["import { Tag } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport type { RenderProp } from \"../../../utils/render-slot.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, ColumnFilterState>;\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Tag className=\"pz:size-4\" /> Tag\n  </span>\n);\n\nexport function PipeCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogTagFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"tags\"\n      placeholder={placeholder}\n      options={options}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;AAaA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,KAAD,EAAK,WAAU,aAAc,UACxB;;AAGT,SAAgB,qBAAqB,EACnC,SACA,cAAc,qBACd,WACA,UAC4B;AAC5B,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

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

@@ -0,0 +1,18 @@
+import { FormSectionHandle } from "../../../types/form-handle.mjs";
+import * as _$react from "react";
+import { useRender } from "@base-ui/react/use-render";
+
+//#region src/components/compound/pipe-form/content.d.ts
+interface PipeFormContentState {
+  sections: FormSectionHandle[];
+}
+interface PipeFormContentProps extends useRender.ComponentProps<"div", PipeFormContentState> {}
+declare function PipeFormContent({
+  children,
+  className,
+  render,
+  ...props
+}: PipeFormContentProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
+//#endregion
+export { PipeFormContent };
+//# sourceMappingURL=content.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/content.tsx"],"mappings":";;;;;UAUiB,oBAAA;EACf,QAAA,EAAU,iBAAA;AAAA;AAAA,UAGK,oBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,oBAAA;AAAA,iBAE1B,eAAA,CAAA;EAAkB,QAAA;EAAU,SAAA;EAAW,MAAA;EAAA,GAAW;AAAA,GAAS,oBAAA,GAAoB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/content.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useMemo } from \"react\";\nimport { useFormCustomization } from \"../../../context/form-customization-context.js\";\nimport { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { applyFormCustomization } from \"../../../utils/build-section-handlers.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\nimport { PipeFormSection } from \"./section.js\";\n\nexport interface PipeFormContentState {\n  sections: FormSectionHandle[];\n}\n\nexport interface PipeFormContentProps\n  extends useRender.ComponentProps<\"div\", PipeFormContentState> {}\n\nexport function PipeFormContent({ children, className, render, ...props }: PipeFormContentProps) {\n  const context = usePipeFormContext();\n  const [customization] = useFormCustomization();\n\n  const filteredSections = useMemo(\n    () => applyFormCustomization(context.sections, customization),\n    [context.sections, customization],\n  );\n\n  const fieldPaths = useMemo(\n    () =>\n      new Set(\n        filteredSections.flatMap((s) => s.groups.flatMap((g) => g.fields.map((f) => f.path))),\n      ),\n    [filteredSections],\n  );\n\n  const anyFieldError = Object.values(context.fieldLoadStates).some((s) => s.status === \"error\");\n\n  const defaultChildren = (\n    <>\n      {filteredSections.map((section) => (\n        <PipeFormSection key={section.key} section={section} />\n      ))}\n      {anyFieldError && (\n        <div\n          data-p0=\"store-error\"\n          role=\"alert\"\n          className=\"pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium\"\n        >\n          <span>\n            Failed to load options for one or more fields. Check that your connection is valid.\n          </span>\n        </div>\n      )}\n      <FormLevelErrors control={context.form.control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections: filteredSections },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultChildren,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,gBAAgB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAA+B;CAC/F,MAAM,UAAU,oBAAoB;CACpC,MAAM,CAAC,iBAAiB,sBAAsB;CAE9C,MAAM,mBAAmB,cACjB,uBAAuB,QAAQ,UAAU,cAAc,EAC7D,CAAC,QAAQ,UAAU,cAAc,CAClC;CAED,MAAM,aAAa,cAEf,IAAI,IACF,iBAAiB,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,EAAE,OAAO,KAAK,MAAM,EAAE,KAAK,CAAC,CAAC,CACtF,EACH,CAAC,iBAAiB,CACnB;CAED,MAAM,gBAAgB,OAAO,OAAO,QAAQ,gBAAgB,CAAC,MAAM,MAAM,EAAE,WAAW,QAAQ;CAE9F,MAAM,kBACJ;EACG,iBAAiB,KAAK,YACrB,oBAAC,iBAAD,EAA4C,SAAW,EAAjC,QAAQ,IAAyB,CACvD;EACD,iBACC,oBAAC,OAAD;GACE,WAAQ;GACR,MAAK;GACL,WAAU;aAEV,oBAAC,QAAD,YAAM,uFAEC;GACH;EAER,oBAAC,iBAAD;GAAiB,SAAS,QAAQ,KAAK;GAAqB;GAAc;EACzE;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,EAAE,UAAU,kBAAkB;EACrC,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

package/dist/components/compound/pipe-form/field.d.mts

@@ -0,0 +1,17 @@
+import { AnyFieldProps } from "../../../types/field-props.mjs";
+import { DefaultFieldWrapperProps } from "../../defaults/layout/field-wrapper.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/field.d.ts
+type PipeFormFieldWrapperProps = Omit<DefaultFieldWrapperProps, "field" | "children">;
+type PipeFormFieldProps = ({
+  field: AnyFieldProps;
+  path?: never;
+} & PipeFormFieldWrapperProps) | ({
+  path: string;
+  field?: never;
+} & PipeFormFieldWrapperProps);
+declare function PipeFormField(props: PipeFormFieldProps): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { PipeFormField };
+//# sourceMappingURL=field.d.mts.map

package/dist/components/compound/pipe-form/field.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/field.tsx"],"mappings":";;;;;KAQK,yBAAA,GAA4B,IAAA,CAAK,wBAAA;AAAA,KAE1B,kBAAA;EACL,KAAA,EAAO,aAAA;EAAe,IAAA;AAAA,IAAiB,yBAAA;EACvC,IAAA;EAAc,KAAA;AAAA,IAAkB,yBAAA;AAAA,iBAEvB,aAAA,CAAc,KAAA,EAAO,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-form/field.mjs

@@ -0,0 +1,21 @@
+import { usePipeFormContext } from "../../../context/pipe-form-context.mjs";
+import { DefaultFieldWrapper } from "../../defaults/layout/field-wrapper.mjs";
+import { FieldRenderer } from "../../field-renderer.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/field.tsx
+function PipeFormField(props) {
+	const { fields } = usePipeFormContext();
+	const field = "field" in props && props.field ? props.field : fields.find((f) => f.path === props.path);
+	if (!field) return null;
+	const { field: _f, path: _p, ...rest } = props;
+	return /* @__PURE__ */ jsx(DefaultFieldWrapper, {
+		field,
+		...rest,
+		children: /* @__PURE__ */ jsx(FieldRenderer, { field })
+	});
+}
+
+//#endregion
+export { PipeFormField };
+//# sourceMappingURL=field.mjs.map

package/dist/components/compound/pipe-form/field.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/field.tsx"],"sourcesContent":["import { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { AnyFieldProps } from \"../../../types/field-props.js\";\nimport {\n  DefaultFieldWrapper,\n  type DefaultFieldWrapperProps,\n} from \"../../defaults/layout/field-wrapper.js\";\nimport { FieldRenderer } from \"../../field-renderer.js\";\n\ntype PipeFormFieldWrapperProps = Omit<DefaultFieldWrapperProps, \"field\" | \"children\">;\n\nexport type PipeFormFieldProps =\n  | ({ field: AnyFieldProps; path?: never } & PipeFormFieldWrapperProps)\n  | ({ path: string; field?: never } & PipeFormFieldWrapperProps);\n\nexport function PipeFormField(props: PipeFormFieldProps) {\n  const { fields } = usePipeFormContext();\n\n  const field =\n    \"field\" in props && props.field\n      ? props.field\n      : fields.find((f) => f.path === (props as { path: string }).path);\n\n  if (!field) return null;\n\n  const {\n    field: _f,\n    path: _p,\n    ...rest\n  } = props as {\n    field?: AnyFieldProps;\n    path?: string;\n  } & PipeFormFieldWrapperProps;\n\n  return (\n    <DefaultFieldWrapper field={field} {...rest}>\n      <FieldRenderer field={field} />\n    </DefaultFieldWrapper>\n  );\n}\n"],"mappings":";;;;;;AAcA,SAAgB,cAAc,OAA2B;CACvD,MAAM,EAAE,WAAW,oBAAoB;CAEvC,MAAM,QACJ,WAAW,SAAS,MAAM,QACtB,MAAM,QACN,OAAO,MAAM,MAAM,EAAE,SAAU,MAA2B,KAAK;AAErE,KAAI,CAAC,MAAO,QAAO;CAEnB,MAAM,EACJ,OAAO,IACP,MAAM,IACN,GAAG,SACD;AAKJ,QACE,oBAAC,qBAAD;EAA4B;EAAO,GAAI;YACrC,oBAAC,eAAD,EAAsB,OAAS;EACX"}

package/dist/components/compound/pipe-form/footer.d.mts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/footer.d.ts
+declare function PipeFormFooter({
+  children,
+  className
+}: {
+  children?: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeFormFooter };
+//# sourceMappingURL=footer.d.mts.map

package/dist/components/compound/pipe-form/footer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/footer.tsx"],"mappings":";;;;iBAEgB,cAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEA,QAAA,GAAW,SAAA;EACX,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-form/footer.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/footer.tsx
+function PipeFormFooter({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "form-footer",
+		className,
+		children
+	});
+}
+
+//#endregion
+export { PipeFormFooter };
+//# sourceMappingURL=footer.mjs.map

package/dist/components/compound/pipe-form/footer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/footer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function PipeFormFooter({\n  children,\n  className,\n}: {\n  children?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div data-p0=\"form-footer\" className={className}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,eAAe,EAC7B,UACA,aAIC;AACD,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAyB;EACnC;EACG"}

package/dist/components/compound/pipe-form/group.d.mts

@@ -0,0 +1,13 @@
+import { DefaultGroupProps } from "../../defaults/layout/group.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/group.d.ts
+type PipeFormGroupProps = DefaultGroupProps;
+declare function PipeFormGroup({
+  group,
+  children,
+  ...props
+}: PipeFormGroupProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeFormGroup };
+//# sourceMappingURL=group.d.mts.map

package/dist/components/compound/pipe-form/group.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/group.tsx"],"mappings":";;;;KAGY,kBAAA,GAAqB,iBAAA;AAAA,iBAEjB,aAAA,CAAA;EAAgB,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-form/group.mjs

@@ -0,0 +1,17 @@
+import { DefaultGroup } from "../../defaults/layout/group.mjs";
+import { PipeFormField } from "./field.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/group.tsx
+function PipeFormGroup({ group, children, ...props }) {
+	const body = children ?? group.fields.map((field) => /* @__PURE__ */ jsx(PipeFormField, { field }, field.path));
+	return /* @__PURE__ */ jsx(DefaultGroup, {
+		group,
+		...props,
+		children: body
+	});
+}
+
+//#endregion
+export { PipeFormGroup };
+//# sourceMappingURL=group.mjs.map

package/dist/components/compound/pipe-form/group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/group.tsx"],"sourcesContent":["import { DefaultGroup, type DefaultGroupProps } from \"../../defaults/layout/group.js\";\nimport { PipeFormField } from \"./field.js\";\n\nexport type PipeFormGroupProps = DefaultGroupProps;\n\nexport function PipeFormGroup({ group, children, ...props }: PipeFormGroupProps) {\n  const body =\n    children ?? group.fields.map((field) => <PipeFormField key={field.path} field={field} />);\n\n  return (\n    <DefaultGroup group={group} {...props}>\n      {body}\n    </DefaultGroup>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,cAAc,EAAE,OAAO,UAAU,GAAG,SAA6B;CAC/E,MAAM,OACJ,YAAY,MAAM,OAAO,KAAK,UAAU,oBAAC,eAAD,EAAuC,OAAS,EAA5B,MAAM,KAAsB,CAAC;AAE3F,QACE,oBAAC,cAAD;EAAqB;EAAO,GAAI;YAC7B;EACY"}

package/dist/components/compound/pipe-form/header.d.mts

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/header.d.ts
+declare function PipeFormHeader({
+  children,
+  className
+}: {
+  children?: ReactNode;
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeFormHeader };
+//# sourceMappingURL=header.d.mts.map

package/dist/components/compound/pipe-form/header.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/header.tsx"],"mappings":";;;;iBAEgB,cAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEA,QAAA,GAAW,SAAA;EACX,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-form/header.mjs

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/header.tsx
+function PipeFormHeader({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "form-header",
+		className,
+		children
+	});
+}
+
+//#endregion
+export { PipeFormHeader };
+//# sourceMappingURL=header.mjs.map

package/dist/components/compound/pipe-form/header.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function PipeFormHeader({\n  children,\n  className,\n}: {\n  children?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div data-p0=\"form-header\" className={className}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,eAAe,EAC7B,UACA,aAIC;AACD,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAyB;EACnC;EACG"}

package/dist/components/compound/pipe-form/index.d.mts

@@ -0,0 +1,9 @@
+import { PipeFormContent } from "./content.mjs";
+import { PipeFormField } from "./field.mjs";
+import { PipeFormFooter } from "./footer.mjs";
+import { PipeFormGroup } from "./group.mjs";
+import { PipeFormHeader } from "./header.mjs";
+import { PipeForm, PipeFormInstanceProps, PipeFormLegacyProps, PipeFormProps } from "./root.mjs";
+import { PipeFormSection } from "./section.mjs";
+import { PipeFormSubmitButton } from "./submit-button.mjs";
+import { PipeFormTitle } from "./title.mjs";

package/dist/components/compound/pipe-form/index.mjs

@@ -0,0 +1,11 @@
+import { PipeFormField } from "./field.mjs";
+import { PipeFormGroup } from "./group.mjs";
+import { PipeFormSection } from "./section.mjs";
+import { PipeFormContent } from "./content.mjs";
+import { PipeFormFooter } from "./footer.mjs";
+import { PipeFormHeader } from "./header.mjs";
+import { PipeFormSubmitButton } from "./submit-button.mjs";
+import { PipeForm } from "./root.mjs";
+import { PipeFormTitle } from "./title.mjs";
+
+export {  };

package/dist/components/compound/pipe-form/root.d.mts

@@ -0,0 +1,56 @@
+import { PipeFormContext } from "../../../context/pipe-form-context.mjs";
+import { FieldAdapterMap, FormClassNames } from "../../../types/adapters.mjs";
+import { GroupMap, PathMap, SectionMap } from "../../../types/form-customization.mjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { FormResolvers, PipeId, PipePayload, ValidationContext } from "@pipe0/base";
+import { UseFormReturn } from "react-hook-form";
+
+//#region src/components/compound/pipe-form/root.d.ts
+type PipeFormSubmitHandler = (payload: PipePayload, ctx: {
+  form: UseFormReturn<PipePayload>;
+}) => void | Promise<void>;
+interface CustomizationProps {
+  sectionMap?: SectionMap;
+  groupMap?: GroupMap;
+  pathMap?: PathMap;
+  classNames?: FormClassNames;
+  adapters?: FieldAdapterMap;
+  className?: string;
+}
+interface PipeFormInstanceProps extends CustomizationProps {
+  context: PipeFormContext;
+  onSubmit: PipeFormSubmitHandler;
+  children?: ReactNode;
+}
+interface PipeFormLegacyProps extends CustomizationProps {
+  pipeId: PipeId;
+  publicKey: string;
+  onSubmit: PipeFormSubmitHandler;
+  defaultValues?: PipePayload;
+  validationContext?: ValidationContext;
+  resolvers?: FormResolvers;
+  /**
+   * Form-level scope tags. Bundled into every `resolvers.getSecrets` call so
+   * the backend can return only the secrets allowed in the declared scopes.
+   */
+  scopes?: string[];
+  /**
+   * Current team context. Bundled into every `resolvers.getSecrets` call so
+   * the backend can restrict team-level secrets to this team only.
+   */
+  teamId?: string;
+  children?: ReactNode;
+}
+type PipeFormProps = PipeFormInstanceProps | PipeFormLegacyProps;
+/**
+ * Compound root for pipe forms.
+ *
+ * Two modes:
+ * - Compound: `<PipeForm context={ctx} onSubmit={...}>...</PipeForm>` — pass the context from `usePipeForm`.
+ * - Zero-config: `<PipeForm pipeId="..." publicKey="..." onSubmit={...} />` — legacy API.
+ */
+declare function PipeForm(props: PipeFormProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeForm, PipeFormInstanceProps, PipeFormLegacyProps, PipeFormProps };
+//# sourceMappingURL=root.d.mts.map

package/dist/components/compound/pipe-form/root.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/root.tsx"],"mappings":";;;;;;;;;KAuBY,qBAAA,IACV,OAAA,EAAS,WAAA,EACT,GAAA;EAAO,IAAA,EAAM,aAAA,CAAc,WAAA;AAAA,aACjB,OAAA;AAAA,UAEF,kBAAA;EACR,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EACV,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,SAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,kBAAA;EAC7C,OAAA,EAAS,eAAA;EACT,QAAA,EAAU,qBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,mBAAA,SAA4B,kBAAA;EAC3C,MAAA,EAAQ,MAAA;EACR,SAAA;EACA,QAAA,EAAU,qBAAA;EACV,aAAA,GAAgB,WAAA;EAChB,iBAAA,GAAoB,iBAAA;EACpB,SAAA,GAAY,aAAA;;;;;EAKZ,MAAA;EArBW;;;;EA0BX,MAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,aAAA,GAAgB,qBAAA,GAAwB,mBAAA;;;;;;;;iBASpC,QAAA,CAAS,KAAA,EAAO,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/compound/pipe-form/root.mjs

@@ -0,0 +1,98 @@
+import { PortalContainerContext } from "../../../context/portal-container-context.mjs";
+import { FormCustomizationProvider, useFormCustomization } from "../../../context/form-customization-context.mjs";
+import { PipeFormContext, usePipeFormContext } from "../../../context/pipe-form-context.mjs";
+import { PipeFormContent } from "./content.mjs";
+import { FormProvider, FormRoot } from "../../../context/form-provider.mjs";
+import { usePipeForm } from "../../../hooks/use-pipe-form.mjs";
+import { DefaultForm } from "../../defaults/layout/form.mjs";
+import { PipeFormSubmitButton } from "./submit-button.mjs";
+import { useCallback, useEffect, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { validatePipesOrError } from "@pipe0/base";
+
+//#region src/components/compound/pipe-form/root.tsx
+/**
+* Compound root for pipe forms.
+*
+* Two modes:
+* - Compound: `<PipeForm context={ctx} onSubmit={...}>...</PipeForm>` — pass the context from `usePipeForm`.
+* - Zero-config: `<PipeForm pipeId="..." publicKey="..." onSubmit={...} />` — legacy API.
+*/
+function PipeForm(props) {
+	if ("context" in props) return /* @__PURE__ */ jsx(PipeFormWithContext, { ...props });
+	return /* @__PURE__ */ jsx(PipeFormLegacy, { ...props });
+}
+function PipeFormLegacy({ pipeId, publicKey, defaultValues, onSubmit, resolvers, scopes, teamId, validationContext = validatePipesOrError({
+	config: { environment: "production" },
+	pipes: [],
+	input: []
+}), children, ...customization }) {
+	return /* @__PURE__ */ jsx(PipeFormWithContext, {
+		context: usePipeForm({
+			pipeId,
+			publicKey,
+			defaultValues,
+			resolvers,
+			scopes,
+			teamId,
+			validationContext
+		}),
+		onSubmit,
+		...customization,
+		children
+	});
+}
+function PipeFormWithContext({ context, onSubmit, children, className, sectionMap, groupMap, pathMap, classNames, adapters }) {
+	const hasLocalOverrides = classNames || adapters;
+	const inner = /* @__PURE__ */ jsx(FormCustomizationProvider, {
+		sectionMap,
+		groupMap,
+		pathMap,
+		children: /* @__PURE__ */ jsx(PipeFormContext.Provider, {
+			value: context,
+			children: /* @__PURE__ */ jsx(PipeFormShell, {
+				className,
+				onSubmit,
+				children
+			})
+		})
+	});
+	if (hasLocalOverrides) return /* @__PURE__ */ jsx(FormRoot, { children: /* @__PURE__ */ jsx(FormProvider, {
+		classNames,
+		adapters,
+		children: inner
+	}) });
+	return /* @__PURE__ */ jsx(FormRoot, { children: inner });
+}
+function PipeFormShell({ children, className, onSubmit }) {
+	const [, dispatch] = useFormCustomization();
+	const context = usePipeFormContext();
+	useEffect(() => {
+		if (!context.resolvers?.getConnections) dispatch({
+			type: "HIDE_SECTION",
+			payload: "connector"
+		});
+	}, [context.resolvers, dispatch]);
+	const [portalContainer, setPortalContainer] = useState(null);
+	const portalRef = useCallback((node) => {
+		setPortalContainer(node);
+	}, []);
+	const body = children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PipeFormContent, {}), /* @__PURE__ */ jsx(PipeFormSubmitButton, {})] });
+	return /* @__PURE__ */ jsx(DefaultForm, {
+		onSubmit: context.form.handleSubmit(async (values) => {
+			await onSubmit(values, { form: context.form });
+		}),
+		ref: portalRef,
+		"data-p0": "form",
+		"data-p0-pipe": context.id,
+		className,
+		children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+			value: portalContainer,
+			children: body
+		})
+	});
+}
+
+//#endregion
+export { PipeForm };
+//# sourceMappingURL=root.mjs.map

package/dist/components/compound/pipe-form/root.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/root.tsx"],"sourcesContent":["import {\n  type FormResolvers,\n  type PipeId,\n  type PipePayload,\n  type ValidationContext,\n  validatePipesOrError,\n} from \"@pipe0/base\";\nimport { type ReactNode, useCallback, useEffect, useState } from \"react\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport {\n  FormCustomizationProvider,\n  useFormCustomization,\n} from \"../../../context/form-customization-context.js\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport { PipeFormContext, usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport { PortalContainerContext } from \"../../../context/portal-container-context.js\";\nimport { usePipeForm } from \"../../../hooks/use-pipe-form.js\";\nimport type { FieldAdapterMap, FormClassNames } from \"../../../types/adapters.js\";\nimport type { GroupMap, PathMap, SectionMap } from \"../../../types/form-customization.js\";\nimport { DefaultForm } from \"../../defaults/layout/form.js\";\nimport { PipeFormContent } from \"./content.js\";\nimport { PipeFormSubmitButton } from \"./submit-button.js\";\n\nexport type PipeFormSubmitHandler = (\n  payload: PipePayload,\n  ctx: { form: UseFormReturn<PipePayload> },\n) => void | Promise<void>;\n\ninterface CustomizationProps {\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  className?: string;\n}\n\nexport interface PipeFormInstanceProps extends CustomizationProps {\n  context: PipeFormContext;\n  onSubmit: PipeFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface PipeFormLegacyProps extends CustomizationProps {\n  pipeId: PipeId;\n  publicKey: string;\n  onSubmit: PipeFormSubmitHandler;\n  defaultValues?: PipePayload;\n  validationContext?: ValidationContext;\n  resolvers?: FormResolvers;\n  /**\n   * Form-level scope tags. Bundled into every `resolvers.getSecrets` call so\n   * the backend can return only the secrets allowed in the declared scopes.\n   */\n  scopes?: string[];\n  /**\n   * Current team context. Bundled into every `resolvers.getSecrets` call so\n   * the backend can restrict team-level secrets to this team only.\n   */\n  teamId?: string;\n  children?: ReactNode;\n}\n\nexport type PipeFormProps = PipeFormInstanceProps | PipeFormLegacyProps;\n\n/**\n * Compound root for pipe forms.\n *\n * Two modes:\n * - Compound: `<PipeForm context={ctx} onSubmit={...}>...</PipeForm>` — pass the context from `usePipeForm`.\n * - Zero-config: `<PipeForm pipeId=\"...\" publicKey=\"...\" onSubmit={...} />` — legacy API.\n */\nexport function PipeForm(props: PipeFormProps) {\n  if (\"context\" in props) {\n    return <PipeFormWithContext {...props} />;\n  }\n  return <PipeFormLegacy {...props} />;\n}\n\nfunction PipeFormLegacy({\n  pipeId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  scopes,\n  teamId,\n  validationContext = validatePipesOrError({\n    config: { environment: \"production\" },\n    pipes: [],\n    input: [],\n  }),\n  children,\n  ...customization\n}: PipeFormLegacyProps) {\n  const context = usePipeForm({\n    pipeId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    scopes,\n    teamId,\n    validationContext,\n  });\n\n  return (\n    <PipeFormWithContext context={context} onSubmit={onSubmit} {...customization}>\n      {children}\n    </PipeFormWithContext>\n  );\n}\n\nfunction PipeFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  sectionMap,\n  groupMap,\n  pathMap,\n  classNames,\n  adapters,\n}: PipeFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters;\n\n  const inner = (\n    <FormCustomizationProvider sectionMap={sectionMap} groupMap={groupMap} pathMap={pathMap}>\n      <PipeFormContext.Provider value={context}>\n        <PipeFormShell className={className} onSubmit={onSubmit}>\n          {children}\n        </PipeFormShell>\n      </PipeFormContext.Provider>\n    </FormCustomizationProvider>\n  );\n\n  if (hasLocalOverrides) {\n    return (\n      <FormRoot>\n        <FormProvider classNames={classNames} adapters={adapters}>\n          {inner}\n        </FormProvider>\n      </FormRoot>\n    );\n  }\n\n  return <FormRoot>{inner}</FormRoot>;\n}\n\nfunction PipeFormShell({\n  children,\n  className,\n  onSubmit,\n}: {\n  children?: ReactNode;\n  className?: string;\n  onSubmit: PipeFormSubmitHandler;\n}) {\n  const [, dispatch] = useFormCustomization();\n  const context = usePipeFormContext();\n\n  useEffect(() => {\n    if (!context.resolvers?.getConnections) {\n      dispatch({ type: \"HIDE_SECTION\", payload: \"connector\" });\n    }\n  }, [context.resolvers, dispatch]);\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\n  const portalRef = useCallback((node: HTMLElement | null) => {\n    setPortalContainer(node);\n  }, []);\n\n  const body = children ?? (\n    <>\n      <PipeFormContent />\n      <PipeFormSubmitButton />\n    </>\n  );\n\n  const handleFormSubmit = context.form.handleSubmit(async (values) => {\n    await onSubmit(values, { form: context.form });\n  });\n\n  return (\n    <DefaultForm\n      onSubmit={handleFormSubmit}\n      ref={portalRef}\n      data-p0=\"form\"\n      data-p0-pipe={context.id}\n      className={className}\n    >\n      <PortalContainerContext.Provider value={portalContainer}>\n        {body}\n      </PortalContainerContext.Provider>\n    </DefaultForm>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAwEA,SAAgB,SAAS,OAAsB;AAC7C,KAAI,aAAa,MACf,QAAO,oBAAC,qBAAD,EAAqB,GAAI,OAAS;AAE3C,QAAO,oBAAC,gBAAD,EAAgB,GAAI,OAAS;;AAGtC,SAAS,eAAe,EACtB,QACA,WACA,eACA,UACA,WACA,QACA,QACA,oBAAoB,qBAAqB;CACvC,QAAQ,EAAE,aAAa,cAAc;CACrC,OAAO,EAAE;CACT,OAAO,EAAE;CACV,CAAC,EACF,UACA,GAAG,iBACmB;AAWtB,QACE,oBAAC,qBAAD;EAAqB,SAXP,YAAY;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAGiD;EAAU,GAAI;EAC5D;EACmB;;AAI1B,SAAS,oBAAoB,EAC3B,SACA,UACA,UACA,WACA,YACA,UACA,SACA,YACA,YACwB;CACxB,MAAM,oBAAoB,cAAc;CAExC,MAAM,QACJ,oBAAC,2BAAD;EAAuC;EAAsB;EAAmB;YAC9E,oBAAC,gBAAgB,UAAjB;GAA0B,OAAO;aAC/B,oBAAC,eAAD;IAA0B;IAAqB;IAC5C;IACa;GACS;EACD;AAG9B,KAAI,kBACF,QACE,oBAAC,UAAD,YACE,oBAAC,cAAD;EAA0B;EAAsB;YAC7C;EACY,GACN;AAIf,QAAO,oBAAC,UAAD,YAAW,OAAiB;;AAGrC,SAAS,cAAc,EACrB,UACA,WACA,YAKC;CACD,MAAM,GAAG,YAAY,sBAAsB;CAC3C,MAAM,UAAU,oBAAoB;AAEpC,iBAAgB;AACd,MAAI,CAAC,QAAQ,WAAW,eACtB,UAAS;GAAE,MAAM;GAAgB,SAAS;GAAa,CAAC;IAEzD,CAAC,QAAQ,WAAW,SAAS,CAAC;CAEjC,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;CAChF,MAAM,YAAY,aAAa,SAA6B;AAC1D,qBAAmB,KAAK;IACvB,EAAE,CAAC;CAEN,MAAM,OAAO,YACX,8CACE,oBAAC,iBAAD,EAAmB,GACnB,oBAAC,sBAAD,EAAwB,EACvB;AAOL,QACE,oBAAC,aAAD;EACE,UANqB,QAAQ,KAAK,aAAa,OAAO,WAAW;AACnE,SAAM,SAAS,QAAQ,EAAE,MAAM,QAAQ,MAAM,CAAC;IAC9C;EAKE,KAAK;EACL,WAAQ;EACR,gBAAc,QAAQ;EACX;YAEX,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;aACrC;GAC+B;EACtB"}

package/dist/components/compound/pipe-form/section.d.mts

@@ -0,0 +1,13 @@
+import { DefaultSectionProps } from "../../defaults/layout/section.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/pipe-form/section.d.ts
+type PipeFormSectionProps = DefaultSectionProps;
+declare function PipeFormSection({
+  section,
+  children,
+  ...props
+}: PipeFormSectionProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { PipeFormSection };
+//# sourceMappingURL=section.d.mts.map