@pipe0/react 0.2.0 → 0.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @pipe0/elements-react
 
+## 0.2.1
+
+### Patch Changes
+
+- 436c852: New agent promps plus fix append pipes
+- Updated dependencies [436c852]
+  - @pipe0/base@0.5.1
+
 ## 0.2.0
 
 ### Minor Changes

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

@@ -1 +1 @@
-{"version":3,"file":"errors.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/errors.tsx"],"mappings":";;;;;;UAQiB,mBAAA;EACf,mBAAA;EACA,UAAA,EAAY,GAAA;EACZ,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA;AAAA,UAGF,mBAAA,SAA4B,SAAA,CAAU,cAAA,QAAsB,mBAAA;;;;;;;iBAQ7D,cAAA,CAAA;EAAiB,QAAA;EAAU,SAAA;EAAW,MAAA;EAAA,GAAW;AAAA,GAAS,mBAAA,GAAmB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}
+{"version":3,"file":"errors.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/errors.tsx"],"mappings":";;;;;;UASiB,mBAAA;EACf,mBAAA;EACA,UAAA,EAAY,GAAA;EACZ,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA;AAAA,UAGF,mBAAA,SAA4B,SAAA,CAAU,cAAA,QAAsB,mBAAA;;;;;;;iBAQ7D,cAAA,CAAA;EAAiB,QAAA;EAAU,SAAA;EAAW,MAAA;EAAA,GAAW;AAAA,GAAS,mBAAA,GAAmB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,4 +1,5 @@
 import { usePipeFormContext } from "../../../context/pipe-form-context.mjs";
