@pipe0/react 0.0.2

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

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/field.tsx"],"mappings":";;;;;KAQK,2BAAA,GAA8B,IAAA,CAAK,wBAAA;AAAA,KAE5B,oBAAA;EACL,KAAA,EAAO,aAAA;EAAe,IAAA;AAAA,IAAiB,2BAAA;EACvC,IAAA;EAAc,KAAA;AAAA,IAAkB,2BAAA;AAAA,iBAEvB,eAAA,CAAgB,KAAA,EAAO,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

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

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/group.tsx"],"mappings":";;;;KAGY,oBAAA,GAAuB,iBAAA;AAAA,iBAEnB,eAAA,CAAA;EAAkB,KAAA;EAAO,QAAA;EAAA,GAAa;AAAA,GAAS,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"group.mjs","names":[],"sources":["../../../../src/components/compound/search-form/group.tsx"],"sourcesContent":["import { DefaultGroup, type DefaultGroupProps } from \"../../defaults/layout/group.js\";\nimport { SearchFormField } from \"./field.js\";\n\nexport type SearchFormGroupProps = DefaultGroupProps;\n\nexport function SearchFormGroup({ group, children, ...props }: SearchFormGroupProps) {\n  const body =\n    children ?? group.fields.map((field) => <SearchFormField key={field.path} field={field} />);\n\n  return (\n    <DefaultGroup group={group} {...props}>\n      {body}\n    </DefaultGroup>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,gBAAgB,EAAE,OAAO,UAAU,GAAG,SAA+B;CACnF,MAAM,OACJ,YAAY,MAAM,OAAO,KAAK,UAAU,oBAAC,iBAAD,EAAyC,OAAS,EAA5B,MAAM,KAAsB,CAAC;AAE7F,QACE,oBAAC,cAAD;EAAqB;EAAO,GAAI;YAC7B;EACY"}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,9 @@
+import { SearchFormContent } from "./content.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 { SearchFormSection } from "./section.mjs";
+import { SearchFormSubmitButton } from "./submit-button.mjs";
+import { SearchFormTitle } from "./title.mjs";

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

@@ -0,0 +1,11 @@
+import { SearchFormField } from "./field.mjs";
+import { SearchFormGroup } from "./group.mjs";
+import { SearchFormSection } from "./section.mjs";
+import { SearchFormContent } from "./content.mjs";
+import { SearchFormFooter } from "./footer.mjs";
+import { SearchFormHeader } from "./header.mjs";
+import { SearchFormSubmitButton } from "./submit-button.mjs";
+import { SearchForm } from "./root.mjs";
+import { SearchFormTitle } from "./title.mjs";
+
+export {  };

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

