@pipe0/react 0.0.5 → 0.0.6

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

@@ -0,0 +1 @@
+{"version":3,"file":"errors.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/errors.tsx"],"mappings":";;;;UAMiB,qBAAA;EACf,mBAAA;AAAA;AAAA,UAGe,qBAAA,SACP,SAAA,CAAU,cAAA,QAAsB,qBAAA;;;;AAD1C;;;iBASgB,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

@@ -0,0 +1,40 @@
+import { asInternalForm } from "../../../utils/internal-form.mjs";
+import { FormLevelErrors } from "../../internal/form-level-errors.mjs";
+import { useSearchFormContext } from "../../../context/search-form-context.mjs";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compound/search-form/errors.tsx
+/**
+* Renders form-wide errors that don't belong to a specific visible field:
+* the field-loader banner (when a resolver fails to load options for a
+* field) and form-level validation errors (errors not attached to any
+* rendered field).
+*/
+function SearchFormErrors({ children, className, render, ...props }) {
+	const { hasFieldLoaderError, fieldPaths, form } = useSearchFormContext();
+	const defaultBody = /* @__PURE__ */ jsxs(Fragment, { children: [hasFieldLoaderError && /* @__PURE__ */ jsx("div", {
+		"data-p0": "store-error",
+		role: "alert",
+		className: "pz:flex pz:flex-col pz:gap-1 pz:rounded-md pz:border pz:border-destructive/50 pz:bg-destructive/5 pz:px-3 pz:py-2 pz:text-destructive pz:text-xs pz:font-medium",
+		children: /* @__PURE__ */ jsx("span", { children: "Failed to load options for one or more fields. Check that your connection is valid." })
+	}), /* @__PURE__ */ jsx(FormLevelErrors, {
+		control: asInternalForm(form).control,
+		fieldPaths
+	})] });
+	return useRender({
+		defaultTagName: "div",
+		render,
+		state: { hasFieldLoaderError },
+		props: mergeProps({
+			className,
+			children: children ?? defaultBody,
+			"data-p0": "form-errors"
+		}, props)
+	});
+}
+
+//#endregion
+export { SearchFormErrors };
+//# sourceMappingURL=errors.mjs.map

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