+import { useFormAlert } from "../../../context/form-context.mjs";
 import { asInternalForm } from "../../../utils/internal-form.mjs";
 import { FormLevelErrors } from "../../internal/form-level-errors.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -14,11 +15,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 */
 function PipeFormErrors({ children, className, render, ...props }) {
 	const { hasFieldLoaderError, fieldPaths, form } = usePipeFormContext();
-	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [hasFieldLoaderError && /* @__PURE__ */ jsx("div", {
+	const Alert = useFormAlert();
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [hasFieldLoaderError && /* @__PURE__ */ jsx(Alert, {
+		variant: "error",
 		"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." })
+		children: "Failed to load options for one or more fields. Check that your connection is valid."
 	}), /* @__PURE__ */ jsx(FormLevelErrors, {
 		control: asInternalForm(form).control,
 		fieldPaths

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

@@ -1 +1 @@
-{"version":3,"file":"errors.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/errors.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { PipePayload } from \"@pipe0/base\";\nimport { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { asInternalForm } from \"../../../utils/internal-form.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\n\nexport interface PipeFormErrorsState {\n  hasFieldLoaderError: boolean;\n  fieldPaths: Set<string>;\n  form: FormHandle<PipePayload>;\n}\n\nexport interface PipeFormErrorsProps extends useRender.ComponentProps<\"div\", PipeFormErrorsState> {}\n\n/**\n * Renders form-wide errors that don't belong to a specific visible field:\n * the field-loader banner (when a resolver fails to load options for a\n * field) and form-level validation errors (errors not attached to any\n * rendered field).\n */\nexport function PipeFormErrors({ children, className, render, ...props }: PipeFormErrorsProps) {\n  const { hasFieldLoaderError, fieldPaths, form } = usePipeFormContext();\n\n  const defaultBody = (\n    <>\n      {hasFieldLoaderError && (\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={asInternalForm(form).control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasFieldLoaderError, fieldPaths, form },\n    stateAttributesMapping: {\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-errors\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;AAsBA,SAAgB,eAAe,EAAE,UAAU,WAAW,QAAQ,GAAG,SAA8B;CAC7F,MAAM,EAAE,qBAAqB,YAAY,SAAS,oBAAoB;CAEtE,MAAM,cACJ,4CACG,uBACC,oBAAC,OAAD;EACE,WAAQ;EACR,MAAK;EACL,WAAU;YAEV,oBAAC,QAAD,YAAM,uFAEC;EACH,GAER,oBAAC,iBAAD;EAAiB,SAAS,eAAe,KAAK,CAAC;EAAqB;EAAc,EACjF;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAqB;GAAY;GAAM;EAChD,wBAAwB;GACtB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"errors.mjs","names":[],"sources":["../../../../src/components/compound/pipe-form/errors.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { PipePayload } from \"@pipe0/base\";\nimport { useFormAlert } from \"../../../context/form-context.js\";\nimport { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { asInternalForm } from \"../../../utils/internal-form.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\n\nexport interface PipeFormErrorsState {\n  hasFieldLoaderError: boolean;\n  fieldPaths: Set<string>;\n  form: FormHandle<PipePayload>;\n}\n\nexport interface PipeFormErrorsProps extends useRender.ComponentProps<\"div\", PipeFormErrorsState> {}\n\n/**\n * Renders form-wide errors that don't belong to a specific visible field:\n * the field-loader banner (when a resolver fails to load options for a\n * field) and form-level validation errors (errors not attached to any\n * rendered field).\n */\nexport function PipeFormErrors({ children, className, render, ...props }: PipeFormErrorsProps) {\n  const { hasFieldLoaderError, fieldPaths, form } = usePipeFormContext();\n  const Alert = useFormAlert();\n\n  const defaultBody = (\n    <>\n      {hasFieldLoaderError && (\n        <Alert variant=\"error\" data-p0=\"store-error\">\n          Failed to load options for one or more fields. Check that your connection is valid.\n        </Alert>\n      )}\n      <FormLevelErrors control={asInternalForm(form).control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasFieldLoaderError, fieldPaths, form },\n    stateAttributesMapping: {\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-errors\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAuBA,SAAgB,eAAe,EAAE,UAAU,WAAW,QAAQ,GAAG,SAA8B;CAC7F,MAAM,EAAE,qBAAqB,YAAY,SAAS,oBAAoB;CACtE,MAAM,QAAQ,cAAc;CAE5B,MAAM,cACJ,4CACG,uBACC,oBAAC,OAAD;EAAO,SAAQ;EAAQ,WAAQ;YAAc;EAErC,GAEV,oBAAC,iBAAD;EAAiB,SAAS,eAAe,KAAK,CAAC;EAAqB;EAAc,EACjF;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAqB;GAAY;GAAM;EAChD,wBAAwB;GACtB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,6 +1,6 @@
 import { FormHandle } from "../../../types/form-handle.mjs";
 import { PipeFormContext } from "../../../context/pipe-form-context.mjs";
-import { FieldAdapterMap, FormClassNames } from "../../../types/adapters.mjs";
+import { FieldAdapterMap, FormClassNames, FormComponents } 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";
@@ -13,6 +13,8 @@ type PipeFormSubmitHandler = (payload: PipePayload, ctx: {
 interface RenderingProps {
   classNames?: FormClassNames;
   adapters?: FieldAdapterMap;
+  /** Whole-component overrides (e.g. `alert`). Forwarded to `FormProvider`. */
+  components?: FormComponents;
   className?: string;
 }
 interface PipeFormInstanceProps extends RenderingProps {

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

@@ -1 +1 @@
-{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/root.tsx"],"mappings":";;;;;;;;;KAoBY,qBAAA,IACV,OAAA,EAAS,WAAA,EACT,GAAA;EAAO,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA,aACd,OAAA;AAAA,UAEF,cAAA;EACR,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,SAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,cAAA;EAC7C,OAAA,EAAS,eAAA;EACT,QAAA,EAAU,qBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,uBAAA,SAAgC,cAAA;EAC/C,MAAA,EAAQ,MAAA;EACR,SAAA;EACA,QAAA,EAAU,qBAAA;EACV,aAAA,GAAgB,WAAA;EAChB,iBAAA,GAAoB,iBAAA;EACpB,SAAA,GAAY,aAAA;EApBK;AAAO;;;;EA0BxB,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EAxBC;;;;EA6BX,MAAA;EAzBqC;;;;EA8BrC,MAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,aAAA,GAAgB,qBAAA,GAAwB,uBAAA;;;;;;;;;;iBAWpC,QAAA,CAAS,KAAA,EAAO,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/root.tsx"],"mappings":";;;;;;;;;KAoBY,qBAAA,IACV,OAAA,EAAS,WAAA,EACT,GAAA;EAAO,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA,aACd,OAAA;AAAA,UAEF,cAAA;EACR,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EANF;EAQT,UAAA,GAAa,cAAA;EACb,SAAA;AAAA;AAAA,UAGe,qBAAA,SAA8B,cAAA;EAC7C,OAAA,EAAS,eAAA;EACT,QAAA,EAAU,qBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,uBAAA,SAAgC,cAAA;EAC/C,MAAA,EAAQ,MAAA;EACR,SAAA;EACA,QAAA,EAAU,qBAAA;EACV,aAAA,GAAgB,WAAA;EAChB,iBAAA,GAAoB,iBAAA;EACpB,SAAA,GAAY,aAAA;EApBU;;;;;EA0BtB,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EA3BG;;;;EAgCb,MAAA;EA5BA;;;AAGF;EA8BE,MAAA;EACA,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,aAAA,GAAgB,qBAAA,GAAwB,uBAAA;;;;;;;;;;iBAWpC,QAAA,CAAS,KAAA,EAAO,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -27,7 +27,7 @@ function PipeFormZeroConfig({ pipeId, publicKey, defaultValues, onSubmit, resolv
 	config: { environment: "production" },
 	pipes: [],
 	input: []
-}), children, classNames, adapters, className }) {
+}), children, classNames, adapters, components, className }) {
 	return /* @__PURE__ */ jsx(PipeFormWithContext, {
 		context: usePipeForm({
 			pipeId,
@@ -45,11 +45,12 @@ function PipeFormZeroConfig({ pipeId, publicKey, defaultValues, onSubmit, resolv
 		className,
 		classNames,
 		adapters,
+		components,
 		children
 	});
 }
-function PipeFormWithContext({ context, onSubmit, children, className, classNames, adapters }) {
-	const hasLocalOverrides = classNames || adapters;
+function PipeFormWithContext({ context, onSubmit, children, className, classNames, adapters, components }) {
+	const hasLocalOverrides = classNames || adapters || components;
 	const inner = /* @__PURE__ */ jsx(PipeFormContext.Provider, {
 		value: context,
 		children: /* @__PURE__ */ jsx(PipeFormShell, {
@@ -61,6 +62,7 @@ function PipeFormWithContext({ context, onSubmit, children, className, className
 	if (hasLocalOverrides) return /* @__PURE__ */ jsx(FormRoot, { children: /* @__PURE__ */ jsx(FormProvider, {
 		classNames,
 		adapters,
+		components,
 		children: inner
 	}) });
 	return /* @__PURE__ */ jsx(FormRoot, { children: inner });

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

@@ -1 +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, useState } from \"react\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport type { PipeFormContext as PipeFormContextValue } from \"../../../context/pipe-form-context.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 type { FormHandle } from \"../../../types/form-handle.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: FormHandle<PipePayload> },\n) => void | Promise<void>;\n\ninterface RenderingProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  className?: string;\n}\n\nexport interface PipeFormInstanceProps extends RenderingProps {\n  context: PipeFormContextValue;\n  onSubmit: PipeFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface PipeFormZeroConfigProps extends RenderingProps {\n  pipeId: PipeId;\n  publicKey: string;\n  onSubmit: PipeFormSubmitHandler;\n  defaultValues?: PipePayload;\n  validationContext?: ValidationContext;\n  resolvers?: FormResolvers;\n  /**\n   * Hide / relabel / reorder sections by section key. `null` hides a section.\n   * Forwarded to the internal `usePipeForm` call. For `<PipeForm context={...}>`,\n   * pass these to `usePipeForm` directly instead.\n   */\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\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 | PipeFormZeroConfigProps;\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 *   Visibility customization (`sectionMap`/`groupMap`/`pathMap`) lives on the hook in this mode.\n * - Zero-config: `<PipeForm pipeId=\"...\" publicKey=\"...\" onSubmit={...} />` — fresh hook created\n *   internally; visibility maps may be passed as props and forward to that hook.\n */\nexport function PipeForm(props: PipeFormProps) {\n  if (\"context\" in props) {\n    return <PipeFormWithContext {...props} />;\n  }\n  return <PipeFormZeroConfig {...props} />;\n}\n\nfunction PipeFormZeroConfig({\n  pipeId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  scopes,\n  teamId,\n  sectionMap,\n  groupMap,\n  pathMap,\n  validationContext = validatePipesOrError({\n    config: { environment: \"production\" },\n    pipes: [],\n    input: [],\n  }),\n  children,\n  classNames,\n  adapters,\n  className,\n}: PipeFormZeroConfigProps) {\n  const context = usePipeForm({\n    pipeId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    scopes,\n    teamId,\n    validationContext,\n    sectionMap,\n    groupMap,\n    pathMap,\n  });\n\n  return (\n    <PipeFormWithContext\n      context={context}\n      onSubmit={onSubmit}\n      className={className}\n      classNames={classNames}\n      adapters={adapters}\n    >\n      {children}\n    </PipeFormWithContext>\n  );\n}\n\nfunction PipeFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  classNames,\n  adapters,\n}: PipeFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters;\n\n  const inner = (\n    <PipeFormContext.Provider value={context}>\n      <PipeFormShell className={className} onSubmit={onSubmit}>\n        {children}\n      </PipeFormShell>\n    </PipeFormContext.Provider>\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 context = usePipeFormContext();\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":";;;;;;;;;;;;;;;;;;;;;AA4EA,SAAgB,SAAS,OAAsB;AAC7C,KAAI,aAAa,MACf,QAAO,oBAAC,qBAAD,EAAqB,GAAI,OAAS;AAE3C,QAAO,oBAAC,oBAAD,EAAoB,GAAI,OAAS;;AAG1C,SAAS,mBAAmB,EAC1B,QACA,WACA,eACA,UACA,WACA,QACA,QACA,YACA,UACA,SACA,oBAAoB,qBAAqB;CACvC,QAAQ,EAAE,aAAa,cAAc;CACrC,OAAO,EAAE;CACT,OAAO,EAAE;CACV,CAAC,EACF,UACA,YACA,UACA,aAC0B;AAc1B,QACE,oBAAC,qBAAD;EACE,SAfY,YAAY;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAKY;EACC;EACC;EACF;EAET;EACmB;;AAI1B,SAAS,oBAAoB,EAC3B,SACA,UACA,UACA,WACA,YACA,YACwB;CACxB,MAAM,oBAAoB,cAAc;CAExC,MAAM,QACJ,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC/B,oBAAC,eAAD;GAA0B;GAAqB;GAC5C;GACa;EACS;AAG7B,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,UAAU,oBAAoB;CAEpC,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"}
+{"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, useState } from \"react\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport type { PipeFormContext as PipeFormContextValue } from \"../../../context/pipe-form-context.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, FormComponents } from \"../../../types/adapters.js\";\nimport type { GroupMap, PathMap, SectionMap } from \"../../../types/form-customization.js\";\nimport type { FormHandle } from \"../../../types/form-handle.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: FormHandle<PipePayload> },\n) => void | Promise<void>;\n\ninterface RenderingProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  /** Whole-component overrides (e.g. `alert`). Forwarded to `FormProvider`. */\n  components?: FormComponents;\n  className?: string;\n}\n\nexport interface PipeFormInstanceProps extends RenderingProps {\n  context: PipeFormContextValue;\n  onSubmit: PipeFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface PipeFormZeroConfigProps extends RenderingProps {\n  pipeId: PipeId;\n  publicKey: string;\n  onSubmit: PipeFormSubmitHandler;\n  defaultValues?: PipePayload;\n  validationContext?: ValidationContext;\n  resolvers?: FormResolvers;\n  /**\n   * Hide / relabel / reorder sections by section key. `null` hides a section.\n   * Forwarded to the internal `usePipeForm` call. For `<PipeForm context={...}>`,\n   * pass these to `usePipeForm` directly instead.\n   */\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\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 | PipeFormZeroConfigProps;\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 *   Visibility customization (`sectionMap`/`groupMap`/`pathMap`) lives on the hook in this mode.\n * - Zero-config: `<PipeForm pipeId=\"...\" publicKey=\"...\" onSubmit={...} />` — fresh hook created\n *   internally; visibility maps may be passed as props and forward to that hook.\n */\nexport function PipeForm(props: PipeFormProps) {\n  if (\"context\" in props) {\n    return <PipeFormWithContext {...props} />;\n  }\n  return <PipeFormZeroConfig {...props} />;\n}\n\nfunction PipeFormZeroConfig({\n  pipeId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  scopes,\n  teamId,\n  sectionMap,\n  groupMap,\n  pathMap,\n  validationContext = validatePipesOrError({\n    config: { environment: \"production\" },\n    pipes: [],\n    input: [],\n  }),\n  children,\n  classNames,\n  adapters,\n  components,\n  className,\n}: PipeFormZeroConfigProps) {\n  const context = usePipeForm({\n    pipeId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    scopes,\n    teamId,\n    validationContext,\n    sectionMap,\n    groupMap,\n    pathMap,\n  });\n\n  return (\n    <PipeFormWithContext\n      context={context}\n      onSubmit={onSubmit}\n      className={className}\n      classNames={classNames}\n      adapters={adapters}\n      components={components}\n    >\n      {children}\n    </PipeFormWithContext>\n  );\n}\n\nfunction PipeFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  classNames,\n  adapters,\n  components,\n}: PipeFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters || components;\n\n  const inner = (\n    <PipeFormContext.Provider value={context}>\n      <PipeFormShell className={className} onSubmit={onSubmit}>\n        {children}\n      </PipeFormShell>\n    </PipeFormContext.Provider>\n  );\n\n  if (hasLocalOverrides) {\n    return (\n      <FormRoot>\n        <FormProvider classNames={classNames} adapters={adapters} components={components}>\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 context = usePipeFormContext();\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":";;;;;;;;;;;;;;;;;;;;;AA8EA,SAAgB,SAAS,OAAsB;AAC7C,KAAI,aAAa,MACf,QAAO,oBAAC,qBAAD,EAAqB,GAAI,OAAS;AAE3C,QAAO,oBAAC,oBAAD,EAAoB,GAAI,OAAS;;AAG1C,SAAS,mBAAmB,EAC1B,QACA,WACA,eACA,UACA,WACA,QACA,QACA,YACA,UACA,SACA,oBAAoB,qBAAqB;CACvC,QAAQ,EAAE,aAAa,cAAc;CACrC,OAAO,EAAE;CACT,OAAO,EAAE;CACV,CAAC,EACF,UACA,YACA,UACA,YACA,aAC0B;AAc1B,QACE,oBAAC,qBAAD;EACE,SAfY,YAAY;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAKY;EACC;EACC;EACF;EACE;EAEX;EACmB;;AAI1B,SAAS,oBAAoB,EAC3B,SACA,UACA,UACA,WACA,YACA,UACA,cACwB;CACxB,MAAM,oBAAoB,cAAc,YAAY;CAEpD,MAAM,QACJ,oBAAC,gBAAgB,UAAjB;EAA0B,OAAO;YAC/B,oBAAC,eAAD;GAA0B;GAAqB;GAC5C;GACa;EACS;AAG7B,KAAI,kBACF,QACE,oBAAC,UAAD,YACE,oBAAC,cAAD;EAA0B;EAAsB;EAAsB;YACnE;EACY,GACN;AAIf,QAAO,oBAAC,UAAD,YAAW,OAAiB;;AAGrC,SAAS,cAAc,EACrB,UACA,WACA,YAKC;CACD,MAAM,UAAU,oBAAoB;CAEpC,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/search-form/errors.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"errors.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/errors.tsx"],"mappings":";;;;;;UAQiB,qBAAA;EACf,mBAAA;EACA,UAAA,EAAY,GAAA;EACZ,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA;AAAA,UAGF,qBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,qBAAA;;;;;;;iBAQ1B,gBAAA,CAAA;EAAmB,QAAA;EAAU,SAAA;EAAW,MAAA;EAAA,GAAW;AAAA,GAAS,qBAAA,GAAqB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}
+{"version":3,"file":"errors.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/errors.tsx"],"mappings":";;;;;;UASiB,qBAAA;EACf,mBAAA;EACA,UAAA,EAAY,GAAA;EACZ,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA;AAAA,UAGF,qBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,qBAAA;;;;;;;iBAQ1B,gBAAA,CAAA;EAAmB,QAAA;EAAU,SAAA;EAAW,MAAA;EAAA,GAAW;AAAA,GAAS,qBAAA,GAAqB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

package/dist/components/compound/search-form/errors.mjs

@@ -1,3 +1,4 @@
+import { useFormAlert } from "../../../context/form-context.mjs";
 import { asInternalForm } from "../../../utils/internal-form.mjs";
 import { FormLevelErrors } from "../../internal/form-level-errors.mjs";
 import { useSearchFormContext } from "../../../context/search-form-context.mjs";
@@ -14,11 +15,11 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 */
 function SearchFormErrors({ children, className, render, ...props }) {
 	const { hasFieldLoaderError, fieldPaths, form } = useSearchFormContext();
-	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [hasFieldLoaderError && /* @__PURE__ */ jsx("div", {
+	const Alert = useFormAlert();
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [hasFieldLoaderError && /* @__PURE__ */ jsx(Alert, {
+		variant: "error",
 		"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." })
+		children: "Failed to load options for one or more fields. Check that your connection is valid."
 	}), /* @__PURE__ */ jsx(FormLevelErrors, {
 		control: asInternalForm(form).control,
 		fieldPaths

package/dist/components/compound/search-form/errors.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"errors.mjs","names":[],"sources":["../../../../src/components/compound/search-form/errors.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { SearchPayload } from \"@pipe0/base\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { asInternalForm } from \"../../../utils/internal-form.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\n\nexport interface SearchFormErrorsState {\n  hasFieldLoaderError: boolean;\n  fieldPaths: Set<string>;\n  form: FormHandle<SearchPayload>;\n}\n\nexport interface SearchFormErrorsProps\n  extends useRender.ComponentProps<\"div\", SearchFormErrorsState> {}\n\n/**\n * Renders form-wide errors that don't belong to a specific visible field:\n * the field-loader banner (when a resolver fails to load options for a\n * field) and form-level validation errors (errors not attached to any\n * rendered field).\n */\nexport function SearchFormErrors({ children, className, render, ...props }: SearchFormErrorsProps) {\n  const { hasFieldLoaderError, fieldPaths, form } = useSearchFormContext();\n\n  const defaultBody = (\n    <>\n      {hasFieldLoaderError && (\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={asInternalForm(form).control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasFieldLoaderError, fieldPaths, form },\n    stateAttributesMapping: {\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-errors\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;AAuBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAAgC;CACjG,MAAM,EAAE,qBAAqB,YAAY,SAAS,sBAAsB;CAExE,MAAM,cACJ,4CACG,uBACC,oBAAC,OAAD;EACE,WAAQ;EACR,MAAK;EACL,WAAU;YAEV,oBAAC,QAAD,YAAM,uFAEC;EACH,GAER,oBAAC,iBAAD;EAAiB,SAAS,eAAe,KAAK,CAAC;EAAqB;EAAc,EACjF;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAqB;GAAY;GAAM;EAChD,wBAAwB;GACtB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"errors.mjs","names":[],"sources":["../../../../src/components/compound/search-form/errors.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { SearchPayload } from \"@pipe0/base\";\nimport { useFormAlert } from \"../../../context/form-context.js\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { asInternalForm } from \"../../../utils/internal-form.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\n\nexport interface SearchFormErrorsState {\n  hasFieldLoaderError: boolean;\n  fieldPaths: Set<string>;\n  form: FormHandle<SearchPayload>;\n}\n\nexport interface SearchFormErrorsProps\n  extends useRender.ComponentProps<\"div\", SearchFormErrorsState> {}\n\n/**\n * Renders form-wide errors that don't belong to a specific visible field:\n * the field-loader banner (when a resolver fails to load options for a\n * field) and form-level validation errors (errors not attached to any\n * rendered field).\n */\nexport function SearchFormErrors({ children, className, render, ...props }: SearchFormErrorsProps) {\n  const { hasFieldLoaderError, fieldPaths, form } = useSearchFormContext();\n  const Alert = useFormAlert();\n\n  const defaultBody = (\n    <>\n      {hasFieldLoaderError && (\n        <Alert variant=\"error\" data-p0=\"store-error\">\n          Failed to load options for one or more fields. Check that your connection is valid.\n        </Alert>\n      )}\n      <FormLevelErrors control={asInternalForm(form).control} fieldPaths={fieldPaths} />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { hasFieldLoaderError, fieldPaths, form },\n    stateAttributesMapping: {\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-errors\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;AAwBA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAAgC;CACjG,MAAM,EAAE,qBAAqB,YAAY,SAAS,sBAAsB;CACxE,MAAM,QAAQ,cAAc;CAE5B,MAAM,cACJ,4CACG,uBACC,oBAAC,OAAD;EAAO,SAAQ;EAAQ,WAAQ;YAAc;EAErC,GAEV,oBAAC,iBAAD;EAAiB,SAAS,eAAe,KAAK,CAAC;EAAqB;EAAc,EACjF;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAqB;GAAY;GAAM;EAChD,wBAAwB;GACtB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,5 +1,5 @@
 import { FormHandle } from "../../../types/form-handle.mjs";
-import { FieldAdapterMap, FormClassNames } from "../../../types/adapters.mjs";
+import { FieldAdapterMap, FormClassNames, FormComponents } from "../../../types/adapters.mjs";
 import { GroupMap, PathMap, SectionMap } from "../../../types/form-customization.mjs";
 import { SearchFormContext } from "../../../context/search-form-context.mjs";
 import { ReactNode } from "react";
@@ -13,6 +13,8 @@ type SearchFormSubmitHandler = (payload: SearchPayload, ctx: {
 interface RenderingProps {
   classNames?: FormClassNames;
   adapters?: FieldAdapterMap;
+  /** Whole-component overrides (e.g. `alert`). Forwarded to `FormProvider`. */
+  components?: FormComponents;
   className?: string;
 }
 interface SearchFormInstanceProps extends RenderingProps {

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

@@ -1 +1 @@
-{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/root.tsx"],"mappings":";;;;;;;;;KAcY,uBAAA,IACV,OAAA,EAAS,aAAA,EACT,GAAA;EAAO,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA,aACd,OAAA;AAAA,UAEF,cAAA;EACR,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,SAAA;AAAA;AAAA,UAGe,uBAAA,SAAgC,cAAA;EAC/C,OAAA,EAAS,iBAAA;EACT,QAAA,EAAU,uBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,yBAAA,SAAkC,cAAA;EACjD,QAAA,EAAU,QAAA;EACV,SAAA;EACA,QAAA,EAAU,uBAAA;EACV,aAAA,GAAgB,aAAA;EAChB,SAAA,GAAY,aAAA;EACZ,WAAA,GAAc,gBAAA;EApBG;AAAO;;;;EA0BxB,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,eAAA,GAAkB,uBAAA,GAA0B,yBAAA;;AAxBxD;;;;;;;iBAkCgB,UAAA,CAAW,KAAA,EAAO,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/root.tsx"],"mappings":";;;;;;;;;KAcY,uBAAA,IACV,OAAA,EAAS,aAAA,EACT,GAAA;EAAO,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA,aACd,OAAA;AAAA,UAEF,cAAA;EACR,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EANF;EAQT,UAAA,GAAa,cAAA;EACb,SAAA;AAAA;AAAA,UAGe,uBAAA,SAAgC,cAAA;EAC/C,OAAA,EAAS,iBAAA;EACT,QAAA,EAAU,uBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,yBAAA,SAAkC,cAAA;EACjD,QAAA,EAAU,QAAA;EACV,SAAA;EACA,QAAA,EAAU,uBAAA;EACV,aAAA,GAAgB,aAAA;EAChB,SAAA,GAAY,aAAA;EACZ,WAAA,GAAc,gBAAA;EApBQ;;;;;EA0BtB,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,eAAA,GAAkB,uBAAA,GAA0B,yBAAA;;;;;;AAxBxD;;;iBAkCgB,UAAA,CAAW,KAAA,EAAO,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -21,7 +21,7 @@ function SearchForm(props) {
 	if ("context" in props) return /* @__PURE__ */ jsx(SearchFormWithContext, { ...props });
 	return /* @__PURE__ */ jsx(SearchFormZeroConfig, { ...props });
 }
-function SearchFormZeroConfig({ searchId, publicKey, defaultValues, onSubmit, resolvers, environment, sectionMap, groupMap, pathMap, children, classNames, adapters, className }) {
+function SearchFormZeroConfig({ searchId, publicKey, defaultValues, onSubmit, resolvers, environment, sectionMap, groupMap, pathMap, children, classNames, adapters, components, className }) {
 	return /* @__PURE__ */ jsx(SearchFormWithContext, {
 		context: useSearchForm({
 			searchId,
@@ -37,11 +37,12 @@ function SearchFormZeroConfig({ searchId, publicKey, defaultValues, onSubmit, re
 		className,
 		classNames,
 		adapters,
+		components,
 		children
 	});
 }
-function SearchFormWithContext({ context, onSubmit, children, className, classNames, adapters }) {
-	const hasLocalOverrides = classNames || adapters;
+function SearchFormWithContext({ context, onSubmit, children, className, classNames, adapters, components }) {
+	const hasLocalOverrides = classNames || adapters || components;
 	const inner = /* @__PURE__ */ jsx(SearchFormContext.Provider, {
 		value: context,
 		children: /* @__PURE__ */ jsx(SearchFormShell, {
@@ -53,6 +54,7 @@ function SearchFormWithContext({ context, onSubmit, children, className, classNa
 	if (hasLocalOverrides) return /* @__PURE__ */ jsx(FormRoot, { children: /* @__PURE__ */ jsx(FormProvider, {
 		classNames,
 		adapters,
+		components,
 		children: inner
 	}) });
 	return /* @__PURE__ */ jsx(FormRoot, { children: inner });

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

@@ -1 +1 @@
-{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/search-form/root.tsx"],"sourcesContent":["import type { FormResolvers, PipesEnvironment, SearchId, SearchPayload } from \"@pipe0/base\";\nimport { type ReactNode, useCallback, useState } from \"react\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport { PortalContainerContext } from \"../../../context/portal-container-context.js\";\nimport type { SearchFormContext as SearchFormContextValue } from \"../../../context/search-form-context.js\";\nimport { SearchFormContext, useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport { useSearchForm } from \"../../../hooks/use-search-form.js\";\nimport type { FieldAdapterMap, FormClassNames } from \"../../../types/adapters.js\";\nimport type { GroupMap, PathMap, SectionMap } from \"../../../types/form-customization.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { DefaultForm } from \"../../defaults/layout/form.js\";\nimport { SearchFormContent } from \"./content.js\";\nimport { SearchFormSubmitButton } from \"./submit-button.js\";\n\nexport type SearchFormSubmitHandler = (\n  payload: SearchPayload,\n  ctx: { form: FormHandle<SearchPayload> },\n) => void | Promise<void>;\n\ninterface RenderingProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  className?: string;\n}\n\nexport interface SearchFormInstanceProps extends RenderingProps {\n  context: SearchFormContextValue;\n  onSubmit: SearchFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface SearchFormZeroConfigProps extends RenderingProps {\n  searchId: SearchId;\n  publicKey: string;\n  onSubmit: SearchFormSubmitHandler;\n  defaultValues?: SearchPayload;\n  resolvers?: FormResolvers;\n  environment?: PipesEnvironment;\n  /**\n   * Hide / relabel / reorder sections by section key. `null` hides a section.\n   * Forwarded to the internal `useSearchForm` call. For `<SearchForm context={...}>`,\n   * pass these to `useSearchForm` directly instead.\n   */\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\n  children?: ReactNode;\n}\n\nexport type SearchFormProps = SearchFormInstanceProps | SearchFormZeroConfigProps;\n\n/**\n * Compound root for search forms.\n *\n * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>` — pass the context from\n *   `useSearchForm`. Visibility customization lives on the hook in this mode.\n * - Zero-config: `<SearchForm searchId=\"...\" publicKey=\"...\" onSubmit={...} />` — fresh hook\n *   created internally; visibility maps may be passed as props and forward to that hook.\n */\nexport function SearchForm(props: SearchFormProps) {\n  if (\"context\" in props) {\n    return <SearchFormWithContext {...props} />;\n  }\n  return <SearchFormZeroConfig {...props} />;\n}\n\nfunction SearchFormZeroConfig({\n  searchId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  environment,\n  sectionMap,\n  groupMap,\n  pathMap,\n  children,\n  classNames,\n  adapters,\n  className,\n}: SearchFormZeroConfigProps) {\n  const context = useSearchForm({\n    searchId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    environment,\n    sectionMap,\n    groupMap,\n    pathMap,\n  });\n\n  return (\n    <SearchFormWithContext\n      context={context}\n      onSubmit={onSubmit}\n      className={className}\n      classNames={classNames}\n      adapters={adapters}\n    >\n      {children}\n    </SearchFormWithContext>\n  );\n}\n\nfunction SearchFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  classNames,\n  adapters,\n}: SearchFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters;\n\n  const inner = (\n    <SearchFormContext.Provider value={context}>\n      <SearchFormShell className={className} onSubmit={onSubmit}>\n        {children}\n      </SearchFormShell>\n    </SearchFormContext.Provider>\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 SearchFormShell({\n  children,\n  className,\n  onSubmit,\n}: {\n  children?: ReactNode;\n  className?: string;\n  onSubmit: SearchFormSubmitHandler;\n}) {\n  const context = useSearchFormContext();\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      <SearchFormContent />\n      <SearchFormSubmitButton />\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-search={context.id}\n      className={className}\n    >\n      <PortalContainerContext.Provider value={portalContainer}>\n        {body}\n      </PortalContainerContext.Provider>\n    </DefaultForm>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2DA,SAAgB,WAAW,OAAwB;AACjD,KAAI,aAAa,MACf,QAAO,oBAAC,uBAAD,EAAuB,GAAI,OAAS;AAE7C,QAAO,oBAAC,sBAAD,EAAsB,GAAI,OAAS;;AAG5C,SAAS,qBAAqB,EAC5B,UACA,WACA,eACA,UACA,WACA,aACA,YACA,UACA,SACA,UACA,YACA,UACA,aAC4B;AAY5B,QACE,oBAAC,uBAAD;EACE,SAbY,cAAc;GAC5B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAKY;EACC;EACC;EACF;EAET;EACqB;;AAI5B,SAAS,sBAAsB,EAC7B,SACA,UACA,UACA,WACA,YACA,YAC0B;CAC1B,MAAM,oBAAoB,cAAc;CAExC,MAAM,QACJ,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAA4B;GAAqB;GAC9C;GACe;EACS;AAG/B,KAAI,kBACF,QACE,oBAAC,UAAD,YACE,oBAAC,cAAD;EAA0B;EAAsB;YAC7C;EACY,GACN;AAIf,QAAO,oBAAC,UAAD,YAAW,OAAiB;;AAGrC,SAAS,gBAAgB,EACvB,UACA,WACA,YAKC;CACD,MAAM,UAAU,sBAAsB;CAEtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;CAChF,MAAM,YAAY,aAAa,SAA6B;AAC1D,qBAAmB,KAAK;IACvB,EAAE,CAAC;CAEN,MAAM,OAAO,YACX,8CACE,oBAAC,mBAAD,EAAqB,GACrB,oBAAC,wBAAD,EAA0B,EACzB;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,kBAAgB,QAAQ;EACb;YAEX,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;aACrC;GAC+B;EACtB"}
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/search-form/root.tsx"],"sourcesContent":["import type { FormResolvers, PipesEnvironment, SearchId, SearchPayload } from \"@pipe0/base\";\nimport { type ReactNode, useCallback, useState } from \"react\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport { PortalContainerContext } from \"../../../context/portal-container-context.js\";\nimport type { SearchFormContext as SearchFormContextValue } from \"../../../context/search-form-context.js\";\nimport { SearchFormContext, useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport { useSearchForm } from \"../../../hooks/use-search-form.js\";\nimport type { FieldAdapterMap, FormClassNames, FormComponents } from \"../../../types/adapters.js\";\nimport type { GroupMap, PathMap, SectionMap } from \"../../../types/form-customization.js\";\nimport type { FormHandle } from \"../../../types/form-handle.js\";\nimport { DefaultForm } from \"../../defaults/layout/form.js\";\nimport { SearchFormContent } from \"./content.js\";\nimport { SearchFormSubmitButton } from \"./submit-button.js\";\n\nexport type SearchFormSubmitHandler = (\n  payload: SearchPayload,\n  ctx: { form: FormHandle<SearchPayload> },\n) => void | Promise<void>;\n\ninterface RenderingProps {\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  /** Whole-component overrides (e.g. `alert`). Forwarded to `FormProvider`. */\n  components?: FormComponents;\n  className?: string;\n}\n\nexport interface SearchFormInstanceProps extends RenderingProps {\n  context: SearchFormContextValue;\n  onSubmit: SearchFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface SearchFormZeroConfigProps extends RenderingProps {\n  searchId: SearchId;\n  publicKey: string;\n  onSubmit: SearchFormSubmitHandler;\n  defaultValues?: SearchPayload;\n  resolvers?: FormResolvers;\n  environment?: PipesEnvironment;\n  /**\n   * Hide / relabel / reorder sections by section key. `null` hides a section.\n   * Forwarded to the internal `useSearchForm` call. For `<SearchForm context={...}>`,\n   * pass these to `useSearchForm` directly instead.\n   */\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\n  children?: ReactNode;\n}\n\nexport type SearchFormProps = SearchFormInstanceProps | SearchFormZeroConfigProps;\n\n/**\n * Compound root for search forms.\n *\n * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>` — pass the context from\n *   `useSearchForm`. Visibility customization lives on the hook in this mode.\n * - Zero-config: `<SearchForm searchId=\"...\" publicKey=\"...\" onSubmit={...} />` — fresh hook\n *   created internally; visibility maps may be passed as props and forward to that hook.\n */\nexport function SearchForm(props: SearchFormProps) {\n  if (\"context\" in props) {\n    return <SearchFormWithContext {...props} />;\n  }\n  return <SearchFormZeroConfig {...props} />;\n}\n\nfunction SearchFormZeroConfig({\n  searchId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  environment,\n  sectionMap,\n  groupMap,\n  pathMap,\n  children,\n  classNames,\n  adapters,\n  components,\n  className,\n}: SearchFormZeroConfigProps) {\n  const context = useSearchForm({\n    searchId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    environment,\n    sectionMap,\n    groupMap,\n    pathMap,\n  });\n\n  return (\n    <SearchFormWithContext\n      context={context}\n      onSubmit={onSubmit}\n      className={className}\n      classNames={classNames}\n      adapters={adapters}\n      components={components}\n    >\n      {children}\n    </SearchFormWithContext>\n  );\n}\n\nfunction SearchFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  classNames,\n  adapters,\n  components,\n}: SearchFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters || components;\n\n  const inner = (\n    <SearchFormContext.Provider value={context}>\n      <SearchFormShell className={className} onSubmit={onSubmit}>\n        {children}\n      </SearchFormShell>\n    </SearchFormContext.Provider>\n  );\n\n  if (hasLocalOverrides) {\n    return (\n      <FormRoot>\n        <FormProvider classNames={classNames} adapters={adapters} components={components}>\n          {inner}\n        </FormProvider>\n      </FormRoot>\n    );\n  }\n\n  return <FormRoot>{inner}</FormRoot>;\n}\n\nfunction SearchFormShell({\n  children,\n  className,\n  onSubmit,\n}: {\n  children?: ReactNode;\n  className?: string;\n  onSubmit: SearchFormSubmitHandler;\n}) {\n  const context = useSearchFormContext();\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      <SearchFormContent />\n      <SearchFormSubmitButton />\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-search={context.id}\n      className={className}\n    >\n      <PortalContainerContext.Provider value={portalContainer}>\n        {body}\n      </PortalContainerContext.Provider>\n    </DefaultForm>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6DA,SAAgB,WAAW,OAAwB;AACjD,KAAI,aAAa,MACf,QAAO,oBAAC,uBAAD,EAAuB,GAAI,OAAS;AAE7C,QAAO,oBAAC,sBAAD,EAAsB,GAAI,OAAS;;AAG5C,SAAS,qBAAqB,EAC5B,UACA,WACA,eACA,UACA,WACA,aACA,YACA,UACA,SACA,UACA,YACA,UACA,YACA,aAC4B;AAY5B,QACE,oBAAC,uBAAD;EACE,SAbY,cAAc;GAC5B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAAC;EAKY;EACC;EACC;EACF;EACE;EAEX;EACqB;;AAI5B,SAAS,sBAAsB,EAC7B,SACA,UACA,UACA,WACA,YACA,UACA,cAC0B;CAC1B,MAAM,oBAAoB,cAAc,YAAY;CAEpD,MAAM,QACJ,oBAAC,kBAAkB,UAAnB;EAA4B,OAAO;YACjC,oBAAC,iBAAD;GAA4B;GAAqB;GAC9C;GACe;EACS;AAG/B,KAAI,kBACF,QACE,oBAAC,UAAD,YACE,oBAAC,cAAD;EAA0B;EAAsB;EAAsB;YACnE;EACY,GACN;AAIf,QAAO,oBAAC,UAAD,YAAW,OAAiB;;AAGrC,SAAS,gBAAgB,EACvB,UACA,WACA,YAKC;CACD,MAAM,UAAU,sBAAsB;CAEtC,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;CAChF,MAAM,YAAY,aAAa,SAA6B;AAC1D,qBAAmB,KAAK;IACvB,EAAE,CAAC;CAEN,MAAM,OAAO,YACX,8CACE,oBAAC,mBAAD,EAAqB,GACrB,oBAAC,wBAAD,EAA0B,EACzB;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,kBAAgB,QAAQ;EACb;YAEX,oBAAC,uBAAuB,UAAxB;GAAiC,OAAO;aACrC;GAC+B;EACtB"}

package/dist/components/defaults/adapters/context-select-input.mjs

@@ -7,7 +7,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function ContextSelectInputAdapter(field) {
 	const hasOptions = field.options.length > 0;
 	const selectedOption = field.options.find((o) => o.value === field.selectedValue);
-	const placeholder = field.pending ? "Loading…" : field.meta.placeholder ?? (field.suggestionsDisabled ? "Select" : "— Select —");
+	const placeholder = field.pending ? "Loading…" : field.meta.placeholder ?? "";
 	return /* @__PURE__ */ jsxs("div", {
 		"data-p0": "input",
 		className: cn("pz:flex pz:flex-col pz:gap-1", field.pending && "pz:opacity-60"),

package/dist/components/defaults/adapters/context-select-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"context-select-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/context-select-input.tsx"],"sourcesContent":["import type { StoreOption } from \"@pipe0/base\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.js\";\n\nexport function ContextSelectInputAdapter(field: FieldHandle<\"context_select_input\">) {\n  const hasOptions = field.options.length > 0;\n  const selectedOption = field.options.find((o) => o.value === field.selectedValue);\n\n  // ONE always-controlled Select across every state (loading / gated / ready).\n  // Rendering a separate <Select> tree per state — or using\n  // `value={... || undefined}` — flips Base UI between uncontrolled and\n  // controlled, which warns and now actually fires on the loading→ready\n  // transition (the field finally re-renders through it). `null` is Base UI's\n  // controlled \"no selection\" sentinel (cf. connector-input + the `v === null`\n  // guard below), so the value is never `undefined` and the control stays\n  // controlled for its whole lifetime. State differences are expressed only via\n  // `disabled` / `placeholder` / the helper line below — not via remounting.\n  const placeholder = field.pending\n    ? \"Loading…\"\n    : (field.meta.placeholder ?? (field.suggestionsDisabled ? \"Select\" : \"— Select —\"));\n\n  return (\n    <div\n      data-p0=\"input\"\n      className={cn(\"pz:flex pz:flex-col pz:gap-1\", field.pending && \"pz:opacity-60\")}\n    >\n      <Select\n        value={field.selectedValue || null}\n        onValueChange={(v) => {\n          if (v === null) return;\n          field.onSelect(v);\n        }}\n        name={field.path}\n        disabled={field.pending || field.suggestionsDisabled || !hasOptions}\n      >\n        <SelectTrigger id={field.id} aria-invalid={!!field.error} className=\"pz:w-full\">\n          <SelectValue placeholder={placeholder}>\n            {selectedOption ? (\n              <span className=\"pz:flex pz:items-center pz:gap-2\">\n                <WidgetStrip widgets={selectedOption.widgets} />\n                <span>{selectedOption.label}</span>\n              </span>\n            ) : undefined}\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {field.options.map((opt: StoreOption) => (\n            <SelectItem key={opt.value} value={opt.value} label={opt.label}>\n              <span className=\"pz:flex pz:items-center pz:gap-2\">\n                <WidgetStrip widgets={opt.widgets} />\n                <span>{opt.label}</span>\n              </span>\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {field.suggestionsDisabled ? (\n        <div className=\"pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic\">\n          {field.suggestionsDisabledReason ?? \"Suggestions unavailable\"}{\" \"}\n        </div>\n      ) : !field.pending && !hasOptions ? (\n        <span className=\"pz:text-xs pz:text-muted-foreground\">No fields available</span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,0BAA0B,OAA4C;CACpF,MAAM,aAAa,MAAM,QAAQ,SAAS;CAC1C,MAAM,iBAAiB,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,MAAM,cAAc;CAWjF,MAAM,cAAc,MAAM,UACtB,aACC,MAAM,KAAK,gBAAgB,MAAM,sBAAsB,WAAW;AAEvE,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,gCAAgC,MAAM,WAAW,gBAAgB;YAFjF,CAIE,qBAAC,QAAD;GACE,OAAO,MAAM,iBAAiB;GAC9B,gBAAgB,MAAM;AACpB,QAAI,MAAM,KAAM;AAChB,UAAM,SAAS,EAAE;;GAEnB,MAAM,MAAM;GACZ,UAAU,MAAM,WAAW,MAAM,uBAAuB,CAAC;aAP3D,CASE,oBAAC,eAAD;IAAe,IAAI,MAAM;IAAI,gBAAc,CAAC,CAAC,MAAM;IAAO,WAAU;cAClE,oBAAC,aAAD;KAA0B;eACvB,iBACC,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,oBAAC,aAAD,EAAa,SAAS,eAAe,SAAW,GAChD,oBAAC,QAAD,YAAO,eAAe,OAAa,EAC9B;UACL;KACQ;IACA,GAChB,oBAAC,eAAD,YACG,MAAM,QAAQ,KAAK,QAClB,oBAAC,YAAD;IAA4B,OAAO,IAAI;IAAO,OAAO,IAAI;cACvD,qBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,oBAAC,aAAD,EAAa,SAAS,IAAI,SAAW,GACrC,oBAAC,QAAD,YAAO,IAAI,OAAa,EACnB;;IACI,EALI,IAAI,MAKR,CACb,EACY,EACT;MACR,MAAM,sBACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,6BAA6B,2BAA2B,IAC3D;OACJ,CAAC,MAAM,WAAW,CAAC,aACrB,oBAAC,QAAD;GAAM,WAAU;aAAsC;GAA0B,IAC9E,KACA"}
+{"version":3,"file":"context-select-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/context-select-input.tsx"],"sourcesContent":["import type { StoreOption } from \"@pipe0/base\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { WidgetStrip } from \"../../../widgets/widget-strip.js\";\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from \"../../ui/select.js\";\n\nexport function ContextSelectInputAdapter(field: FieldHandle<\"context_select_input\">) {\n  const hasOptions = field.options.length > 0;\n  const selectedOption = field.options.find((o) => o.value === field.selectedValue);\n\n  // ONE always-controlled Select across every state (loading / gated / ready).\n  // Rendering a separate <Select> tree per state — or using\n  // `value={... || undefined}` — flips Base UI between uncontrolled and\n  // controlled, which warns and now actually fires on the loading→ready\n  // transition (the field finally re-renders through it). `null` is Base UI's\n  // controlled \"no selection\" sentinel (cf. connector-input + the `v === null`\n  // guard below), so the value is never `undefined` and the control stays\n  // controlled for its whole lifetime. State differences are expressed only via\n  // `disabled` / `placeholder` / the helper line below — not via remounting.\n  const placeholder = field.pending ? \"Loading…\" : (field.meta.placeholder ?? \"\");\n\n  return (\n    <div\n      data-p0=\"input\"\n      className={cn(\"pz:flex pz:flex-col pz:gap-1\", field.pending && \"pz:opacity-60\")}\n    >\n      <Select\n        value={field.selectedValue || null}\n        onValueChange={(v) => {\n          if (v === null) return;\n          field.onSelect(v);\n        }}\n        name={field.path}\n        disabled={field.pending || field.suggestionsDisabled || !hasOptions}\n      >\n        <SelectTrigger id={field.id} aria-invalid={!!field.error} className=\"pz:w-full\">\n          <SelectValue placeholder={placeholder}>\n            {selectedOption ? (\n              <span className=\"pz:flex pz:items-center pz:gap-2\">\n                <WidgetStrip widgets={selectedOption.widgets} />\n                <span>{selectedOption.label}</span>\n              </span>\n            ) : undefined}\n          </SelectValue>\n        </SelectTrigger>\n        <SelectContent>\n          {field.options.map((opt: StoreOption) => (\n            <SelectItem key={opt.value} value={opt.value} label={opt.label}>\n              <span className=\"pz:flex pz:items-center pz:gap-2\">\n                <WidgetStrip widgets={opt.widgets} />\n                <span>{opt.label}</span>\n              </span>\n            </SelectItem>\n          ))}\n        </SelectContent>\n      </Select>\n      {field.suggestionsDisabled ? (\n        <div className=\"pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic\">\n          {field.suggestionsDisabledReason ?? \"Suggestions unavailable\"}{\" \"}\n        </div>\n      ) : !field.pending && !hasOptions ? (\n        <span className=\"pz:text-xs pz:text-muted-foreground\">No fields available</span>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,0BAA0B,OAA4C;CACpF,MAAM,aAAa,MAAM,QAAQ,SAAS;CAC1C,MAAM,iBAAiB,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,MAAM,cAAc;CAWjF,MAAM,cAAc,MAAM,UAAU,aAAc,MAAM,KAAK,eAAe;AAE5E,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,gCAAgC,MAAM,WAAW,gBAAgB;YAFjF,CAIE,qBAAC,QAAD;GACE,OAAO,MAAM,iBAAiB;GAC9B,gBAAgB,MAAM;AACpB,QAAI,MAAM,KAAM;AAChB,UAAM,SAAS,EAAE;;GAEnB,MAAM,MAAM;GACZ,UAAU,MAAM,WAAW,MAAM,uBAAuB,CAAC;aAP3D,CASE,oBAAC,eAAD;IAAe,IAAI,MAAM;IAAI,gBAAc,CAAC,CAAC,MAAM;IAAO,WAAU;cAClE,oBAAC,aAAD;KAA0B;eACvB,iBACC,qBAAC,QAAD;MAAM,WAAU;gBAAhB,CACE,oBAAC,aAAD,EAAa,SAAS,eAAe,SAAW,GAChD,oBAAC,QAAD,YAAO,eAAe,OAAa,EAC9B;UACL;KACQ;IACA,GAChB,oBAAC,eAAD,YACG,MAAM,QAAQ,KAAK,QAClB,oBAAC,YAAD;IAA4B,OAAO,IAAI;IAAO,OAAO,IAAI;cACvD,qBAAC,QAAD;KAAM,WAAU;eAAhB,CACE,oBAAC,aAAD,EAAa,SAAS,IAAI,SAAW,GACrC,oBAAC,QAAD,YAAO,IAAI,OAAa,EACnB;;IACI,EALI,IAAI,MAKR,CACb,EACY,EACT;MACR,MAAM,sBACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,6BAA6B,2BAA2B,IAC3D;OACJ,CAAC,MAAM,WAAW,CAAC,aACrB,oBAAC,QAAD;GAAM,WAAU;aAAsC;GAA0B,IAC9E,KACA"}

package/dist/components/defaults/adapters/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/defaults/adapters/index.ts"],"mappings":";;;;;AAqCA;;cAAa,eAAA,EAiC2B,OAAA,CAAQ,eAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../../../../src/components/defaults/adapters/index.ts"],"mappings":";;;;;AAsCA;;cAAa,eAAA,EAoC2B,OAAA,CAAQ,eAAA"}

package/dist/components/defaults/adapters/index.mjs

@@ -12,19 +12,20 @@ import { IncludeExcludeSelectInputAdapter } from "./include-exclude-select-input
 import { IntInputAdapter } from "./int-input.mjs";
 import { JsonExtractionInputAdapter } from "./json-extraction-input.mjs";
 import { JsonSchemaInputAdapter } from "./json-schema-input.mjs";
-import { KeyValueListInputAdapter } from "./key-value-list-input.mjs";
+import { LooseObjectInputAdapter } from "./loose-object-input.mjs";
 import { MinMaxIntInputAdapter } from "./min-max-int-input.mjs";
 import { MultiCreateInputAdapter } from "./multi-create-input.mjs";
 import { MultiSelectInputAdapter } from "./multi-select-input.mjs";
 import { NumberInputAdapter } from "./number-input.mjs";
 import { OrderedMultiCreateInputAdapter } from "./ordered-multi-create-input.mjs";
-import { TaggedOrderedMultiCreateInputAdapter } from "./tagged-ordered-multi-create-input.mjs";
 import { OutputFieldInputAdapter } from "./output-field-input.mjs";
-import { PipesRunIfInputAdapter } from "./pipes-run-if-input.mjs";
+import { ConditionBlockInputAdapter, PipesRunIfInputAdapter } from "./pipes-run-if-input.mjs";
 import { PromptInputAdapter } from "./prompt-input.mjs";
 import { ProvidersInputAdapter } from "./providers-input.mjs";
 import { RangeInputAdapter } from "./range-input.mjs";
+import { SearchPayloadInputAdapter } from "./search-payload-input.mjs";
 import { SelectInputAdapter } from "./select-input.mjs";
+import { TaggedOrderedMultiCreateInputAdapter } from "./tagged-ordered-multi-create-input.mjs";
 import { TaggedTextInputAdapter } from "./tagged-text-input.mjs";
 import { TemplateInputAdapter } from "./template-input.mjs";
 import { TextInputAdapter } from "./text-input.mjs";
@@ -59,15 +60,17 @@ const defaultAdapters = {
 	prompt_input: PromptInputAdapter,
 	template_input: TemplateInputAdapter,
 	tagged_text_input: TaggedTextInputAdapter,
-	key_value_list_input: KeyValueListInputAdapter,
+	loose_object_input: LooseObjectInputAdapter,
 	json_schema_input: JsonSchemaInputAdapter,
 	json_extraction_input: JsonExtractionInputAdapter,
 	pipes_run_if_input: PipesRunIfInputAdapter,
+	condition_block_input: ConditionBlockInputAdapter,
 	connector_input: ConnectorInputAdapter,
 	providers_input: ProvidersInputAdapter,
 	fields_select_input: FieldsSelectInputAdapter,
 	output_field_input: OutputFieldInputAdapter,
-	cursor_pagination_metadata: CursorPaginationInputAdapter
+	cursor_pagination_metadata: CursorPaginationInputAdapter,
+	search_payload_input: SearchPayloadInputAdapter
 };
 
 //#endregion

package/dist/components/defaults/adapters/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/index.ts"],"sourcesContent":["import type { FieldAdapterMap } from \"../../../types/adapters.js\";\nimport { AsyncIncludeExcludeSelectInputAdapter } from \"./async-include-exclude-select-input.js\";\nimport { AsyncMultiSelectInputAdapter } from \"./async-multi-select-input.js\";\nimport { BooleanInputAdapter } from \"./boolean-input.js\";\nimport { ConnectorInputAdapter } from \"./connector-input.js\";\nimport { ContextSelectInputAdapter } from \"./context-select-input.js\";\nimport { CursorPaginationInputAdapter } from \"./cursor-pagination-input.js\";\nimport { DateRangeInputAdapter } from \"./date-range-input.js\";\nimport { ExactRangeInputAdapter } from \"./exact-range-input.js\";\nimport { FieldsSelectInputAdapter } from \"./fields-select-input.js\";\nimport { IncludeExcludeInputAdapter } from \"./include-exclude-input.js\";\nimport { IncludeExcludeSelectInputAdapter } from \"./include-exclude-select-input.js\";\nimport { IntInputAdapter } from \"./int-input.js\";\nimport { JsonExtractionInputAdapter } from \"./json-extraction-input.js\";\nimport { JsonSchemaInputAdapter } from \"./json-schema-input.js\";\nimport { KeyValueListInputAdapter } from \"./key-value-list-input.js\";\nimport { MinMaxIntInputAdapter } from \"./min-max-int-input.js\";\nimport { MultiCreateInputAdapter } from \"./multi-create-input.js\";\nimport { MultiSelectInputAdapter } from \"./multi-select-input.js\";\nimport { NumberInputAdapter } from \"./number-input.js\";\nimport { OrderedMultiCreateInputAdapter } from \"./ordered-multi-create-input.js\";\nimport { TaggedOrderedMultiCreateInputAdapter } from \"./tagged-ordered-multi-create-input.js\";\nimport { OutputFieldInputAdapter } from \"./output-field-input.js\";\nimport { PipesRunIfInputAdapter } from \"./pipes-run-if-input.js\";\nimport { PromptInputAdapter } from \"./prompt-input.js\";\nimport { ProvidersInputAdapter } from \"./providers-input.js\";\nimport { RangeInputAdapter } from \"./range-input.js\";\nimport { SelectInputAdapter } from \"./select-input.js\";\nimport { TaggedTextInputAdapter } from \"./tagged-text-input.js\";\nimport { TemplateInputAdapter } from \"./template-input.js\";\nimport { TextInputAdapter } from \"./text-input.js\";\nimport { TextareaInputAdapter } from \"./textarea-input.js\";\n\n/**\n * Default field adapters for all known field kinds.\n * Users can override any of these via `<FormProvider adapters={...}>`.\n */\nexport const defaultAdapters = {\n  text_input: TextInputAdapter,\n  textarea_input: TextareaInputAdapter,\n  int_input: IntInputAdapter,\n  number_input: NumberInputAdapter,\n  select_input: SelectInputAdapter,\n  boolean_input: BooleanInputAdapter,\n  nullable_boolean_input: BooleanInputAdapter,\n  range_input: RangeInputAdapter,\n  date_range_input: DateRangeInputAdapter,\n  multi_select_input: MultiSelectInputAdapter,\n  include_exclude_input: IncludeExcludeInputAdapter,\n  multi_create_input: MultiCreateInputAdapter,\n  context_select_input: ContextSelectInputAdapter,\n  async_multi_select_input: AsyncMultiSelectInputAdapter,\n  async_include_exclude_select_input: AsyncIncludeExcludeSelectInputAdapter,\n  include_exclude_select_input: IncludeExcludeSelectInputAdapter,\n  exact_range_input: ExactRangeInputAdapter,\n  min_max_int_input: MinMaxIntInputAdapter,\n  ordered_multi_create_input: OrderedMultiCreateInputAdapter,\n  tagged_ordered_multi_create_input: TaggedOrderedMultiCreateInputAdapter,\n  prompt_input: PromptInputAdapter,\n  template_input: TemplateInputAdapter,\n  tagged_text_input: TaggedTextInputAdapter,\n  key_value_list_input: KeyValueListInputAdapter,\n  json_schema_input: JsonSchemaInputAdapter,\n  json_extraction_input: JsonExtractionInputAdapter,\n  pipes_run_if_input: PipesRunIfInputAdapter,\n  connector_input: ConnectorInputAdapter,\n  providers_input: ProvidersInputAdapter,\n  fields_select_input: FieldsSelectInputAdapter,\n  output_field_input: OutputFieldInputAdapter,\n  cursor_pagination_metadata: CursorPaginationInputAdapter,\n} satisfies Partial<FieldAdapterMap> as Partial<FieldAdapterMap>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCA,MAAa,kBAAkB;CAC7B,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,cAAc;CACd,cAAc;CACd,eAAe;CACf,wBAAwB;CACxB,aAAa;CACb,kBAAkB;CAClB,oBAAoB;CACpB,uBAAuB;CACvB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,oCAAoC;CACpC,8BAA8B;CAC9B,mBAAmB;CACnB,mBAAmB;CACnB,4BAA4B;CAC5B,mCAAmC;CACnC,cAAc;CACd,gBAAgB;CAChB,mBAAmB;CACnB,sBAAsB;CACtB,mBAAmB;CACnB,uBAAuB;CACvB,oBAAoB;CACpB,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,4BAA4B;CAC7B"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/index.ts"],"sourcesContent":["import type { FieldAdapterMap } from \"../../../types/adapters.js\";\nimport { AsyncIncludeExcludeSelectInputAdapter } from \"./async-include-exclude-select-input.js\";\nimport { AsyncMultiSelectInputAdapter } from \"./async-multi-select-input.js\";\nimport { BooleanInputAdapter } from \"./boolean-input.js\";\nimport { ConnectorInputAdapter } from \"./connector-input.js\";\nimport { ContextSelectInputAdapter } from \"./context-select-input.js\";\nimport { CursorPaginationInputAdapter } from \"./cursor-pagination-input.js\";\nimport { DateRangeInputAdapter } from \"./date-range-input.js\";\nimport { ExactRangeInputAdapter } from \"./exact-range-input.js\";\nimport { FieldsSelectInputAdapter } from \"./fields-select-input.js\";\nimport { IncludeExcludeInputAdapter } from \"./include-exclude-input.js\";\nimport { IncludeExcludeSelectInputAdapter } from \"./include-exclude-select-input.js\";\nimport { IntInputAdapter } from \"./int-input.js\";\nimport { JsonExtractionInputAdapter } from \"./json-extraction-input.js\";\nimport { JsonSchemaInputAdapter } from \"./json-schema-input.js\";\nimport { LooseObjectInputAdapter } from \"./loose-object-input.js\";\nimport { MinMaxIntInputAdapter } from \"./min-max-int-input.js\";\nimport { MultiCreateInputAdapter } from \"./multi-create-input.js\";\nimport { MultiSelectInputAdapter } from \"./multi-select-input.js\";\nimport { NumberInputAdapter } from \"./number-input.js\";\nimport { OrderedMultiCreateInputAdapter } from \"./ordered-multi-create-input.js\";\nimport { OutputFieldInputAdapter } from \"./output-field-input.js\";\nimport { ConditionBlockInputAdapter, PipesRunIfInputAdapter } from \"./pipes-run-if-input.js\";\nimport { PromptInputAdapter } from \"./prompt-input.js\";\nimport { ProvidersInputAdapter } from \"./providers-input.js\";\nimport { RangeInputAdapter } from \"./range-input.js\";\nimport { SearchPayloadInputAdapter } from \"./search-payload-input.js\";\nimport { SelectInputAdapter } from \"./select-input.js\";\nimport { TaggedOrderedMultiCreateInputAdapter } from \"./tagged-ordered-multi-create-input.js\";\nimport { TaggedTextInputAdapter } from \"./tagged-text-input.js\";\nimport { TemplateInputAdapter } from \"./template-input.js\";\nimport { TextInputAdapter } from \"./text-input.js\";\nimport { TextareaInputAdapter } from \"./textarea-input.js\";\n\n/**\n * Default field adapters for all known field kinds.\n * Users can override any of these via `<FormProvider adapters={...}>`.\n */\nexport const defaultAdapters = {\n  text_input: TextInputAdapter,\n  textarea_input: TextareaInputAdapter,\n  int_input: IntInputAdapter,\n  number_input: NumberInputAdapter,\n  select_input: SelectInputAdapter,\n  boolean_input: BooleanInputAdapter,\n  nullable_boolean_input: BooleanInputAdapter,\n  range_input: RangeInputAdapter,\n  date_range_input: DateRangeInputAdapter,\n  multi_select_input: MultiSelectInputAdapter,\n  include_exclude_input: IncludeExcludeInputAdapter,\n  multi_create_input: MultiCreateInputAdapter,\n  context_select_input: ContextSelectInputAdapter,\n  async_multi_select_input: AsyncMultiSelectInputAdapter,\n  async_include_exclude_select_input: AsyncIncludeExcludeSelectInputAdapter,\n  include_exclude_select_input: IncludeExcludeSelectInputAdapter,\n  exact_range_input: ExactRangeInputAdapter,\n  min_max_int_input: MinMaxIntInputAdapter,\n  ordered_multi_create_input: OrderedMultiCreateInputAdapter,\n  tagged_ordered_multi_create_input: TaggedOrderedMultiCreateInputAdapter,\n  prompt_input: PromptInputAdapter,\n  template_input: TemplateInputAdapter,\n  tagged_text_input: TaggedTextInputAdapter,\n  loose_object_input: LooseObjectInputAdapter,\n  json_schema_input: JsonSchemaInputAdapter,\n  json_extraction_input: JsonExtractionInputAdapter,\n  pipes_run_if_input: PipesRunIfInputAdapter,\n  condition_block_input: ConditionBlockInputAdapter,\n  connector_input: ConnectorInputAdapter,\n  providers_input: ProvidersInputAdapter,\n  fields_select_input: FieldsSelectInputAdapter,\n  output_field_input: OutputFieldInputAdapter,\n  cursor_pagination_metadata: CursorPaginationInputAdapter,\n  // Renders nothing by default — consumers (e.g. apps/dash) override this.\n  search_payload_input: SearchPayloadInputAdapter,\n} satisfies Partial<FieldAdapterMap> as Partial<FieldAdapterMap>;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCA,MAAa,kBAAkB;CAC7B,YAAY;CACZ,gBAAgB;CAChB,WAAW;CACX,cAAc;CACd,cAAc;CACd,eAAe;CACf,wBAAwB;CACxB,aAAa;CACb,kBAAkB;CAClB,oBAAoB;CACpB,uBAAuB;CACvB,oBAAoB;CACpB,sBAAsB;CACtB,0BAA0B;CAC1B,oCAAoC;CACpC,8BAA8B;CAC9B,mBAAmB;CACnB,mBAAmB;CACnB,4BAA4B;CAC5B,mCAAmC;CACnC,cAAc;CACd,gBAAgB;CAChB,mBAAmB;CACnB,oBAAoB;CACpB,mBAAmB;CACnB,uBAAuB;CACvB,oBAAoB;CACpB,uBAAuB;CACvB,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,4BAA4B;CAE5B,sBAAsB;CACvB"}

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

@@ -1 +1 @@
-{"version":3,"file":"int-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/int-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport function IntInputAdapter(field: FieldHandle<\"int_input\">) {\n  return <Input {...field.inputProps} step={1} data-p0=\"input\" aria-invalid={!!field.error} />;\n}\n"],"mappings":";;;;AAGA,SAAgB,gBAAgB,OAAiC;AAC/D,QAAO,oBAAC,OAAD;EAAO,GAAI,MAAM;EAAY,MAAM;EAAG,WAAQ;EAAQ,gBAAc,CAAC,CAAC,MAAM;EAAS"}
+{"version":3,"file":"int-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/int-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport function IntInputAdapter(field: FieldHandle<\"int_input\">) {\n  // Optional ints (`sheetEffectsOptionalIntInput`) clear themselves: the int\n  // handle maps an empty input to `null`, so no extra affordance is needed.\n  return <Input {...field.inputProps} step={1} data-p0=\"input\" aria-invalid={!!field.error} />;\n}\n"],"mappings":";;;;AAGA,SAAgB,gBAAgB,OAAiC;AAG/D,QAAO,oBAAC,OAAD;EAAO,GAAI,MAAM;EAAY,MAAM;EAAG,WAAQ;EAAQ,gBAAc,CAAC,CAAC,MAAM;EAAS"}

package/dist/components/defaults/adapters/loose-object-input.mjs

@@ -0,0 +1,111 @@
+import { Button } from "../../ui/button.mjs";
+import { Input } from "../../ui/input.mjs";
+import { FieldLegend } from "../../internal/field-legend.mjs";
+import { LiquidEditor } from "../../internal/LiquidEditor/LiquidEditor.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Plus, X } from "lucide-react";
+
+//#region src/components/defaults/adapters/loose-object-input.tsx
+/**
+* Adapter for `pipesLooseObjectInput`. The form value is a plain
+* `Record<string, string>`; each entry renders as a row. The key is the
+* object key, so it's a literal text input (committed on blur, which is when
+* the row's React key — the object key — changes). The value cell uses
+* `LiquidEditor` so it supports `/` references (input fields + secrets +
+* constants). Empty and duplicate keys aren't meaningful for an object and
+* aren't supported; `maxKeys` bounds the number of entries.
+*
+* The per-cell legend would otherwise render once per value cell — too noisy.
+* The value editors run with `hideLegend`; a single legend renders below the
+* list.
+*/
+function LooseObjectInputAdapter(field) {
+	const { value, setObject, searchSecrets, searchConstants, meta } = field;
+	const entries = Object.entries(value);
+	const maxKeys = meta.maxKeys ?? 50;
+	const canAdd = entries.length < maxKeys;
+	const renameKey = (oldKey, newKey) => {
+		if (newKey === oldKey) return;
+		const next = {};
+		for (const [k, v] of Object.entries(value)) next[k === oldKey ? newKey : k] = v;
+		setObject(next);
+	};
+	const setEntryValue = (key, v) => setObject({
+		...value,
+		[key]: v
+	});
+	const removeKey = (key) => {
+		const { [key]: _removed, ...rest } = value;
+		setObject(rest);
+	};
+	const addEntry = () => {
+		if (Object.hasOwn(value, "")) return;
+		setObject({
+			...value,
+			"": ""
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-2",
+		children: [
+			entries.length === 0 && /* @__PURE__ */ jsx("p", {
+				className: "pz:text-xs pz:text-muted-foreground",
+				children: meta.keyLabel ? `No ${meta.keyLabel.toLowerCase()}s yet.` : "No entries yet."
+			}),
+			entries.map(([key, val]) => /* @__PURE__ */ jsxs("div", {
+				className: "pz:flex pz:items-start pz:gap-2",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "pz:basis-1/3",
+						children: /* @__PURE__ */ jsx(Input, {
+							defaultValue: key,
+							onBlur: (e) => renameKey(key, e.target.value),
+							placeholder: meta.keyPlaceholder ?? meta.keyLabel ?? "Key"
+						})
+					}),
+					/* @__PURE__ */ jsx("div", {
+						className: "pz:flex-1 pz:rounded-md pz:border pz:border-input pz:bg-transparent",
+						children: /* @__PURE__ */ jsx(LiquidEditor, {
+							value: val,
+							onChange: (v) => setEntryValue(key, v),
+							inputFields: meta.inputFields ?? [],
+							searchSecrets,
+							searchConstants,
+							placeholder: meta.valuePlaceholder ?? meta.valueLabel ?? "Value",
+							hideLegend: true
+						})
+					}),
+					/* @__PURE__ */ jsx(Button, {
+						type: "button",
+						variant: "ghost",
+						size: "icon",
+						"aria-label": "Remove row",
+						onClick: () => removeKey(key),
+						children: /* @__PURE__ */ jsx(X, { className: "pz:size-4" })
+					})
+				]
+			}, key)),
+			entries.length > 0 && /* @__PURE__ */ jsx(FieldLegend, { entries: [{
+				key: "/",
+				label: "to insert a reference"
+			}] }),
+			/* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(Button, {
+				type: "button",
+				variant: "outline",
+				size: "sm",
+				onClick: addEntry,
+				disabled: !canAdd,
+				children: [
+					/* @__PURE__ */ jsx(Plus, { className: "pz:size-4 pz:mr-1" }),
+					"Add ",
+					meta.keyLabel ?? "row"
+				]
+			}) })
+		]
+	});
+}
+
+//#endregion
+export { LooseObjectInputAdapter };
+//# sourceMappingURL=loose-object-input.mjs.map

package/dist/components/defaults/adapters/loose-object-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loose-object-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/loose-object-input.tsx"],"sourcesContent":["import { Plus, X } from \"lucide-react\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { FieldLegend } from \"../../internal/field-legend.js\";\nimport { LiquidEditor } from \"../../internal/LiquidEditor/LiquidEditor.js\";\nimport { Button } from \"../../ui/button.js\";\nimport { Input } from \"../../ui/input.js\";\n\n/**\n * Adapter for `pipesLooseObjectInput`. The form value is a plain\n * `Record<string, string>`; each entry renders as a row. The key is the\n * object key, so it's a literal text input (committed on blur, which is when\n * the row's React key — the object key — changes). The value cell uses\n * `LiquidEditor` so it supports `/` references (input fields + secrets +\n * constants). Empty and duplicate keys aren't meaningful for an object and\n * aren't supported; `maxKeys` bounds the number of entries.\n *\n * The per-cell legend would otherwise render once per value cell — too noisy.\n * The value editors run with `hideLegend`; a single legend renders below the\n * list.\n */\nexport function LooseObjectInputAdapter(field: FieldHandle<\"loose_object_input\">) {\n  const { value, setObject, searchSecrets, searchConstants, meta } = field;\n  const entries = Object.entries(value);\n  const maxKeys = meta.maxKeys ?? 50;\n  const canAdd = entries.length < maxKeys;\n\n  // Rebuild the object, renaming `oldKey`→`newKey` in place (order preserved).\n  const renameKey = (oldKey: string, newKey: string) => {\n    if (newKey === oldKey) return;\n    const next: Record<string, string> = {};\n    for (const [k, v] of Object.entries(value)) next[k === oldKey ? newKey : k] = v;\n    setObject(next);\n  };\n  const setEntryValue = (key: string, v: string) => setObject({ ...value, [key]: v });\n  const removeKey = (key: string) => {\n    const { [key]: _removed, ...rest } = value;\n    setObject(rest);\n  };\n  // One blank slot at a time — fill its key before adding another.\n  const addEntry = () => {\n    if (Object.hasOwn(value, \"\")) return;\n    setObject({ ...value, \"\": \"\" });\n  };\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-2\">\n      {entries.length === 0 && (\n        <p className=\"pz:text-xs pz:text-muted-foreground\">\n          {meta.keyLabel ? `No ${meta.keyLabel.toLowerCase()}s yet.` : \"No entries yet.\"}\n        </p>\n      )}\n      {entries.map(([key, val]) => (\n        <div key={key} className=\"pz:flex pz:items-start pz:gap-2\">\n          <div className=\"pz:basis-1/3\">\n            <Input\n              defaultValue={key}\n              onBlur={(e) => renameKey(key, e.target.value)}\n              placeholder={meta.keyPlaceholder ?? meta.keyLabel ?? \"Key\"}\n            />\n          </div>\n          <div className=\"pz:flex-1 pz:rounded-md pz:border pz:border-input pz:bg-transparent\">\n            <LiquidEditor\n              value={val}\n              onChange={(v) => setEntryValue(key, v)}\n              inputFields={meta.inputFields ?? []}\n              searchSecrets={searchSecrets}\n              searchConstants={searchConstants}\n              placeholder={meta.valuePlaceholder ?? meta.valueLabel ?? \"Value\"}\n              hideLegend\n            />\n          </div>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            aria-label=\"Remove row\"\n            onClick={() => removeKey(key)}\n          >\n            <X className=\"pz:size-4\" />\n          </Button>\n        </div>\n      ))}\n      {entries.length > 0 && (\n        <FieldLegend entries={[{ key: \"/\", label: \"to insert a reference\" }]} />\n      )}\n      <div>\n        <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={addEntry} disabled={!canAdd}>\n          <Plus className=\"pz:size-4 pz:mr-1\" />\n          Add {meta.keyLabel ?? \"row\"}\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,wBAAwB,OAA0C;CAChF,MAAM,EAAE,OAAO,WAAW,eAAe,iBAAiB,SAAS;CACnE,MAAM,UAAU,OAAO,QAAQ,MAAM;CACrC,MAAM,UAAU,KAAK,WAAW;CAChC,MAAM,SAAS,QAAQ,SAAS;CAGhC,MAAM,aAAa,QAAgB,WAAmB;AACpD,MAAI,WAAW,OAAQ;EACvB,MAAM,OAA+B,EAAE;AACvC,OAAK,MAAM,CAAC,GAAG,MAAM,OAAO,QAAQ,MAAM,CAAE,MAAK,MAAM,SAAS,SAAS,KAAK;AAC9E,YAAU,KAAK;;CAEjB,MAAM,iBAAiB,KAAa,MAAc,UAAU;EAAE,GAAG;GAAQ,MAAM;EAAG,CAAC;CACnF,MAAM,aAAa,QAAgB;EACjC,MAAM,GAAG,MAAM,UAAU,GAAG,SAAS;AACrC,YAAU,KAAK;;CAGjB,MAAM,iBAAiB;AACrB,MAAI,OAAO,OAAO,OAAO,GAAG,CAAE;AAC9B,YAAU;GAAE,GAAG;GAAO,IAAI;GAAI,CAAC;;AAGjC,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B;GACG,QAAQ,WAAW,KAClB,oBAAC,KAAD;IAAG,WAAU;cACV,KAAK,WAAW,MAAM,KAAK,SAAS,aAAa,CAAC,UAAU;IAC3D;GAEL,QAAQ,KAAK,CAAC,KAAK,SAClB,qBAAC,OAAD;IAAe,WAAU;cAAzB;KACE,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,OAAD;OACE,cAAc;OACd,SAAS,MAAM,UAAU,KAAK,EAAE,OAAO,MAAM;OAC7C,aAAa,KAAK,kBAAkB,KAAK,YAAY;OACrD;MACE;KACN,oBAAC,OAAD;MAAK,WAAU;gBACb,oBAAC,cAAD;OACE,OAAO;OACP,WAAW,MAAM,cAAc,KAAK,EAAE;OACtC,aAAa,KAAK,eAAe,EAAE;OACpB;OACE;OACjB,aAAa,KAAK,oBAAoB,KAAK,cAAc;OACzD;OACA;MACE;KACN,oBAAC,QAAD;MACE,MAAK;MACL,SAAQ;MACR,MAAK;MACL,cAAW;MACX,eAAe,UAAU,IAAI;gBAE7B,oBAAC,GAAD,EAAG,WAAU,aAAc;MACpB;KACL;MA5BI,IA4BJ,CACN;GACD,QAAQ,SAAS,KAChB,oBAAC,aAAD,EAAa,SAAS,CAAC;IAAE,KAAK;IAAK,OAAO;IAAyB,CAAC,EAAI;GAE1E,oBAAC,OAAD,YACE,qBAAC,QAAD;IAAQ,MAAK;IAAS,SAAQ;IAAU,MAAK;IAAK,SAAS;IAAU,UAAU,CAAC;cAAhF;KACE,oBAAC,MAAD,EAAM,WAAU,qBAAsB;;KACjC,KAAK,YAAY;KACf;OACL;GACF"}