@@ -0,0 +1,45 @@
+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>;
+}) => void | Promise<void>;
+interface CustomizationProps {
+  sectionMap?: SectionMap;
+  groupMap?: GroupMap;
+  pathMap?: PathMap;
+  classNames?: FormClassNames;
+  adapters?: FieldAdapterMap;
+  className?: string;
+}
+interface SearchFormInstanceProps extends CustomizationProps {
+  context: SearchFormContext;
+  onSubmit: SearchFormSubmitHandler;
+  children?: ReactNode;
+}
+interface SearchFormLegacyProps extends CustomizationProps {
+  searchId: SearchId;
+  publicKey: string;
+  onSubmit: SearchFormSubmitHandler;
+  defaultValues?: SearchPayload;
+  resolvers?: FormResolvers;
+  environment?: PipesEnvironment;
+  children?: ReactNode;
+}
+type SearchFormProps = SearchFormInstanceProps | SearchFormLegacyProps;
+/**
+ * Compound root for search forms.
+ *
+ * - Compound: `<SearchForm context={ctx} onSubmit={...}>...</SearchForm>`
+ * - Zero-config: `<SearchForm searchId="..." publicKey="..." onSubmit={...} />`
+ */
+declare function SearchForm(props: SearchFormProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchForm, SearchFormInstanceProps, SearchFormLegacyProps, SearchFormProps };
+//# sourceMappingURL=root.d.mts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,90 @@
+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 { 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={...} />`
+*/
+function SearchForm(props) {
+	if ("context" in props) return /* @__PURE__ */ jsx(SearchFormWithContext, { ...props });
+	return /* @__PURE__ */ jsx(SearchFormLegacy, { ...props });
+}
+function SearchFormLegacy({ searchId, publicKey, defaultValues, onSubmit, resolvers, environment, children, ...customization }) {
+	return /* @__PURE__ */ jsx(SearchFormWithContext, {
+		context: useSearchForm({
+			searchId,
+			publicKey,
+			defaultValues,
+			resolvers,
+			environment
+		}),
+		onSubmit,
+		...customization,
+		children
+	});
+}
+function SearchFormWithContext({ context, onSubmit, children, className, sectionMap, groupMap, pathMap, 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
+			})
+		})
+	});
+	if (hasLocalOverrides) return /* @__PURE__ */ jsx(FormRoot, { children: /* @__PURE__ */ jsx(FormProvider, {
+		classNames,
+		adapters,
+		children: inner
+	}) });
+	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);
+	}, []);
+	const body = children ?? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(SearchFormContent, {}), /* @__PURE__ */ jsx(SearchFormSubmitButton, {})] });
+	return /* @__PURE__ */ jsx(DefaultForm, {
+		onSubmit: context.form.handleSubmit(async (values) => {
+			await onSubmit(values, { form: context.form });
+		}),
+		ref: portalRef,
+		"data-p0": "form",
+		"data-p0-search": context.id,
+		className,
+		children: /* @__PURE__ */ jsx(PortalContainerContext.Provider, {
+			value: portalContainer,
+			children: body
+		})
+	});
+}
+
+//#endregion
+export { SearchForm };
+//# sourceMappingURL=root.mjs.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.mts","names":[],"sources":["../../../../src/components/compound/search-form/section.tsx"],"mappings":";;;;KAGY,sBAAA,GAAyB,mBAAA;AAAA,iBAErB,iBAAA,CAAA;EAAoB,OAAA;EAAS,QAAA;EAAA,GAAa;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,17 @@
+import { DefaultSection } from "../../defaults/layout/section.mjs";
+import { SearchFormGroup } from "./group.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/search-form/section.tsx
+function SearchFormSection({ section, children, ...props }) {
+	const body = children ?? section.groups.map((group) => /* @__PURE__ */ jsx(SearchFormGroup, { group }, group.key));
+	return /* @__PURE__ */ jsx(DefaultSection, {
+		section,
+		...props,
+		children: body
+	});
+}
+
+//#endregion
+export { SearchFormSection };
+//# sourceMappingURL=section.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"section.mjs","names":[],"sources":["../../../../src/components/compound/search-form/section.tsx"],"sourcesContent":["import { DefaultSection, type DefaultSectionProps } from \"../../defaults/layout/section.js\";\nimport { SearchFormGroup } from \"./group.js\";\n\nexport type SearchFormSectionProps = DefaultSectionProps;\n\nexport function SearchFormSection({ section, children, ...props }: SearchFormSectionProps) {\n  const body =\n    children ?? section.groups.map((group) => <SearchFormGroup key={group.key} group={group} />);\n\n  return (\n    <DefaultSection section={section} {...props}>\n      {body}\n    </DefaultSection>\n  );\n}\n"],"mappings":";;;;;AAKA,SAAgB,kBAAkB,EAAE,SAAS,UAAU,GAAG,SAAiC;CACzF,MAAM,OACJ,YAAY,QAAQ,OAAO,KAAK,UAAU,oBAAC,iBAAD,EAAwC,OAAS,EAA3B,MAAM,IAAqB,CAAC;AAE9F,QACE,oBAAC,gBAAD;EAAyB;EAAS,GAAI;YACnC;EACc"}

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

@@ -0,0 +1,9 @@
+import { DefaultSubmitButtonProps } from "../../defaults/layout/submit-button.mjs";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#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;
+//#endregion
+export { SearchFormSubmitButton };
+//# sourceMappingURL=submit-button.d.mts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,17 @@
+import { DefaultSubmitButton } from "../../defaults/layout/submit-button.mjs";
+import { useSearchFormContext } from "../../../context/search-form-context.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#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
+	});
+}
+
+//#endregion
+export { SearchFormSubmitButton };
+//# sourceMappingURL=submit-button.mjs.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

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

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+
+//#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
+	});
+}
+
+//#endregion
+export { SearchFormTitle };
+//# sourceMappingURL=title.mjs.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,26 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import * as _$react from "react";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/searches-catalog/active-filters.d.ts
+interface ActiveFilter {
+  id: string;
+  value: string;
+  label: string;
+  remove: () => void;
+}
+interface SearchesCatalogActiveFiltersState {
+  filters: ActiveFilter[];
+}
+interface SearchesCatalogActiveFiltersProps {
+  className?: string;
+  render?: RenderProp<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;
+//#endregion
+export { ActiveFilter, SearchesCatalogActiveFilters, SearchesCatalogActiveFiltersProps, SearchesCatalogActiveFiltersState };
+//# sourceMappingURL=active-filters.d.mts.map

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

@@ -0,0 +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"}

package/dist/components/compound/searches-catalog/active-filters.mjs

@@ -0,0 +1,46 @@
+import { cn } from "../../../lib/utils.mjs";
+import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { renderSlot } from "../../../utils/render-slot.mjs";
+import { DefaultActiveFilterPill } from "../../defaults/catalog/active-filter-pill.mjs";
+import { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/compound/searches-catalog/active-filters.tsx
+const COLUMN_LABELS = {
+	outputFields: "Output",
+	providers: "Provider",
+	tags: "Tag"
+};
+function SearchesCatalogActiveFilters({ className, render }) {
+	const { classNames } = useCatalogConfig();
+	const ctx = useSearchesCatalogContext();
+	const filters = ctx.table.getState().columnFilters.filter((f) => f.value != null && f.value !== "").map((f) => ({
+		id: f.id,
+		value: String(f.value),
+		label: COLUMN_LABELS[f.id] ?? f.id,
+		remove: () => ctx.removeColumnFilter(f.id)
+	}));
+	if (filters.length === 0) return null;
+	if (render) return renderSlot({
+		defaultTagName: "div",
+		render,
+		state: { filters },
+		props: {
+			"data-p0": "catalog-active-filters",
+			className: cn("pz:flex pz:flex-wrap pz:items-center pz:gap-2", classNames?.activeFilters, className)
+		}
+	});
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "catalog-active-filters",
+		className: cn("pz:flex pz:flex-wrap pz:items-center pz:gap-2", classNames?.activeFilters, className),
+		children: filters.map((f) => /* @__PURE__ */ jsx(DefaultActiveFilterPill, {
+			label: f.label,
+			value: f.value,
+			onRemove: f.remove
+		}, f.id))
+	});
+}
+
+//#endregion
+export { SearchesCatalogActiveFilters };
+//# sourceMappingURL=active-filters.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"active-filters.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/active-filters.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchesCatalogContext } from \"../../../context/searches-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultActiveFilterPill } from \"../../defaults/catalog/active-filter-pill.js\";\n\nconst COLUMN_LABELS: Record<string, string> = {\n  outputFields: \"Output\",\n  providers: \"Provider\",\n  tags: \"Tag\",\n};\n\nexport interface ActiveFilter {\n  id: string;\n  value: string;\n  label: string;\n  remove: () => void;\n}\n\nexport interface SearchesCatalogActiveFiltersState {\n  filters: ActiveFilter[];\n}\n\nexport interface SearchesCatalogActiveFiltersProps {\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, SearchesCatalogActiveFiltersState>;\n}\n\nexport function SearchesCatalogActiveFilters({\n  className,\n  render,\n}: SearchesCatalogActiveFiltersProps) {\n  const { classNames } = useCatalogConfig();\n  const ctx = useSearchesCatalogContext();\n  const filters: ActiveFilter[] = ctx.table\n    .getState()\n    .columnFilters.filter((f) => f.value != null && f.value !== \"\")\n    .map((f) => ({\n      id: f.id,\n      value: String(f.value),\n      label: COLUMN_LABELS[f.id] ?? f.id,\n      remove: () =>\n        ctx.removeColumnFilter(f.id as \"inputFields\" | \"outputFields\" | \"tags\" | \"providers\"),\n    }));\n\n  if (filters.length === 0) return null;\n\n  if (render) {\n    return renderSlot({\n      defaultTagName: \"div\",\n      render,\n      state: { filters },\n      props: {\n        \"data-p0\": \"catalog-active-filters\",\n        className: cn(\n          \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n          classNames?.activeFilters,\n          className,\n        ),\n      } as ComponentProps<\"div\">,\n    });\n  }\n\n  return (\n    <div\n      data-p0=\"catalog-active-filters\"\n      className={cn(\n        \"pz:flex pz:flex-wrap pz:items-center pz:gap-2\",\n        classNames?.activeFilters,\n        className,\n      )}\n    >\n      {filters.map((f) => (\n        <DefaultActiveFilterPill key={f.id} label={f.label} value={f.value} onRemove={f.remove} />\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,gBAAwC;CAC5C,cAAc;CACd,WAAW;CACX,MAAM;CACP;AAkBD,SAAgB,6BAA6B,EAC3C,WACA,UACoC;CACpC,MAAM,EAAE,eAAe,kBAAkB;CACzC,MAAM,MAAM,2BAA2B;CACvC,MAAM,UAA0B,IAAI,MACjC,UAAU,CACV,cAAc,QAAQ,MAAM,EAAE,SAAS,QAAQ,EAAE,UAAU,GAAG,CAC9D,KAAK,OAAO;EACX,IAAI,EAAE;EACN,OAAO,OAAO,EAAE,MAAM;EACtB,OAAO,cAAc,EAAE,OAAO,EAAE;EAChC,cACE,IAAI,mBAAmB,EAAE,GAA4D;EACxF,EAAE;AAEL,KAAI,QAAQ,WAAW,EAAG,QAAO;AAEjC,KAAI,OACF,QAAO,WAAW;EAChB,gBAAgB;EAChB;EACA,OAAO,EAAE,SAAS;EAClB,OAAO;GACL,WAAW;GACX,WAAW,GACT,iDACA,YAAY,eACZ,UACD;GACF;EACF,CAAC;AAGJ,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GACT,iDACA,YAAY,eACZ,UACD;YAEA,QAAQ,KAAK,MACZ,oBAAC,yBAAD;GAAoC,OAAO,EAAE;GAAO,OAAO,EAAE;GAAO,UAAU,EAAE;GAAU,EAA5D,EAAE,GAA0D,CAC1F;EACE"}

package/dist/components/compound/searches-catalog/card.d.mts

@@ -0,0 +1,22 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { SearchesCardData } from "../../../types/catalog-adapters.mjs";
+import * as _$react from "react";
+import { ComponentProps, MouseEvent, ReactNode } from "react";
+
+//#region src/components/compound/searches-catalog/card.d.ts
+interface SearchesCatalogCardState {
+  card: SearchesCardData;
+  selected: boolean;
+}
+interface SearchesCatalogCardProps extends Omit<ComponentProps<"div">, "onClick" | "children"> {
+  card: SearchesCardData;
+  index?: number;
+  selected?: boolean;
+  render?: RenderProp<ComponentProps<"div">, SearchesCatalogCardState>;
+  onClick?: (e: MouseEvent<HTMLDivElement>) => void;
+  children?: ReactNode;
+}
+declare const SearchesCatalogCard: _$react.ForwardRefExoticComponent<Omit<SearchesCatalogCardProps, "ref"> & _$react.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { SearchesCatalogCard, SearchesCatalogCardProps };
+//# sourceMappingURL=card.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/card.tsx"],"mappings":";;;;;;UAyBiB,wBAAA;EACf,IAAA,EAAM,gBAAA;EACN,QAAA;AAAA;AAAA,UAGe,wBAAA,SACP,IAAA,CAAK,cAAA;EACb,IAAA,EAAM,gBAAA;EACN,KAAA;EACA,QAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,wBAAA;EAC3C,OAAA,IAAW,CAAA,EAAG,UAAA,CAAW,cAAA;EACzB,QAAA,GAAW,SAAA;AAAA;AAAA,cAGA,mBAAA,EAAmB,OAAA,CAAA,yBAAA,CAAA,IAAA,CAAA,wBAAA,WAAA,OAAA,CAAA,aAAA,CAAA,cAAA"}