@@ -0,0 +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 { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport { asInternalForm } from \"../../../utils/internal-form.js\";\nimport { FormLevelErrors } from \"../../internal/form-level-errors.js\";\n\nexport interface SearchFormErrorsState {\n  hasFieldLoaderError: boolean;\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 },\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":";;;;;;;;;;;;;;AAmBA,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,EAAE,qBAAqB;EAC9B,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,14 +1,14 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
 
 //#region src/components/compound/search-form/footer.d.ts
+interface SearchFormFooterProps extends useRender.ComponentProps<"div"> {}
 declare function SearchFormFooter({
   children,
-  className
-}: {
-  children?: ReactNode;
-  className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+  className,
+  render,
+  ...props
+}: SearchFormFooterProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion
 export { SearchFormFooter };
 //# sourceMappingURL=footer.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/footer.tsx"],"mappings":";;;;iBAEgB,gBAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEA,QAAA,GAAW,SAAA;EACX,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"footer.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/footer.tsx"],"mappings":";;;;UAGiB,qBAAA,SAA8B,SAAA,CAAU,cAAA;AAAA,iBAEzC,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/footer.mjs

@@ -1,11 +1,16 @@
-import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/compound/search-form/footer.tsx
-function SearchFormFooter({ children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-p0": "form-footer",
-		className,
-		children
+function SearchFormFooter({ children, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({
+			className,
+			children,
+			"data-p0": "form-footer"
+		}, props)
 	});
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"footer.mjs","names":[],"sources":["../../../../src/components/compound/search-form/footer.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function SearchFormFooter({\n  children,\n  className,\n}: {\n  children?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div data-p0=\"form-footer\" className={className}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,iBAAiB,EAC/B,UACA,aAIC;AACD,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAyB;EACnC;EACG"}
+{"version":3,"file":"footer.mjs","names":[],"sources":["../../../../src/components/compound/search-form/footer.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nexport interface SearchFormFooterProps extends useRender.ComponentProps<\"div\"> {}\n\nexport function SearchFormFooter({ children, className, render, ...props }: SearchFormFooterProps) {\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children,\n        ...({ \"data-p0\": \"form-footer\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAAgC;AACjG,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WACL;GACE;GACA;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,14 +1,14 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
 
 //#region src/components/compound/search-form/header.d.ts
+interface SearchFormHeaderProps extends useRender.ComponentProps<"div"> {}
 declare function SearchFormHeader({
   children,
-  className
-}: {
-  children?: ReactNode;
-  className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+  className,
+  render,
+  ...props
+}: SearchFormHeaderProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion
 export { SearchFormHeader };
 //# sourceMappingURL=header.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"header.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/header.tsx"],"mappings":";;;;iBAEgB,gBAAA,CAAA;EACd,QAAA;EACA;AAAA;EAEA,QAAA,GAAW,SAAA;EACX,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"header.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/header.tsx"],"mappings":";;;;UAGiB,qBAAA,SAA8B,SAAA,CAAU,cAAA;AAAA,iBAEzC,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/header.mjs

@@ -1,11 +1,16 @@
-import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/compound/search-form/header.tsx
-function SearchFormHeader({ children, className }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-p0": "form-header",
-		className,
-		children
+function SearchFormHeader({ children, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "div",
+		render,
+		props: mergeProps({
+			className,
+			children,
+			"data-p0": "form-header"
+		}, props)
 	});
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/compound/search-form/header.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function SearchFormHeader({\n  children,\n  className,\n}: {\n  children?: ReactNode;\n  className?: string;\n}) {\n  return (\n    <div data-p0=\"form-header\" className={className}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,iBAAiB,EAC/B,UACA,aAIC;AACD,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAyB;EACnC;EACG"}
+{"version":3,"file":"header.mjs","names":[],"sources":["../../../../src/components/compound/search-form/header.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nexport interface SearchFormHeaderProps extends useRender.ComponentProps<\"div\"> {}\n\nexport function SearchFormHeader({ children, className, render, ...props }: SearchFormHeaderProps) {\n  return useRender({\n    defaultTagName: \"div\",\n    render,\n    props: mergeProps<\"div\">(\n      {\n        className,\n        children,\n        ...({ \"data-p0\": \"form-header\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,iBAAiB,EAAE,UAAU,WAAW,QAAQ,GAAG,SAAgC;AACjG,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WACL;GACE;GACA;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,9 +1,10 @@
 import { SearchFormContent } from "./content.mjs";
+import { SearchFormErrors } from "./errors.mjs";
 import { SearchFormField } from "./field.mjs";
 import { SearchFormFooter } from "./footer.mjs";
 import { SearchFormGroup } from "./group.mjs";
 import { SearchFormHeader } from "./header.mjs";
-import { SearchForm, SearchFormInstanceProps, SearchFormLegacyProps, SearchFormProps } from "./root.mjs";
+import { SearchForm, SearchFormInstanceProps, SearchFormProps, SearchFormZeroConfigProps } from "./root.mjs";
 import { SearchFormSection } from "./section.mjs";
 import { SearchFormSubmitButton } from "./submit-button.mjs";
 import { SearchFormTitle } from "./title.mjs";

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

@@ -1,45 +1,52 @@
+import { FormHandle } from "../../../types/form-handle.mjs";
 import { FieldAdapterMap, FormClassNames } 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";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { FormResolvers, PipesEnvironment, SearchId, SearchPayload } from "@pipe0/base";
-import { UseFormReturn } from "react-hook-form";
 
 //#region src/components/compound/search-form/root.d.ts
 type SearchFormSubmitHandler = (payload: SearchPayload, ctx: {
-  form: UseFormReturn<SearchPayload>;
+  form: FormHandle<SearchPayload>;
 }) => void | Promise<void>;
-interface CustomizationProps {
-  sectionMap?: SectionMap;
-  groupMap?: GroupMap;
-  pathMap?: PathMap;
+interface RenderingProps {
   classNames?: FormClassNames;
   adapters?: FieldAdapterMap;
   className?: string;
 }
-interface SearchFormInstanceProps extends CustomizationProps {
+interface SearchFormInstanceProps extends RenderingProps {
   context: SearchFormContext;
   onSubmit: SearchFormSubmitHandler;
   children?: ReactNode;
 }
-interface SearchFormLegacyProps extends CustomizationProps {
+interface SearchFormZeroConfigProps extends RenderingProps {
   searchId: SearchId;
   publicKey: string;
   onSubmit: SearchFormSubmitHandler;
   defaultValues?: SearchPayload;
   resolvers?: FormResolvers;
   environment?: PipesEnvironment;
+  /**
+   * Hide / relabel / reorder sections by section key. `null` hides a section.
+   * Forwarded to the internal `useSearchForm` call. For `<SearchForm context={...}>`,
+   * pass these to `useSearchForm` directly instead.
+   */
+  sectionMap?: SectionMap;
+  groupMap?: GroupMap;
+  pathMap?: PathMap;
   children?: ReactNode;
 }
-type SearchFormProps = SearchFormInstanceProps | SearchFormLegacyProps;
+type SearchFormProps = SearchFormInstanceProps | SearchFormZeroConfigProps;
 /**
  * Compound root for search forms.
  *
- * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>`
- * - Zero-config: `<SearchForm searchId="..." publicKey="..." onSubmit={...} />`
+ * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>` — pass the context from
+ *   `useSearchForm`. Visibility customization lives on the hook in this mode.
+ * - Zero-config: `<SearchForm searchId="..." publicKey="..." onSubmit={...} />` — fresh hook
+ *   created internally; visibility maps may be passed as props and forward to that hook.
  */
 declare function SearchForm(props: SearchFormProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
-export { SearchForm, SearchFormInstanceProps, SearchFormLegacyProps, SearchFormProps };
+export { SearchForm, SearchFormInstanceProps, SearchFormProps, SearchFormZeroConfigProps };
 //# sourceMappingURL=root.d.mts.map

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":";;;;;;;;;KAiBY,uBAAA,IACV,OAAA,EAAS,aAAA,EACT,GAAA;EAAO,IAAA,EAAM,aAAA,CAAc,aAAA;AAAA,aACjB,OAAA;AAAA,UAEF,kBAAA;EACR,UAAA,GAAa,UAAA;EACb,QAAA,GAAW,QAAA;EACX,OAAA,GAAU,OAAA;EACV,UAAA,GAAa,cAAA;EACb,QAAA,GAAW,eAAA;EACX,SAAA;AAAA;AAAA,UAGe,uBAAA,SAAgC,kBAAA;EAC/C,OAAA,EAAS,iBAAA;EACT,QAAA,EAAU,uBAAA;EACV,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,qBAAA,SAA8B,kBAAA;EAC7C,QAAA,EAAU,QAAA;EACV,SAAA;EACA,QAAA,EAAU,uBAAA;EACV,aAAA,GAAgB,aAAA;EAChB,SAAA,GAAY,aAAA;EACZ,WAAA,GAAc,gBAAA;EACd,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,eAAA,GAAkB,uBAAA,GAA0B,qBAAA;;;;;;;iBAQxC,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;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"}

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

@@ -1,52 +1,53 @@
 import { PortalContainerContext } from "../../../context/portal-container-context.mjs";
-import { FormCustomizationProvider, useFormCustomization } from "../../../context/form-customization-context.mjs";
 import { FormProvider, FormRoot } from "../../../context/form-provider.mjs";
 import { DefaultForm } from "../../defaults/layout/form.mjs";
 import { SearchFormContext, useSearchFormContext } from "../../../context/search-form-context.mjs";
 import { SearchFormContent } from "./content.mjs";
 import { useSearchForm } from "../../../hooks/use-search-form.mjs";
 import { SearchFormSubmitButton } from "./submit-button.mjs";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/compound/search-form/root.tsx
 /**
 * Compound root for search forms.
 *
-* - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>`
-* - Zero-config: `<SearchForm searchId="..." publicKey="..." onSubmit={...} />`
+* - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>` — pass the context from
+*   `useSearchForm`. Visibility customization lives on the hook in this mode.
+* - Zero-config: `<SearchForm searchId="..." publicKey="..." onSubmit={...} />` — fresh hook
+*   created internally; visibility maps may be passed as props and forward to that hook.
 */
 function SearchForm(props) {
 	if ("context" in props) return /* @__PURE__ */ jsx(SearchFormWithContext, { ...props });
-	return /* @__PURE__ */ jsx(SearchFormLegacy, { ...props });
+	return /* @__PURE__ */ jsx(SearchFormZeroConfig, { ...props });
 }
-function SearchFormLegacy({ searchId, publicKey, defaultValues, onSubmit, resolvers, environment, children, ...customization }) {
+function SearchFormZeroConfig({ searchId, publicKey, defaultValues, onSubmit, resolvers, environment, sectionMap, groupMap, pathMap, children, classNames, adapters, className }) {
 	return /* @__PURE__ */ jsx(SearchFormWithContext, {
 		context: useSearchForm({
 			searchId,
 			publicKey,
 			defaultValues,
 			resolvers,
-			environment
+			environment,
+			sectionMap,
+			groupMap,
+			pathMap
 		}),
 		onSubmit,
-		...customization,
+		className,
+		classNames,
+		adapters,
 		children
 	});
 }
-function SearchFormWithContext({ context, onSubmit, children, className, sectionMap, groupMap, pathMap, classNames, adapters }) {
+function SearchFormWithContext({ context, onSubmit, children, className, classNames, adapters }) {
 	const hasLocalOverrides = classNames || adapters;
-	const inner = /* @__PURE__ */ jsx(FormCustomizationProvider, {
-		sectionMap,
-		groupMap,
-		pathMap,
-		children: /* @__PURE__ */ jsx(SearchFormContext.Provider, {
-			value: context,
-			children: /* @__PURE__ */ jsx(SearchFormShell, {
-				className,
-				onSubmit,
-				children
-			})
+	const inner = /* @__PURE__ */ jsx(SearchFormContext.Provider, {
+		value: context,
+		children: /* @__PURE__ */ jsx(SearchFormShell, {
+			className,
+			onSubmit,
+			children
 		})
 	});
 	if (hasLocalOverrides) return /* @__PURE__ */ jsx(FormRoot, { children: /* @__PURE__ */ jsx(FormProvider, {
@@ -57,14 +58,7 @@ function SearchFormWithContext({ context, onSubmit, children, className, section
 	return /* @__PURE__ */ jsx(FormRoot, { children: inner });
 }
 function SearchFormShell({ children, className, onSubmit }) {
-	const [, dispatch] = useFormCustomization();
 	const context = useSearchFormContext();
-	useEffect(() => {
-		if (!context.resolvers?.getConnections) dispatch({
-			type: "HIDE_SECTION",
-			payload: "connector"
-		});
-	}, [context.resolvers, dispatch]);
 	const [portalContainer, setPortalContainer] = useState(null);
 	const portalRef = useCallback((node) => {
 		setPortalContainer(node);

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, useEffect, useState } from \"react\";\nimport type { UseFormReturn } from \"react-hook-form\";\nimport {\n  FormCustomizationProvider,\n  useFormCustomization,\n} from \"../../../context/form-customization-context.js\";\nimport { FormProvider, FormRoot } from \"../../../context/form-provider.js\";\nimport { PortalContainerContext } from \"../../../context/portal-container-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 { 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: UseFormReturn<SearchPayload> },\n) => void | Promise<void>;\n\ninterface CustomizationProps {\n  sectionMap?: SectionMap;\n  groupMap?: GroupMap;\n  pathMap?: PathMap;\n  classNames?: FormClassNames;\n  adapters?: FieldAdapterMap;\n  className?: string;\n}\n\nexport interface SearchFormInstanceProps extends CustomizationProps {\n  context: SearchFormContext;\n  onSubmit: SearchFormSubmitHandler;\n  children?: ReactNode;\n}\n\nexport interface SearchFormLegacyProps extends CustomizationProps {\n  searchId: SearchId;\n  publicKey: string;\n  onSubmit: SearchFormSubmitHandler;\n  defaultValues?: SearchPayload;\n  resolvers?: FormResolvers;\n  environment?: PipesEnvironment;\n  children?: ReactNode;\n}\n\nexport type SearchFormProps = SearchFormInstanceProps | SearchFormLegacyProps;\n\n/**\n * Compound root for search forms.\n *\n * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>`\n * - Zero-config: `<SearchForm searchId=\"...\" publicKey=\"...\" onSubmit={...} />`\n */\nexport function SearchForm(props: SearchFormProps) {\n  if (\"context\" in props) {\n    return <SearchFormWithContext {...props} />;\n  }\n  return <SearchFormLegacy {...props} />;\n}\n\nfunction SearchFormLegacy({\n  searchId,\n  publicKey,\n  defaultValues,\n  onSubmit,\n  resolvers,\n  environment,\n  children,\n  ...customization\n}: SearchFormLegacyProps) {\n  const context = useSearchForm({\n    searchId,\n    publicKey,\n    defaultValues,\n    resolvers,\n    environment,\n  });\n\n  return (\n    <SearchFormWithContext context={context} onSubmit={onSubmit} {...customization}>\n      {children}\n    </SearchFormWithContext>\n  );\n}\n\nfunction SearchFormWithContext({\n  context,\n  onSubmit,\n  children,\n  className,\n  sectionMap,\n  groupMap,\n  pathMap,\n  classNames,\n  adapters,\n}: SearchFormInstanceProps) {\n  const hasLocalOverrides = classNames || adapters;\n\n  const inner = (\n    <FormCustomizationProvider sectionMap={sectionMap} groupMap={groupMap} pathMap={pathMap}>\n      <SearchFormContext.Provider value={context}>\n        <SearchFormShell className={className} onSubmit={onSubmit}>\n          {children}\n        </SearchFormShell>\n      </SearchFormContext.Provider>\n    </FormCustomizationProvider>\n  );\n\n  if (hasLocalOverrides) {\n    return (\n      <FormRoot>\n        <FormProvider classNames={classNames} adapters={adapters}>\n          {inner}\n        </FormProvider>\n      </FormRoot>\n    );\n  }\n\n  return <FormRoot>{inner}</FormRoot>;\n}\n\nfunction SearchFormShell({\n  children,\n  className,\n  onSubmit,\n}: {\n  children?: ReactNode;\n  className?: string;\n  onSubmit: SearchFormSubmitHandler;\n}) {\n  const [, dispatch] = useFormCustomization();\n  const context = useSearchFormContext();\n\n  useEffect(() => {\n    if (!context.resolvers?.getConnections) {\n      dispatch({ type: \"HIDE_SECTION\", payload: \"connector\" });\n    }\n  }, [context.resolvers, dispatch]);\n\n  const [portalContainer, setPortalContainer] = useState<HTMLElement | null>(null);\n  const portalRef = useCallback((node: HTMLElement | null) => {\n    setPortalContainer(node);\n  }, []);\n\n  const body = children ?? (\n    <>\n      <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":";;;;;;;;;;;;;;;;;;AAuDA,SAAgB,WAAW,OAAwB;AACjD,KAAI,aAAa,MACf,QAAO,oBAAC,uBAAD,EAAuB,GAAI,OAAS;AAE7C,QAAO,oBAAC,kBAAD,EAAkB,GAAI,OAAS;;AAGxC,SAAS,iBAAiB,EACxB,UACA,WACA,eACA,UACA,WACA,aACA,UACA,GAAG,iBACqB;AASxB,QACE,oBAAC,uBAAD;EAAuB,SATT,cAAc;GAC5B;GACA;GACA;GACA;GACA;GACD,CAAC;EAGmD;EAAU,GAAI;EAC9D;EACqB;;AAI5B,SAAS,sBAAsB,EAC7B,SACA,UACA,UACA,WACA,YACA,UACA,SACA,YACA,YAC0B;CAC1B,MAAM,oBAAoB,cAAc;CAExC,MAAM,QACJ,oBAAC,2BAAD;EAAuC;EAAsB;EAAmB;YAC9E,oBAAC,kBAAkB,UAAnB;GAA4B,OAAO;aACjC,oBAAC,iBAAD;IAA4B;IAAqB;IAC9C;IACe;GACS;EACH;AAG9B,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,GAAG,YAAY,sBAAsB;CAC3C,MAAM,UAAU,sBAAsB;AAEtC,iBAAgB;AACd,MAAI,CAAC,QAAQ,WAAW,eACtB,UAAS;GAAE,MAAM;GAAgB,SAAS;GAAa,CAAC;IAEzD,CAAC,QAAQ,WAAW,SAAS,CAAC;CAEjC,MAAM,CAAC,iBAAiB,sBAAsB,SAA6B,KAAK;CAChF,MAAM,YAAY,aAAa,SAA6B;AAC1D,qBAAmB,KAAK;IACvB,EAAE,CAAC;CAEN,MAAM,OAAO,YACX,8CACE,oBAAC,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 } 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"}

package/dist/components/compound/search-form/submit-button.d.mts

@@ -1,9 +1,20 @@
-import { DefaultSubmitButtonProps } from "../../defaults/layout/submit-button.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
 
 //#region src/components/compound/search-form/submit-button.d.ts
-type SearchFormSubmitButtonProps = Omit<DefaultSubmitButtonProps, "isSubmitting">;
-declare function SearchFormSubmitButton(props: SearchFormSubmitButtonProps): _$react_jsx_runtime0.JSX.Element;
+interface SearchFormSubmitButtonState {
+  isSubmitting: boolean;
+  isFieldLoaderLoading: boolean;
+  disabled: boolean;
+}
+interface SearchFormSubmitButtonProps extends useRender.ComponentProps<"button", SearchFormSubmitButtonState> {}
+declare function SearchFormSubmitButton({
+  className,
+  children,
+  render,
+  disabled: disabledProp,
+  ...props
+}: SearchFormSubmitButtonProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion
 export { SearchFormSubmitButton };
 //# sourceMappingURL=submit-button.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"submit-button.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/submit-button.tsx"],"mappings":";;;;KAMY,2BAAA,GAA8B,IAAA,CAAK,wBAAA;AAAA,iBAE/B,sBAAA,CAAuB,KAAA,EAAO,2BAAA,GAA2B,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"submit-button.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/submit-button.tsx"],"mappings":";;;;UAMiB,2BAAA;EACf,YAAA;EACA,oBAAA;EACA,QAAA;AAAA;AAAA,UAGe,2BAAA,SACP,SAAA,CAAU,cAAA,WAAyB,2BAAA;AAAA,iBAE7B,sBAAA,CAAA;EACd,SAAA;EACA,QAAA;EACA,MAAA;EACA,QAAA,EAAU,YAAA;EAAA,GACP;AAAA,GACF,2BAAA,GAA2B,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

package/dist/components/compound/search-form/submit-button.mjs

@@ -1,14 +1,29 @@
-import { DefaultSubmitButton } from "../../defaults/layout/submit-button.mjs";
+import { cn } from "../../../lib/utils.mjs";
+import { buttonVariants } from "../../ui/button.mjs";
 import { useSearchFormContext } from "../../../context/search-form-context.mjs";
-import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/compound/search-form/submit-button.tsx
-function SearchFormSubmitButton(props) {
-	const { form, fieldLoadStates } = useSearchFormContext();
-	const anyLoading = Object.values(fieldLoadStates).some((s) => s.status === "loading");
-	return /* @__PURE__ */ jsx(DefaultSubmitButton, {
-		isSubmitting: form.formState.isSubmitting || anyLoading,
-		...props
+function SearchFormSubmitButton({ className, children, render, disabled: disabledProp, ...props }) {
+	const { form, isFieldLoaderLoading } = useSearchFormContext();
+	const isSubmitting = form.formState.isSubmitting;
+	const disabled = disabledProp ?? (isSubmitting || isFieldLoaderLoading);
+	return useRender({
+		defaultTagName: "button",
+		render,
+		state: {
+			isSubmitting,
+			isFieldLoaderLoading,
+			disabled
+		},
+		props: mergeProps({
+			type: "submit",
+			disabled,
+			className: cn(buttonVariants({}), "pz:mt-4", className),
+			children: children ?? (isSubmitting ? "Submitting..." : "Submit"),
+			"data-p0": "submit"
+		}, props)
 	});
 }
 

package/dist/components/compound/search-form/submit-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"submit-button.mjs","names":[],"sources":["../../../../src/components/compound/search-form/submit-button.tsx"],"sourcesContent":["import { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport {\n  DefaultSubmitButton,\n  type DefaultSubmitButtonProps,\n} from \"../../defaults/layout/submit-button.js\";\n\nexport type SearchFormSubmitButtonProps = Omit<DefaultSubmitButtonProps, \"isSubmitting\">;\n\nexport function SearchFormSubmitButton(props: SearchFormSubmitButtonProps) {\n  const { form, fieldLoadStates } = useSearchFormContext();\n  const anyLoading = Object.values(fieldLoadStates).some((s) => s.status === \"loading\");\n  return (\n    <DefaultSubmitButton isSubmitting={form.formState.isSubmitting || anyLoading} {...props} />\n  );\n}\n"],"mappings":";;;;;AAQA,SAAgB,uBAAuB,OAAoC;CACzE,MAAM,EAAE,MAAM,oBAAoB,sBAAsB;CACxD,MAAM,aAAa,OAAO,OAAO,gBAAgB,CAAC,MAAM,MAAM,EAAE,WAAW,UAAU;AACrF,QACE,oBAAC,qBAAD;EAAqB,cAAc,KAAK,UAAU,gBAAgB;EAAY,GAAI;EAAS"}
+{"version":3,"file":"submit-button.mjs","names":[],"sources":["../../../../src/components/compound/search-form/submit-button.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { useSearchFormContext } from \"../../../context/search-form-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { buttonVariants } from \"../../ui/button.js\";\n\nexport interface SearchFormSubmitButtonState {\n  isSubmitting: boolean;\n  isFieldLoaderLoading: boolean;\n  disabled: boolean;\n}\n\nexport interface SearchFormSubmitButtonProps\n  extends useRender.ComponentProps<\"button\", SearchFormSubmitButtonState> {}\n\nexport function SearchFormSubmitButton({\n  className,\n  children,\n  render,\n  disabled: disabledProp,\n  ...props\n}: SearchFormSubmitButtonProps) {\n  const { form, isFieldLoaderLoading } = useSearchFormContext();\n  const isSubmitting = form.formState.isSubmitting;\n  const disabled = disabledProp ?? (isSubmitting || isFieldLoaderLoading);\n\n  return useRender({\n    defaultTagName: \"button\",\n    render,\n    state: { isSubmitting, isFieldLoaderLoading, disabled },\n    props: mergeProps<\"button\">(\n      {\n        type: \"submit\",\n        disabled,\n        className: cn(buttonVariants({}), \"pz:mt-4\", className),\n        children: children ?? (isSubmitting ? \"Submitting...\" : \"Submit\"),\n        ...({ \"data-p0\": \"submit\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,uBAAuB,EACrC,WACA,UACA,QACA,UAAU,cACV,GAAG,SAC2B;CAC9B,MAAM,EAAE,MAAM,yBAAyB,sBAAsB;CAC7D,MAAM,eAAe,KAAK,UAAU;CACpC,MAAM,WAAW,iBAAiB,gBAAgB;AAElD,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO;GAAE;GAAc;GAAsB;GAAU;EACvD,OAAO,WACL;GACE,MAAM;GACN;GACA,WAAW,GAAG,eAAe,EAAE,CAAC,EAAE,WAAW,UAAU;GACvD,UAAU,aAAa,eAAe,kBAAkB;GAClD,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

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

@@ -1,16 +1,17 @@
-import { ReactNode } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { useRender } from "@base-ui/react/use-render";
+import * as _$react from "react";
 
 //#region src/components/compound/search-form/title.d.ts
+interface SearchFormTitleProps extends useRender.ComponentProps<"h2"> {
+  label?: string;
+}
 declare function SearchFormTitle({
   children,
   label,
-  className
-}: {
-  children?: ReactNode;
-  label?: string;
-  className?: string;
-}): _$react_jsx_runtime0.JSX.Element;
+  className,
+  render,
+  ...props
+}: SearchFormTitleProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>>;
 //#endregion
 export { SearchFormTitle };
 //# sourceMappingURL=title.d.mts.map

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

@@ -1 +1 @@
-{"version":3,"file":"title.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/title.tsx"],"mappings":";;;;iBAEgB,eAAA,CAAA;EACd,QAAA;EACA,KAAA;EACA;AAAA;EAEA,QAAA,GAAW,SAAA;EACX,KAAA;EACA,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"title.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/title.tsx"],"mappings":";;;;UAGiB,oBAAA,SAA6B,SAAA,CAAU,cAAA;EACtD,KAAA;AAAA;AAAA,iBAGc,eAAA,CAAA;EACd,QAAA;EACA,KAAA;EACA,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,oBAAA,GAAoB,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}

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

@@ -1,11 +1,16 @@
-import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 
 //#region src/components/compound/search-form/title.tsx
-function SearchFormTitle({ children, label, className }) {
-	return /* @__PURE__ */ jsx("h2", {
-		"data-p0": "form-title",
-		className,
-		children: children ?? label
+function SearchFormTitle({ children, label, className, render, ...props }) {
+	return useRender({
+		defaultTagName: "h2",
+		render,
+		props: mergeProps({
+			className,
+			children: children ?? label,
+			"data-p0": "form-title"
+		}, props)
 	});
 }
 

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

@@ -1 +1 @@
-{"version":3,"file":"title.mjs","names":[],"sources":["../../../../src/components/compound/search-form/title.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport function SearchFormTitle({\n  children,\n  label,\n  className,\n}: {\n  children?: ReactNode;\n  label?: string;\n  className?: string;\n}) {\n  return (\n    <h2 data-p0=\"form-title\" className={className}>\n      {children ?? label}\n    </h2>\n  );\n}\n"],"mappings":";;;AAEA,SAAgB,gBAAgB,EAC9B,UACA,OACA,aAKC;AACD,QACE,oBAAC,MAAD;EAAI,WAAQ;EAAwB;YACjC,YAAY;EACV"}
+{"version":3,"file":"title.mjs","names":[],"sources":["../../../../src/components/compound/search-form/title.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\n\nexport interface SearchFormTitleProps extends useRender.ComponentProps<\"h2\"> {\n  label?: string;\n}\n\nexport function SearchFormTitle({\n  children,\n  label,\n  className,\n  render,\n  ...props\n}: SearchFormTitleProps) {\n  return useRender({\n    defaultTagName: \"h2\",\n    render,\n    props: mergeProps<\"h2\">(\n      {\n        className,\n        children: children ?? label,\n        ...({ \"data-p0\": \"form-title\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n}\n"],"mappings":";;;;AAOA,SAAgB,gBAAgB,EAC9B,UACA,OACA,WACA,QACA,GAAG,SACoB;AACvB,QAAO,UAAU;EACf,gBAAgB;EAChB;EACA,OAAO,WACL;GACE;GACA,UAAU,YAAY;GAChB,WAAW;GAClB,EACD,MACD;EACF,CAAC"}

package/dist/components/compound/searches-catalog/active-filters.d.mts

@@ -1,7 +1,5 @@
-import { RenderProp } from "../../../utils/render-slot.mjs";
+import { useRender } from "@base-ui/react/use-render";
 import * as _$react from "react";
-import { ComponentProps } from "react";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/compound/searches-catalog/active-filters.d.ts
 interface ActiveFilter {
@@ -11,16 +9,15 @@ interface ActiveFilter {
   remove: () => void;
 }
 interface SearchesCatalogActiveFiltersState {
-  filters: ActiveFilter[];
-}
-interface SearchesCatalogActiveFiltersProps {
-  className?: string;
-  render?: RenderProp<ComponentProps<"div">, SearchesCatalogActiveFiltersState>;
+  activeFilters: ActiveFilter[];
+  isEmpty: boolean;
 }
+interface SearchesCatalogActiveFiltersProps extends useRender.ComponentProps<"div", SearchesCatalogActiveFiltersState> {}
 declare function SearchesCatalogActiveFilters({
   className,
-  render
-}: SearchesCatalogActiveFiltersProps): string | number | bigint | boolean | _$react_jsx_runtime0.JSX.Element | Iterable<_$react.ReactNode> | Promise<string | number | bigint | boolean | _$react.ReactPortal | _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | Iterable<_$react.ReactNode> | null | undefined> | null | undefined;
+  render,
+  ...props
+}: SearchesCatalogActiveFiltersProps): _$react.ReactElement<unknown, string | _$react.JSXElementConstructor<any>> | null;
 //#endregion
 export { ActiveFilter, SearchesCatalogActiveFilters, SearchesCatalogActiveFiltersProps, SearchesCatalogActiveFiltersState };
 //# sourceMappingURL=active-filters.d.mts.map

package/dist/components/compound/searches-catalog/active-filters.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"active-filters.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"mappings":";;;;;;UAaiB,YAAA;EACf,EAAA;EACA,KAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,iCAAA;EACf,OAAA,EAAS,YAAA;AAAA;AAAA,UAGM,iCAAA;EACf,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,iCAAA;AAAA;AAAA,iBAG7B,4BAAA,CAAA;EACd,SAAA;EACA;AAAA,GACC,iCAAA,wCAAiC,oBAAA,CAAA,GAAA,CAAA,OAAA,GAAA,QAAA,CAAA,OAAA,CAAA,SAAA,IAAA,OAAA,sCAAA,OAAA,CAAA,WAAA,GAAA,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA,SAAA,QAAA,CAAA,OAAA,CAAA,SAAA"}
+{"version":3,"file":"active-filters.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"mappings":";;;;UAaiB,YAAA;EACf,EAAA;EACA,KAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,iCAAA;EACf,aAAA,EAAe,YAAA;EACf,OAAA;AAAA;AAAA,UAGe,iCAAA,SACP,SAAA,CAAU,cAAA,QAAsB,iCAAA;AAAA,iBAE1B,4BAAA,CAAA;EACd,SAAA;EACA,MAAA;EAAA,GACG;AAAA,GACF,iCAAA,GAAiC,OAAA,CAAA,YAAA,mBAAA,OAAA,CAAA,qBAAA"}