@pipe0/react 0.1.7 → 0.2.1

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

@@ -1,8 +1,8 @@
 import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
 import { PipeCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Building2 } from "lucide-react";
 import { getProviderEntry } from "@pipe0/base";
+import { Building2 } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/provider-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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

@@ -1,8 +1,8 @@
 import { CatalogProvider, CatalogRoot, useCatalogConfig } from "../../../context/catalog-config-context.mjs";
 import { PipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { DefaultCatalogRoot } from "../../defaults/catalog/layout.mjs";
 import { PipeCatalogActiveFilters } from "./active-filters.mjs";
 import { PipeCatalogCategoryFilter } from "./category-filter.mjs";
-import { DefaultCatalogRoot } from "../../defaults/catalog/layout.mjs";
 import { PipeCatalogColumnFilters } from "./column-filters.mjs";
 import { PipeCatalogEmpty } from "./empty.mjs";
 import { PipeCatalogList } from "./list.mjs";

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

@@ -1,6 +1,7 @@
 import { FormHandle, FormSectionHandle } from "../../../types/form-handle.mjs";
 import { useRender } from "@base-ui/react/use-render";
 import * as _$react from "react";
+import { ReactNode } from "react";
 import { PipePayload } from "@pipe0/base";
 
 //#region src/components/compound/pipe-form/content.d.ts
@@ -11,11 +12,15 @@ interface PipeFormContentState {
   isFieldLoaderLoading: boolean;
   form: FormHandle<PipePayload>;
 }
-interface PipeFormContentProps extends useRender.ComponentProps<"div", PipeFormContentState> {}
+interface PipeFormContentProps extends useRender.ComponentProps<"div", PipeFormContentState> {
+  /** Message shown when the form has no configurable fields. */
+  emptyMessage?: ReactNode;
+}
 declare function PipeFormContent({
   children,
   className,
   render,
+  emptyMessage,
   ...props
 }: PipeFormContentProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/content.tsx"],"mappings":";;;;;;UAQiB,oBAAA;EACf,QAAA,EAAU,iBAAA;EACV,UAAA,EAAY,GAAA;EACZ,mBAAA;EACA,oBAAA;EACA,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA;AAAA,UAGF,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"}
+{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/pipe-form/content.tsx"],"mappings":";;;;;;;UAUiB,oBAAA;EACf,QAAA,EAAU,iBAAA;EACV,UAAA,EAAY,GAAA;EACZ,mBAAA;EACA,oBAAA;EACA,IAAA,EAAM,UAAA,CAAW,WAAA;AAAA;AAAA,UAGF,oBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,oBAAA;EAJvB;EAMjB,YAAA,GAAe,SAAA;AAAA;AAAA,iBAGD,eAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,4 +1,5 @@
 import { usePipeFormContext } from "../../../context/pipe-form-context.mjs";
+import { FormEmptyState } from "../../defaults/form/form-empty-state.mjs";
 import { PipeFormErrors } from "./errors.mjs";
 import { PipeFormSection } from "./section.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
@@ -6,9 +7,9 @@ import { useRender } from "@base-ui/react/use-render";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compound/pipe-form/content.tsx
-function PipeFormContent({ children, className, render, ...props }) {
+function PipeFormContent({ children, className, render, emptyMessage, ...props }) {
 	const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } = usePipeFormContext();
-	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [sections.map((section, idx) => {
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [sections.length === 0 ? /* @__PURE__ */ jsx(FormEmptyState, { children: emptyMessage ?? "This pipe has no config options." }) : sections.map((section, idx) => {
 		const prev = idx > 0 ? sections[idx - 1] : null;
 		return /* @__PURE__ */ jsx(PipeFormSection, {
 			section,

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

@@ -1 +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 type { PipePayload } from \"@pipe0/base\";\nimport { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { FormHandle, FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { PipeFormErrors } from \"./errors.js\";\nimport { PipeFormSection } from \"./section.js\";\n\nexport interface PipeFormContentState {\n  sections: FormSectionHandle[];\n  fieldPaths: Set<string>;\n  hasFieldLoaderError: boolean;\n  isFieldLoaderLoading: boolean;\n  form: FormHandle<PipePayload>;\n}\n\nexport interface PipeFormContentProps\n  extends useRender.ComponentProps<\"div\", PipeFormContentState> {}\n\nexport function PipeFormContent({ children, className, render, ...props }: PipeFormContentProps) {\n  const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } =\n    usePipeFormContext();\n\n  // Sections that share a label (e.g. several \"I/O & conditions\" sections)\n  // render under one umbrella header. We hide the label on every section\n  // except the first in each contiguous cluster.\n  const defaultBody = (\n    <>\n      {sections.map((section, idx) => {\n        const prev = idx > 0 ? sections[idx - 1] : null;\n        const hideLabel = !!(section.label && prev && prev.label === section.label);\n        return <PipeFormSection key={section.key} section={section} hideLabel={hideLabel} />;\n      })}\n      <PipeFormErrors />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form },\n    stateAttributesMapping: {\n      sections: () => null,\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,gBAAgB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAA+B;CAC/F,MAAM,EAAE,UAAU,YAAY,qBAAqB,sBAAsB,SACvE,oBAAoB;CAKtB,MAAM,cACJ,4CACG,SAAS,KAAK,SAAS,QAAQ;EAC9B,MAAM,OAAO,MAAM,IAAI,SAAS,MAAM,KAAK;AAE3C,SAAO,oBAAC,iBAAD;GAA4C;GAAS,WAD1C,CAAC,EAAE,QAAQ,SAAS,QAAQ,KAAK,UAAU,QAAQ;GACe,EAAvD,QAAQ,IAA+C;GACpF,EACF,oBAAC,gBAAD,EAAkB,EACjB;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAU;GAAY;GAAqB;GAAsB;GAAM;EAChF,wBAAwB;GACtB,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}
+{"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 type { PipePayload } from \"@pipe0/base\";\nimport type { ReactNode } from \"react\";\nimport { usePipeFormContext } from \"../../../context/pipe-form-context.js\";\nimport type { FormHandle, FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { FormEmptyState } from \"../../defaults/form/form-empty-state.js\";\nimport { PipeFormErrors } from \"./errors.js\";\nimport { PipeFormSection } from \"./section.js\";\n\nexport interface PipeFormContentState {\n  sections: FormSectionHandle[];\n  fieldPaths: Set<string>;\n  hasFieldLoaderError: boolean;\n  isFieldLoaderLoading: boolean;\n  form: FormHandle<PipePayload>;\n}\n\nexport interface PipeFormContentProps\n  extends useRender.ComponentProps<\"div\", PipeFormContentState> {\n  /** Message shown when the form has no configurable fields. */\n  emptyMessage?: ReactNode;\n}\n\nexport function PipeFormContent({\n  children,\n  className,\n  render,\n  emptyMessage,\n  ...props\n}: PipeFormContentProps) {\n  const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } =\n    usePipeFormContext();\n\n  // Sections that share a label (e.g. several \"I/O & conditions\" sections)\n  // render under one umbrella header. We hide the label on every section\n  // except the first in each contiguous cluster.\n  const defaultBody = (\n    <>\n      {sections.length === 0 ? (\n        <FormEmptyState>{emptyMessage ?? \"This pipe has no config options.\"}</FormEmptyState>\n      ) : (\n        sections.map((section, idx) => {\n          const prev = idx > 0 ? sections[idx - 1] : null;\n          const hideLabel = !!(section.label && prev && prev.label === section.label);\n          return <PipeFormSection key={section.key} section={section} hideLabel={hideLabel} />;\n        })\n      )}\n      <PipeFormErrors />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form },\n    stateAttributesMapping: {\n      sections: () => null,\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,gBAAgB,EAC9B,UACA,WACA,QACA,cACA,GAAG,SACoB;CACvB,MAAM,EAAE,UAAU,YAAY,qBAAqB,sBAAsB,SACvE,oBAAoB;CAKtB,MAAM,cACJ,4CACG,SAAS,WAAW,IACnB,oBAAC,gBAAD,YAAiB,gBAAgB,oCAAoD,IAErF,SAAS,KAAK,SAAS,QAAQ;EAC7B,MAAM,OAAO,MAAM,IAAI,SAAS,MAAM,KAAK;AAE3C,SAAO,oBAAC,iBAAD;GAA4C;GAAS,WAD1C,CAAC,EAAE,QAAQ,SAAS,QAAQ,KAAK,UAAU,QAAQ;GACe,EAAvD,QAAQ,IAA+C;GACpF,EAEJ,oBAAC,gBAAD,EAAkB,EACjB;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAU;GAAY;GAAqB;GAAsB;GAAM;EAChF,wBAAwB;GACtB,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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-catalog/active-filters.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
+import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";

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

@@ -3,8 +3,8 @@ import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mj
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
-import { Building2, Database, Table, User, X } from "lucide-react";
 import { getSearchCategoryEntries } from "@pipe0/base";
+import { Building2, Database, Table, User, X } from "lucide-react";
 
 //#region src/components/compound/search-catalog/category-filter.tsx
 const SEARCH_CATEGORY_ICONS = {

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

@@ -1,8 +1,8 @@
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
 import { SearchCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Building2 } from "lucide-react";
 import { getProviderEntry } from "@pipe0/base";
+import { Building2 } from "lucide-react";
 
 //#region src/components/compound/search-catalog/provider-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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

@@ -1,6 +1,7 @@
 import { FormHandle, FormSectionHandle } from "../../../types/form-handle.mjs";
 import { useRender } from "@base-ui/react/use-render";
 import * as _$react from "react";
+import { ReactNode } from "react";
 import { SearchPayload } from "@pipe0/base";
 
 //#region src/components/compound/search-form/content.d.ts
@@ -11,11 +12,15 @@ interface SearchFormContentState {
   isFieldLoaderLoading: boolean;
   form: FormHandle<SearchPayload>;
 }
-interface SearchFormContentProps extends useRender.ComponentProps<"div", SearchFormContentState> {}
+interface SearchFormContentProps extends useRender.ComponentProps<"div", SearchFormContentState> {
+  /** Message shown when the form has no configurable fields. */
+  emptyMessage?: ReactNode;
+}
 declare function SearchFormContent({
   children,
   className,
   render,
+  emptyMessage,
   ...props
 }: SearchFormContentProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"mappings":";;;;;;UAQiB,sBAAA;EACf,QAAA,EAAU,iBAAA;EACV,UAAA,EAAY,GAAA;EACZ,mBAAA;EACA,oBAAA;EACA,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA;AAAA,UAGF,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;AAAA,iBAE1B,iBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}
+{"version":3,"file":"content.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/content.tsx"],"mappings":";;;;;;;UAUiB,sBAAA;EACf,QAAA,EAAU,iBAAA;EACV,UAAA,EAAY,GAAA;EACZ,mBAAA;EACA,oBAAA;EACA,IAAA,EAAM,UAAA,CAAW,aAAA;AAAA;AAAA,UAGF,sBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,sBAAA;EAJvB;EAMjB,YAAA,GAAe,SAAA;AAAA;AAAA,iBAGD,iBAAA,CAAA;EACd,QAAA;EACA,SAAA;EACA,MAAA;EACA,YAAA;EAAA,GACG;AAAA,GACF,sBAAA,GAAsB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,3 +1,4 @@
+import { FormEmptyState } from "../../defaults/form/form-empty-state.mjs";
 import { useSearchFormContext } from "../../../context/search-form-context.mjs";
 import { SearchFormErrors } from "./errors.mjs";
 import { SearchFormSection } from "./section.mjs";
@@ -6,9 +7,9 @@ import { useRender } from "@base-ui/react/use-render";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compound/search-form/content.tsx
-function SearchFormContent({ children, className, render, ...props }) {
+function SearchFormContent({ children, className, render, emptyMessage, ...props }) {
 	const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } = useSearchFormContext();
-	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [sections.map((section, idx) => {
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [sections.length === 0 ? /* @__PURE__ */ jsx(FormEmptyState, { children: emptyMessage ?? "This search has no config options." }) : sections.map((section, idx) => {
 		const prev = idx > 0 ? sections[idx - 1] : null;
 		return /* @__PURE__ */ jsx(SearchFormSection, {
 			section,

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

@@ -1 +1 @@
-{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/compound/search-form/content.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, FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { SearchFormErrors } from \"./errors.js\";\nimport { SearchFormSection } from \"./section.js\";\n\nexport interface SearchFormContentState {\n  sections: FormSectionHandle[];\n  fieldPaths: Set<string>;\n  hasFieldLoaderError: boolean;\n  isFieldLoaderLoading: boolean;\n  form: FormHandle<SearchPayload>;\n}\n\nexport interface SearchFormContentProps\n  extends useRender.ComponentProps<\"div\", SearchFormContentState> {}\n\nexport function SearchFormContent({\n  children,\n  className,\n  render,\n  ...props\n}: SearchFormContentProps) {\n  const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } =\n    useSearchFormContext();\n\n  // Sections that share a label render under one umbrella header.\n  // Hide the label on every section except the first in each contiguous cluster.\n  const defaultBody = (\n    <>\n      {sections.map((section, idx) => {\n        const prev = idx > 0 ? sections[idx - 1] : null;\n        const hideLabel = !!(section.label && prev && prev.label === section.label);\n        return <SearchFormSection key={section.key} section={section} hideLabel={hideLabel} />;\n      })}\n      <SearchFormErrors />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form },\n    stateAttributesMapping: {\n      sections: () => null,\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,GAAG,SACsB;CACzB,MAAM,EAAE,UAAU,YAAY,qBAAqB,sBAAsB,SACvE,sBAAsB;CAIxB,MAAM,cACJ,4CACG,SAAS,KAAK,SAAS,QAAQ;EAC9B,MAAM,OAAO,MAAM,IAAI,SAAS,MAAM,KAAK;AAE3C,SAAO,oBAAC,mBAAD;GAA8C;GAAS,WAD5C,CAAC,EAAE,QAAQ,SAAS,QAAQ,KAAK,UAAU,QAAQ;GACiB,EAAvD,QAAQ,IAA+C;GACtF,EACF,oBAAC,kBAAD,EAAoB,EACnB;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAU;GAAY;GAAqB;GAAsB;GAAM;EAChF,wBAAwB;GACtB,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}
+{"version":3,"file":"content.mjs","names":[],"sources":["../../../../src/components/compound/search-form/content.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 type { ReactNode } from \"react\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport type { FormHandle, FormSectionHandle } from \"../../../types/form-handle.js\";\nimport { FormEmptyState } from \"../../defaults/form/form-empty-state.js\";\nimport { SearchFormErrors } from \"./errors.js\";\nimport { SearchFormSection } from \"./section.js\";\n\nexport interface SearchFormContentState {\n  sections: FormSectionHandle[];\n  fieldPaths: Set<string>;\n  hasFieldLoaderError: boolean;\n  isFieldLoaderLoading: boolean;\n  form: FormHandle<SearchPayload>;\n}\n\nexport interface SearchFormContentProps\n  extends useRender.ComponentProps<\"div\", SearchFormContentState> {\n  /** Message shown when the form has no configurable fields. */\n  emptyMessage?: ReactNode;\n}\n\nexport function SearchFormContent({\n  children,\n  className,\n  render,\n  emptyMessage,\n  ...props\n}: SearchFormContentProps) {\n  const { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form } =\n    useSearchFormContext();\n\n  // Sections that share a label render under one umbrella header.\n  // Hide the label on every section except the first in each contiguous cluster.\n  const defaultBody = (\n    <>\n      {sections.length === 0 ? (\n        <FormEmptyState>{emptyMessage ?? \"This search has no config options.\"}</FormEmptyState>\n      ) : (\n        sections.map((section, idx) => {\n          const prev = idx > 0 ? sections[idx - 1] : null;\n          const hideLabel = !!(section.label && prev && prev.label === section.label);\n          return <SearchFormSection key={section.key} section={section} hideLabel={hideLabel} />;\n        })\n      )}\n      <SearchFormErrors />\n    </>\n  );\n\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    state: { sections, fieldPaths, hasFieldLoaderError, isFieldLoaderLoading, form },\n    stateAttributesMapping: {\n      sections: () => null,\n      fieldPaths: () => null,\n      form: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children: children ?? defaultBody,\n        ...({ \"data-p0\": \"form-content\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;;;AAwBA,SAAgB,kBAAkB,EAChC,UACA,WACA,QACA,cACA,GAAG,SACsB;CACzB,MAAM,EAAE,UAAU,YAAY,qBAAqB,sBAAsB,SACvE,sBAAsB;CAIxB,MAAM,cACJ,4CACG,SAAS,WAAW,IACnB,oBAAC,gBAAD,YAAiB,gBAAgB,sCAAsD,IAEvF,SAAS,KAAK,SAAS,QAAQ;EAC7B,MAAM,OAAO,MAAM,IAAI,SAAS,MAAM,KAAK;AAE3C,SAAO,oBAAC,mBAAD;GAA8C;GAAS,WAD5C,CAAC,EAAE,QAAQ,SAAS,QAAQ,KAAK,UAAU,QAAQ;GACiB,EAAvD,QAAQ,IAA+C;GACtF,EAEJ,oBAAC,kBAAD,EAAoB,EACnB;AAGL,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAU;GAAY;GAAqB;GAAsB;GAAM;EAChF,wBAAwB;GACtB,gBAAgB;GAChB,kBAAkB;GAClB,YAAY;GACb;EACD,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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/compound/searches-catalog/active-filters.mjs

@@ -1,7 +1,7 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
-import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
+import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";

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

@@ -3,8 +3,8 @@ import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mj
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
-import { Building2, Database, Table, User, X } from "lucide-react";
 import { getSearchCategoryEntries } from "@pipe0/base";
+import { Building2, Database, Table, User, X } from "lucide-react";
 
 //#region src/components/compound/searches-catalog/category-filter.tsx
 const SEARCH_CATEGORY_ICONS = {

package/dist/components/compound/searches-catalog/provider-filter.mjs

@@ -1,8 +1,8 @@
 import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
 import { SearchesCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Building2 } from "lucide-react";
 import { getProviderEntry } from "@pipe0/base";
+import { Building2 } from "lucide-react";
 
 //#region src/components/compound/searches-catalog/provider-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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/exact-range-input.mjs

@@ -1,5 +1,5 @@
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
 import { Input } from "../../ui/input.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/defaults/adapters/exact-range-input.tsx

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"}