@pipe0/react 0.0.2

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

@@ -0,0 +1,33 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import { CatalogClassNames, CatalogComponentOverrides, SearchesCardData } from "../../../types/catalog-adapters.mjs";
+import { UseSearchesCatalogTableReturn } from "../../../hooks/use-searches-catalog-table.mjs";
+import { ComponentProps, ReactNode, SyntheticEvent } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { CatalogFilter } from "@pipe0/base";
+import { ColumnFilter } from "@tanstack/react-table";
+
+//#region src/components/compound/searches-catalog/root.d.ts
+interface CustomizationProps {
+  classNames?: CatalogClassNames;
+  components?: CatalogComponentOverrides;
+  className?: string;
+  render?: RenderProp<ComponentProps<"div">, Record<never, never>>;
+}
+interface SelectionProps {
+  /** Fires on click / keyboard activation of any `<SearchesCatalogCard>`. */
+  onSelectSearches?: (searches: SearchesCardData, e: SyntheticEvent) => void;
+}
+interface SearchesCatalogInstanceProps extends CustomizationProps, SelectionProps {
+  context: UseSearchesCatalogTableReturn;
+  children?: ReactNode;
+}
+interface SearchesCatalogLegacyProps extends CustomizationProps, SelectionProps {
+  filter?: CatalogFilter;
+  initialColumnFilters?: ColumnFilter[];
+  children?: ReactNode;
+}
+type SearchesCatalogProps = SearchesCatalogInstanceProps | SearchesCatalogLegacyProps;
+declare function SearchesCatalog(props: SearchesCatalogProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { SearchesCatalog, SearchesCatalogInstanceProps, SearchesCatalogLegacyProps, SearchesCatalogProps };
+//# sourceMappingURL=root.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/root.tsx"],"mappings":";;;;;;;;;UA+BU,kBAAA;EACR,UAAA,GAAa,iBAAA;EACb,UAAA,GAAa,yBAAA;EACb,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,SAAuB,MAAA;AAAA;AAAA,UAGnC,cAAA;EALK;EAOb,gBAAA,IAAoB,QAAA,EAAU,gBAAA,EAAkB,CAAA,EAAG,cAAA;AAAA;AAAA,UAGpC,4BAAA,SAAqC,kBAAA,EAAoB,cAAA;EACxE,OAAA,EAAS,6BAAA;EACT,QAAA,GAAW,SAAA;AAAA;AAAA,UAGI,0BAAA,SAAmC,kBAAA,EAAoB,cAAA;EACtE,MAAA,GAAS,aAAA;EACT,oBAAA,GAAuB,YAAA;EACvB,QAAA,GAAW,SAAA;AAAA;AAAA,KAGD,oBAAA,GAAuB,4BAAA,GAA+B,0BAAA;AAAA,iBAElD,eAAA,CAAgB,KAAA,EAAO,oBAAA,GAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

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

@@ -0,0 +1,74 @@
+import { CatalogProvider, CatalogRoot, useCatalogConfig } from "../../../context/catalog-config-context.mjs";
+import { SearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
+import { DefaultCatalogRoot } from "../../defaults/catalog/layout.mjs";
+import { SearchesCatalogActiveFilters } from "./active-filters.mjs";
+import { SearchesCatalogCategoryFilter } from "./category-filter.mjs";
+import { SearchesCatalogColumnFilters } from "./column-filters.mjs";
+import { SearchesCatalogEmpty } from "./empty.mjs";
+import { SearchesCatalogList } from "./list.mjs";
+import { useSearchesCatalogTable } from "../../../hooks/use-searches-catalog-table.mjs";
+import { SearchesCatalogSearchFilter } from "./search-filter.mjs";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/compound/searches-catalog/root.tsx
+function SearchesCatalog(props) {
+	if ("context" in props) return /* @__PURE__ */ jsx(SearchesCatalogWithContext, { ...props });
+	return /* @__PURE__ */ jsx(SearchesCatalogLegacy, { ...props });
+}
+function SearchesCatalogLegacy({ filter, initialColumnFilters, ...rest }) {
+	return /* @__PURE__ */ jsx(SearchesCatalogWithContext, {
+		context: useSearchesCatalogTable({
+			filter,
+			initialColumnFilters
+		}),
+		...rest
+	});
+}
+function SearchesCatalogWithContext({ context, children, className, classNames, components, onSelectSearches, render }) {
+	const hasLocalOverrides = classNames || components;
+	const [expandedCardId, setExpandedCardId] = useState(null);
+	const value = useMemo(() => ({
+		...context,
+		onSelectCard: onSelectSearches,
+		expandedCardId,
+		setExpandedCardId
+	}), [
+		context,
+		onSelectSearches,
+		expandedCardId
+	]);
+	const inner = /* @__PURE__ */ jsx(SearchesCatalogContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(SearchesCatalogShell, {
+			className,
+			render,
+			children
+		})
+	});
+	if (hasLocalOverrides) return /* @__PURE__ */ jsx(CatalogRoot, { children: /* @__PURE__ */ jsx(CatalogProvider, {
+		classNames,
+		components,
+		children: inner
+	}) });
+	return /* @__PURE__ */ jsx(CatalogRoot, { children: inner });
+}
+function SearchesCatalogShell({ children, className, render }) {
+	useCatalogConfig();
+	return /* @__PURE__ */ jsx(DefaultCatalogRoot, {
+		className,
+		render,
+		children: children !== void 0 ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx(SearchesCatalogSearchFilter, {}),
+			/* @__PURE__ */ jsx(SearchesCatalogCategoryFilter, {}),
+			/* @__PURE__ */ jsx(SearchesCatalogColumnFilters, {}),
+			/* @__PURE__ */ jsx(SearchesCatalogActiveFilters, {}),
+			/* @__PURE__ */ jsx(SearchesCatalogList, {}),
+			/* @__PURE__ */ jsx(SearchesCatalogEmpty, {})
+		] })
+	});
+}
+
+//#endregion
+export { SearchesCatalog };
+//# sourceMappingURL=root.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"root.mjs","names":[],"sources":["../../../../src/components/compound/searches-catalog/root.tsx"],"sourcesContent":["import type { CatalogFilter } from \"@pipe0/base\";\nimport type { ColumnFilter } from \"@tanstack/react-table\";\nimport type { ComponentProps, ReactNode, SyntheticEvent } from \"react\";\nimport { useMemo, useState } from \"react\";\nimport {\n  CatalogProvider,\n  CatalogRoot,\n  useCatalogConfig,\n} from \"../../../context/catalog-config-context.js\";\nimport {\n  SearchesCatalogContext,\n  type SearchesCatalogContextValue,\n} from \"../../../context/searches-catalog-context.js\";\nimport {\n  type UseSearchesCatalogTableReturn,\n  useSearchesCatalogTable,\n} from \"../../../hooks/use-searches-catalog-table.js\";\nimport type {\n  CatalogClassNames,\n  CatalogComponentOverrides,\n  SearchesCardData,\n} from \"../../../types/catalog-adapters.js\";\nimport { type RenderProp, renderSlot } from \"../../../utils/render-slot.js\";\nimport { DefaultCatalogRoot } from \"../../defaults/catalog/layout.js\";\nimport { SearchesCatalogActiveFilters } from \"./active-filters.js\";\nimport { SearchesCatalogCategoryFilter } from \"./category-filter.js\";\nimport { SearchesCatalogColumnFilters } from \"./column-filters.js\";\nimport { SearchesCatalogEmpty } from \"./empty.js\";\nimport { SearchesCatalogList } from \"./list.js\";\nimport { SearchesCatalogSearchFilter } from \"./search-filter.js\";\n\ninterface CustomizationProps {\n  classNames?: CatalogClassNames;\n  components?: CatalogComponentOverrides;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}\n\ninterface SelectionProps {\n  /** Fires on click / keyboard activation of any `<SearchesCatalogCard>`. */\n  onSelectSearches?: (searches: SearchesCardData, e: SyntheticEvent) => void;\n}\n\nexport interface SearchesCatalogInstanceProps extends CustomizationProps, SelectionProps {\n  context: UseSearchesCatalogTableReturn;\n  children?: ReactNode;\n}\n\nexport interface SearchesCatalogLegacyProps extends CustomizationProps, SelectionProps {\n  filter?: CatalogFilter;\n  initialColumnFilters?: ColumnFilter[];\n  children?: ReactNode;\n}\n\nexport type SearchesCatalogProps = SearchesCatalogInstanceProps | SearchesCatalogLegacyProps;\n\nexport function SearchesCatalog(props: SearchesCatalogProps) {\n  if (\"context\" in props) {\n    return <SearchesCatalogWithContext {...props} />;\n  }\n  return <SearchesCatalogLegacy {...props} />;\n}\n\nfunction SearchesCatalogLegacy({\n  filter,\n  initialColumnFilters,\n  ...rest\n}: SearchesCatalogLegacyProps) {\n  const context = useSearchesCatalogTable({ filter, initialColumnFilters });\n  return <SearchesCatalogWithContext context={context} {...rest} />;\n}\n\nfunction SearchesCatalogWithContext({\n  context,\n  children,\n  className,\n  classNames,\n  components,\n  onSelectSearches,\n  render,\n}: SearchesCatalogInstanceProps) {\n  const hasLocalOverrides = classNames || components;\n  const [expandedCardId, setExpandedCardId] = useState<string | null>(null);\n\n  const value = useMemo<SearchesCatalogContextValue>(\n    () => ({\n      ...context,\n      onSelectCard: onSelectSearches,\n      expandedCardId,\n      setExpandedCardId,\n    }),\n    [context, onSelectSearches, expandedCardId],\n  );\n\n  const inner = (\n    <SearchesCatalogContext.Provider value={value}>\n      <SearchesCatalogShell className={className} render={render}>\n        {children}\n      </SearchesCatalogShell>\n    </SearchesCatalogContext.Provider>\n  );\n  if (hasLocalOverrides) {\n    return (\n      <CatalogRoot>\n        <CatalogProvider classNames={classNames} components={components}>\n          {inner}\n        </CatalogProvider>\n      </CatalogRoot>\n    );\n  }\n  return <CatalogRoot>{inner}</CatalogRoot>;\n}\n\nfunction SearchesCatalogShell({\n  children,\n  className,\n  render,\n}: {\n  children?: ReactNode;\n  className?: string;\n  render?: RenderProp<ComponentProps<\"div\">, Record<never, never>>;\n}) {\n  useCatalogConfig();\n  const body =\n    children !== undefined ? (\n      children\n    ) : (\n      <>\n        <SearchesCatalogSearchFilter />\n        <SearchesCatalogCategoryFilter />\n        <SearchesCatalogColumnFilters />\n        <SearchesCatalogActiveFilters />\n        <SearchesCatalogList />\n        <SearchesCatalogEmpty />\n      </>\n    );\n  return (\n    <DefaultCatalogRoot className={className} render={render}>\n      {body}\n    </DefaultCatalogRoot>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AAwDA,SAAgB,gBAAgB,OAA6B;AAC3D,KAAI,aAAa,MACf,QAAO,oBAAC,4BAAD,EAA4B,GAAI,OAAS;AAElD,QAAO,oBAAC,uBAAD,EAAuB,GAAI,OAAS;;AAG7C,SAAS,sBAAsB,EAC7B,QACA,sBACA,GAAG,QAC0B;AAE7B,QAAO,oBAAC,4BAAD;EAA4B,SADnB,wBAAwB;GAAE;GAAQ;GAAsB,CAAC;EACpB,GAAI;EAAQ;;AAGnE,SAAS,2BAA2B,EAClC,SACA,UACA,WACA,YACA,YACA,kBACA,UAC+B;CAC/B,MAAM,oBAAoB,cAAc;CACxC,MAAM,CAAC,gBAAgB,qBAAqB,SAAwB,KAAK;CAEzE,MAAM,QAAQ,eACL;EACL,GAAG;EACH,cAAc;EACd;EACA;EACD,GACD;EAAC;EAAS;EAAkB;EAAe,CAC5C;CAED,MAAM,QACJ,oBAAC,uBAAuB,UAAxB;EAAwC;YACtC,oBAAC,sBAAD;GAAiC;GAAmB;GACjD;GACoB;EACS;AAEpC,KAAI,kBACF,QACE,oBAAC,aAAD,YACE,oBAAC,iBAAD;EAA6B;EAAwB;YAClD;EACe,GACN;AAGlB,QAAO,oBAAC,aAAD,YAAc,OAAoB;;AAG3C,SAAS,qBAAqB,EAC5B,UACA,WACA,UAKC;AACD,mBAAkB;AAclB,QACE,oBAAC,oBAAD;EAA+B;EAAmB;YAblD,aAAa,SACX,WAEA;GACE,oBAAC,6BAAD,EAA+B;GAC/B,oBAAC,+BAAD,EAAiC;GACjC,oBAAC,8BAAD,EAAgC;GAChC,oBAAC,8BAAD,EAAgC;GAChC,oBAAC,qBAAD,EAAuB;GACvB,oBAAC,sBAAD,EAAwB;GACvB;EAKgB"}

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

@@ -0,0 +1,24 @@
+import { RenderProp } from "../../../utils/render-slot.mjs";
+import * as _$react from "react";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/compound/searches-catalog/search-filter.d.ts
+interface SearchesCatalogSearchFilterState {
+  value: string;
+  setValue: (v: string) => void;
+  isActive: boolean;
+}
+interface SearchesCatalogSearchFilterProps {
+  placeholder?: string;
+  className?: string;
+  render?: RenderProp<ComponentProps<"input">, SearchesCatalogSearchFilterState>;
+}
+declare function SearchesCatalogSearchFilter({
+  placeholder,
+  className,
+  render
+}: SearchesCatalogSearchFilterProps): 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 { SearchesCatalogSearchFilter, SearchesCatalogSearchFilterProps, SearchesCatalogSearchFilterState };
+//# sourceMappingURL=search-filter.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search-filter.d.mts","names":[],"sources":["../../../../src/components/compound/searches-catalog/search-filter.tsx"],"mappings":";;;;;;UAQiB,gCAAA;EACf,KAAA;EACA,QAAA,GAAW,CAAA;EACX,QAAA;AAAA;AAAA,UAGe,gCAAA;EACf,WAAA;EACA,SAAA;EACA,MAAA,GAAS,UAAA,CAAW,cAAA,WAAyB,gCAAA;AAAA;AAAA,iBAG/B,2BAAA,CAAA;EACd,WAAA;EACA,SAAA;EACA;AAAA,GACC,gCAAA,wCAAgC,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/search-filter.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 { useSearchesCatalogContext } from "../../../context/searches-catalog-context.mjs";
+import { Input } from "../../ui/input.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Search } from "lucide-react";
+
+//#region src/components/compound/searches-catalog/search-filter.tsx
+function SearchesCatalogSearchFilter({ placeholder = "Search searches...", className, render }) {
+	const { globalFilterInput, setGlobalFilterInput } = useSearchesCatalogContext();
+	const { classNames } = useCatalogConfig();
+	const isActive = !!globalFilterInput;
+	if (render) return renderSlot({
+		defaultTagName: "input",
+		render,
+		state: {
+			value: globalFilterInput,
+			setValue: setGlobalFilterInput,
+			isActive
+		},
+		props: {
+			type: "search",
+			placeholder,
+			value: globalFilterInput,
+			onChange: (e) => setGlobalFilterInput(e.target.value),
+			"data-active": isActive ? "" : void 0,
+			className: cn(classNames?.searchInput, className)
+		}
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "catalog-search",
+		className: cn("pz:relative", classNames?.searchInputContainer),
+		children: [/* @__PURE__ */ jsx(Search, { className: "pz:absolute pz:left-2.5 pz:top-1/2 pz:-translate-y-1/2 pz:size-4 pz:text-muted-foreground pz:pointer-events-none" }), /* @__PURE__ */ jsx(Input, {
+			type: "search",
+			placeholder,
+			value: globalFilterInput,
+			onChange: (e) => setGlobalFilterInput(e.target.value),
+			className: cn("pz:pl-8", classNames?.searchInput, className)
+		})]
+	});
+}
+
+//#endregion
+export { SearchesCatalogSearchFilter };
+//# sourceMappingURL=search-filter.mjs.map

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

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

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

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

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

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

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

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

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

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

package/dist/components/defaults/adapters/async-include-exclude-select-input.mjs

@@ -0,0 +1,32 @@
+import { useFieldError } from "../../../hooks/use-field-error.mjs";
+import { IncludeExcludeCombobox } from "../../internal/combobox/include-exclude-combobox.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/async-include-exclude-select-input.tsx
+function AsyncIncludeExcludeSelectInputAdapter(field) {
+	const includeError = useFieldError(field.form, `${field.path}.include`);
+	const excludeError = useFieldError(field.form, `${field.path}.exclude`);
+	const error = includeError ?? excludeError;
+	const maxItems = field.meta.maxItems;
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-1",
+		children: [/* @__PURE__ */ jsx(IncludeExcludeCombobox, {
+			include: field.include.value,
+			exclude: field.exclude.value,
+			onChange: (next) => field.setValue(next),
+			loadOptions: field.loadOptions,
+			maxItems,
+			placeholder: field.meta.placeholder,
+			ariaInvalid: !!error || !!field.error
+		}), error && /* @__PURE__ */ jsx("span", {
+			className: "pz:text-destructive pz:text-xs pz:font-medium",
+			role: "alert",
+			children: error
+		})]
+	});
+}
+
+//#endregion
+export { AsyncIncludeExcludeSelectInputAdapter };
+//# sourceMappingURL=async-include-exclude-select-input.mjs.map

package/dist/components/defaults/adapters/async-include-exclude-select-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-include-exclude-select-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/async-include-exclude-select-input.tsx"],"sourcesContent":["import { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { IncludeExcludeCombobox } from \"../../internal/combobox/include-exclude-combobox.js\";\n\nexport function AsyncIncludeExcludeSelectInputAdapter(\n  field: FieldHandle<\"async_include_exclude_select_input\">,\n) {\n  const includeError = useFieldError(field.form, `${field.path}.include`);\n  const excludeError = useFieldError(field.form, `${field.path}.exclude`);\n  const error = includeError ?? excludeError;\n  const maxItems = (field.meta as { maxItems?: number }).maxItems;\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-1\">\n      <IncludeExcludeCombobox\n        include={field.include.value}\n        exclude={field.exclude.value}\n        onChange={(next) => field.setValue(next)}\n        loadOptions={field.loadOptions}\n        maxItems={maxItems}\n        placeholder={field.meta.placeholder}\n        ariaInvalid={!!error || !!field.error}\n      />\n      {error && (\n        <span className=\"pz:text-destructive pz:text-xs pz:font-medium\" role=\"alert\">\n          {error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;AAIA,SAAgB,sCACd,OACA;CACA,MAAM,eAAe,cAAc,MAAM,MAAM,GAAG,MAAM,KAAK,UAAU;CACvE,MAAM,eAAe,cAAc,MAAM,MAAM,GAAG,MAAM,KAAK,UAAU;CACvE,MAAM,QAAQ,gBAAgB;CAC9B,MAAM,WAAY,MAAM,KAA+B;AAEvD,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,oBAAC,wBAAD;GACE,SAAS,MAAM,QAAQ;GACvB,SAAS,MAAM,QAAQ;GACvB,WAAW,SAAS,MAAM,SAAS,KAAK;GACxC,aAAa,MAAM;GACT;GACV,aAAa,MAAM,KAAK;GACxB,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM;GAChC,GACD,SACC,oBAAC,QAAD;GAAM,WAAU;GAAgD,MAAK;aAClE;GACI,EAEL"}

package/dist/components/defaults/adapters/async-multi-select-input.mjs

@@ -0,0 +1,26 @@
+import { SuggestCombobox } from "../../internal/combobox/suggest-combobox.mjs";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/async-multi-select-input.tsx
+function AsyncMultiSelectInputAdapter(field) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		children: /* @__PURE__ */ jsx(SuggestCombobox, {
+			value: field.selected,
+			onChange: (next) => {
+				const current = new Set(field.selected);
+				const incoming = new Set(next);
+				[...current, ...incoming].forEach((v) => {
+					if (current.has(v) !== incoming.has(v)) field.onToggle(v);
+				});
+			},
+			loadOptions: field.loadOptions,
+			ariaInvalid: !!field.error,
+			placeholder: field.meta.placeholder
+		})
+	});
+}
+
+//#endregion
+export { AsyncMultiSelectInputAdapter };
+//# sourceMappingURL=async-multi-select-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"async-multi-select-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/async-multi-select-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\n\nexport function AsyncMultiSelectInputAdapter(field: FieldHandle<\"async_multi_select_input\">) {\n  return (\n    <div data-p0=\"input\">\n      <SuggestCombobox\n        value={field.selected}\n        onChange={(next) => {\n          const current = new Set(field.selected);\n          const incoming = new Set(next);\n          [...current, ...incoming].forEach((v) => {\n            if (current.has(v) !== incoming.has(v)) field.onToggle(v);\n          });\n        }}\n        loadOptions={field.loadOptions}\n        ariaInvalid={!!field.error}\n        placeholder={field.meta.placeholder}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,6BAA6B,OAAgD;AAC3F,QACE,oBAAC,OAAD;EAAK,WAAQ;YACX,oBAAC,iBAAD;GACE,OAAO,MAAM;GACb,WAAW,SAAS;IAClB,MAAM,UAAU,IAAI,IAAI,MAAM,SAAS;IACvC,MAAM,WAAW,IAAI,IAAI,KAAK;AAC9B,KAAC,GAAG,SAAS,GAAG,SAAS,CAAC,SAAS,MAAM;AACvC,SAAI,QAAQ,IAAI,EAAE,KAAK,SAAS,IAAI,EAAE,CAAE,OAAM,SAAS,EAAE;MACzD;;GAEJ,aAAa,MAAM;GACnB,aAAa,CAAC,CAAC,MAAM;GACrB,aAAa,MAAM,KAAK;GACxB;EACE"}

package/dist/components/defaults/adapters/boolean-input.mjs

@@ -0,0 +1,82 @@
+import { HoverInfo } from "../../hover-info.mjs";
+import { Label } from "../../ui/label.mjs";
+import { Switch } from "../../ui/switch.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/boolean-input.tsx
+function BooleanInputAdapter(field) {
+	if (field.kind === "nullable_boolean_input") {
+		const state = field.isNull ? "unset" : field.checked ? "true" : "false";
+		return /* @__PURE__ */ jsx("div", {
+			"data-p0": "input",
+			role: "radiogroup",
+			"aria-invalid": !!field.error,
+			className: "pz:inline-flex pz:w-fit pz:justify-self-start pz:items-center pz:rounded-md pz:border pz:border-input pz:bg-transparent pz:p-0.5 pz:shadow-xs",
+			children: [
+				{
+					key: "unset",
+					label: "Any",
+					onClick: () => field.clear()
+				},
+				{
+					key: "true",
+					label: "Yes",
+					onClick: () => field.setValue(true)
+				},
+				{
+					key: "false",
+					label: "No",
+					onClick: () => field.setValue(false)
+				}
+			].map((seg) => {
+				const active = state === seg.key;
+				return /* @__PURE__ */ jsx("button", {
+					type: "button",
+					role: "radio",
+					"aria-checked": active,
+					onClick: seg.onClick,
+					className: "pz:cursor-pointer pz:rounded-sm pz:px-3 pz:py-1 pz:text-xs pz:font-medium pz:transition-colors " + (active ? "pz:bg-primary pz:text-primary-foreground" : "pz:text-muted-foreground pz:hover:text-foreground"),
+					children: seg.label
+				}, seg.key);
+			})
+		});
+	}
+	if (!!!(field.label || field.description || field.info)) return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:items-center",
+		children: /* @__PURE__ */ jsx(Switch, {
+			id: field.id,
+			checked: field.checked,
+			onCheckedChange: () => field.toggle(),
+			"aria-invalid": !!field.error
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:items-start pz:justify-between pz:gap-4",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "pz:flex pz:flex-col pz:gap-0.5 pz:min-w-0",
+			children: [(field.label || field.info) && /* @__PURE__ */ jsxs("div", {
+				className: "pz:flex pz:items-center pz:gap-1.5",
+				children: [field.label && /* @__PURE__ */ jsx(Label, {
+					htmlFor: field.id,
+					className: "pz:text-sm pz:font-medium pz:leading-none pz:cursor-pointer",
+					children: field.label
+				}), field.info && /* @__PURE__ */ jsx(HoverInfo, { children: field.info })]
+			}), field.description && /* @__PURE__ */ jsx("p", {
+				className: "pz:text-xs pz:text-muted-foreground",
+				children: field.description
+			})]
+		}), /* @__PURE__ */ jsx(Switch, {
+			id: field.id,
+			checked: field.checked,
+			onCheckedChange: () => field.toggle(),
+			"aria-invalid": !!field.error,
+			className: "pz:mt-0.5 pz:shrink-0"
+		})]
+	});
+}
+
+//#endregion
+export { BooleanInputAdapter };
+//# sourceMappingURL=boolean-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/boolean-input.tsx"],"sourcesContent":["import type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { HoverInfo } from \"../../hover-info.js\";\nimport { Label } from \"../../ui/label.js\";\nimport { Switch } from \"../../ui/switch.js\";\n\nexport function BooleanInputAdapter(\n  field: FieldHandle<\"boolean_input\"> | FieldHandle<\"nullable_boolean_input\">,\n) {\n  if (field.kind === \"nullable_boolean_input\") {\n    const state: \"unset\" | \"true\" | \"false\" = field.isNull\n      ? \"unset\"\n      : field.checked\n        ? \"true\"\n        : \"false\";\n\n    const segments: {\n      key: typeof state;\n      label: string;\n      onClick: () => void;\n    }[] = [\n      { key: \"unset\", label: \"Any\", onClick: () => field.clear() },\n      { key: \"true\", label: \"Yes\", onClick: () => field.setValue(true as any) },\n      {\n        key: \"false\",\n        label: \"No\",\n        onClick: () => field.setValue(false as any),\n      },\n    ];\n\n    return (\n      <div\n        data-p0=\"input\"\n        role=\"radiogroup\"\n        aria-invalid={!!field.error}\n        className=\"pz:inline-flex pz:w-fit pz:justify-self-start pz:items-center pz:rounded-md pz:border pz:border-input pz:bg-transparent pz:p-0.5 pz:shadow-xs\"\n      >\n        {segments.map((seg) => {\n          const active = state === seg.key;\n          return (\n            <button\n              key={seg.key}\n              type=\"button\"\n              role=\"radio\"\n              aria-checked={active}\n              onClick={seg.onClick}\n              className={\n                \"pz:cursor-pointer pz:rounded-sm pz:px-3 pz:py-1 pz:text-xs pz:font-medium pz:transition-colors \" +\n                (active\n                  ? \"pz:bg-primary pz:text-primary-foreground\"\n                  : \"pz:text-muted-foreground pz:hover:text-foreground\")\n              }\n            >\n              {seg.label}\n            </button>\n          );\n        })}\n      </div>\n    );\n  }\n\n  const hasHeader = !!(field.label || field.description || field.info);\n\n  if (!hasHeader) {\n    return (\n      <div data-p0=\"input\" className=\"pz:flex pz:items-center\">\n        <Switch\n          id={field.id}\n          checked={field.checked}\n          onCheckedChange={() => field.toggle()}\n          aria-invalid={!!field.error}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:items-start pz:justify-between pz:gap-4\">\n      <div className=\"pz:flex pz:flex-col pz:gap-0.5 pz:min-w-0\">\n        {(field.label || field.info) && (\n          <div className=\"pz:flex pz:items-center pz:gap-1.5\">\n            {field.label && (\n              <Label\n                htmlFor={field.id}\n                className=\"pz:text-sm pz:font-medium pz:leading-none pz:cursor-pointer\"\n              >\n                {field.label}\n              </Label>\n            )}\n            {field.info && <HoverInfo>{field.info}</HoverInfo>}\n          </div>\n        )}\n        {field.description && (\n          <p className=\"pz:text-xs pz:text-muted-foreground\">{field.description}</p>\n        )}\n      </div>\n      <Switch\n        id={field.id}\n        checked={field.checked}\n        onCheckedChange={() => field.toggle()}\n        aria-invalid={!!field.error}\n        className=\"pz:mt-0.5 pz:shrink-0\"\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAgB,oBACd,OACA;AACA,KAAI,MAAM,SAAS,0BAA0B;EAC3C,MAAM,QAAoC,MAAM,SAC5C,UACA,MAAM,UACJ,SACA;AAgBN,SACE,oBAAC,OAAD;GACE,WAAQ;GACR,MAAK;GACL,gBAAc,CAAC,CAAC,MAAM;GACtB,WAAU;aAfR;IACJ;KAAE,KAAK;KAAS,OAAO;KAAO,eAAe,MAAM,OAAO;KAAE;IAC5D;KAAE,KAAK;KAAQ,OAAO;KAAO,eAAe,MAAM,SAAS,KAAY;KAAE;IACzE;KACE,KAAK;KACL,OAAO;KACP,eAAe,MAAM,SAAS,MAAa;KAC5C;IACF,CASa,KAAK,QAAQ;IACrB,MAAM,SAAS,UAAU,IAAI;AAC7B,WACE,oBAAC,UAAD;KAEE,MAAK;KACL,MAAK;KACL,gBAAc;KACd,SAAS,IAAI;KACb,WACE,qGACC,SACG,6CACA;eAGL,IAAI;KACE,EAbF,IAAI,IAaF;KAEX;GACE;;AAMV,KAAI,CAFc,CAAC,EAAE,MAAM,SAAS,MAAM,eAAe,MAAM,MAG7D,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAC7B,oBAAC,QAAD;GACE,IAAI,MAAM;GACV,SAAS,MAAM;GACf,uBAAuB,MAAM,QAAQ;GACrC,gBAAc,CAAC,CAAC,MAAM;GACtB;EACE;AAIV,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,qBAAC,OAAD;GAAK,WAAU;aAAf,EACI,MAAM,SAAS,MAAM,SACrB,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,MAAM,SACL,oBAAC,OAAD;KACE,SAAS,MAAM;KACf,WAAU;eAET,MAAM;KACD,GAET,MAAM,QAAQ,oBAAC,WAAD,YAAY,MAAM,MAAiB,EAC9C;OAEP,MAAM,eACL,oBAAC,KAAD;IAAG,WAAU;cAAuC,MAAM;IAAgB,EAExE;MACN,oBAAC,QAAD;GACE,IAAI,MAAM;GACV,SAAS,MAAM;GACf,uBAAuB,MAAM,QAAQ;GACrC,gBAAc,CAAC,CAAC,MAAM;GACtB,WAAU;GACV,EACE"}

package/dist/components/defaults/adapters/connector-input.mjs

@@ -0,0 +1,94 @@
+import { cn } from "../../../lib/utils.mjs";
+import { Button } from "../../ui/button.mjs";
+import { IconPlus } from "../../internal/icons.mjs";
+import { useFieldError } from "../../../hooks/use-field-error.mjs";
+import { ProviderLogo } from "../../../widgets/provider-logo.mjs";
+import { SuggestCombobox } from "../../internal/combobox/suggest-combobox.mjs";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/connector-input.tsx
+function ConnectorInputAdapter(field) {
+	const connections = field.meta.filteredConnections ?? [];
+	const value = field.value ?? null;
+	const current = value?.connections ?? [];
+	const hasError = !!useFieldError(field.form, field.path);
+	const options = useMemo(() => connections.map((c) => ({
+		value: c.connection,
+		label: c.connection
+	})), [connections]);
+	const providerByConnection = useMemo(() => {
+		const map = /* @__PURE__ */ new Map();
+		for (const c of connections) map.set(c.connection, c.provider);
+		return map;
+	}, [connections]);
+	const renderLogo = (connectionId) => {
+		const provider = providerByConnection.get(connectionId);
+		if (!provider) return null;
+		return /* @__PURE__ */ jsx(ProviderLogo, {
+			provider,
+			size: 16
+		});
+	};
+	if (field.meta.connectorMode === "disabled") return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:items-center pz:rounded-md pz:border pz:border-input pz:bg-muted pz:px-3 pz:py-2 pz:opacity-60",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "pz:text-sm pz:text-muted-foreground",
+			children: "Custom connections are not supported for this pipe."
+		})
+	});
+	if (connections.length === 0) return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-2 pz:rounded-md pz:border pz:border-input pz:bg-transparent pz:px-3 pz:py-2",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "pz:text-xs pz:text-muted-foreground",
+			children: "No connections available."
+		})
+	});
+	if (value == null) return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:items-center",
+		children: /* @__PURE__ */ jsxs(Button, {
+			type: "button",
+			variant: "link",
+			size: "xs",
+			onClick: () => field.setValue({ connections: [] }),
+			children: [/* @__PURE__ */ jsx(IconPlus, {}), "Add custom connection"]
+		})
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-1",
+		children: [/* @__PURE__ */ jsx("div", {
+			className: cn(hasError && "pz:[&_[data-slot=combobox-chips]]:border-destructive"),
+			children: /* @__PURE__ */ jsx(SuggestCombobox, {
+				value: current.map((c) => c.connection),
+				onChange: (next) => field.setValue({
+					...value,
+					connections: next.map((connection) => ({
+						type: "vault",
+						connection
+					}))
+				}),
+				options,
+				iconFor: renderLogo,
+				ariaInvalid: hasError,
+				placeholder: "Select a connection"
+			})
+		}), /* @__PURE__ */ jsx("div", {
+			className: "pz:flex pz:items-center pz:justify-end",
+			children: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "link",
+				size: "xs",
+				onClick: () => field.setValue(null),
+				children: "Reset"
+			})
+		})]
+	});
+}
+
+//#endregion
+export { ConnectorInputAdapter };
+//# sourceMappingURL=connector-input.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"connector-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/connector-input.tsx"],"sourcesContent":["import type { ProviderName } from \"@pipe0/base\";\nimport { useMemo } from \"react\";\nimport { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { ProviderLogo } from \"../../../widgets/provider-logo.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\nimport { IconPlus } from \"../../internal/icons.js\";\nimport { Button } from \"../../ui/button.js\";\n\nexport function ConnectorInputAdapter(field: FieldHandle<\"connector_input\">) {\n  const connections = field.meta.filteredConnections ?? [];\n  const value = field.value ?? null;\n  const current = value?.connections ?? [];\n  const error = useFieldError(field.form, field.path);\n  const hasError = !!error;\n\n  const options = useMemo(\n    () =>\n      connections.map((c) => ({\n        value: c.connection,\n        label: c.connection,\n      })),\n    [connections],\n  );\n\n  const providerByConnection = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const c of connections) map.set(c.connection, c.provider);\n    return map;\n  }, [connections]);\n\n  const renderLogo = (connectionId: string) => {\n    const provider = providerByConnection.get(connectionId);\n    if (!provider) return null;\n    return <ProviderLogo provider={provider as ProviderName} size={16} />;\n  };\n\n  if (field.meta.connectorMode === \"disabled\") {\n    return (\n      <div\n        data-p0=\"input\"\n        className=\"pz:flex pz:items-center pz:rounded-md pz:border pz:border-input pz:bg-muted pz:px-3 pz:py-2 pz:opacity-60\"\n      >\n        <span className=\"pz:text-sm pz:text-muted-foreground\">\n          Custom connections are not supported for this pipe.\n        </span>\n      </div>\n    );\n  }\n\n  if (connections.length === 0) {\n    return (\n      <div\n        data-p0=\"input\"\n        className=\"pz:flex pz:flex-col pz:gap-2 pz:rounded-md pz:border pz:border-input pz:bg-transparent pz:px-3 pz:py-2\"\n      >\n        <span className=\"pz:text-xs pz:text-muted-foreground\">No connections available.</span>\n      </div>\n    );\n  }\n\n  if (value == null) {\n    return (\n      <div data-p0=\"input\" className=\"pz:flex pz:items-center\">\n        <Button\n          type=\"button\"\n          variant=\"link\"\n          size=\"xs\"\n          onClick={() => field.setValue({ connections: [] })}\n        >\n          <IconPlus />\n          Add custom connection\n        </Button>\n      </div>\n    );\n  }\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-1\">\n      <div className={cn(hasError && \"pz:[&_[data-slot=combobox-chips]]:border-destructive\")}>\n        <SuggestCombobox\n          value={current.map((c) => c.connection)}\n          onChange={(next) =>\n            field.setValue({\n              ...value,\n              connections: next.map((connection) => ({\n                type: \"vault\",\n                connection,\n              })),\n            })\n          }\n          options={options}\n          iconFor={renderLogo}\n          ariaInvalid={hasError}\n          placeholder=\"Select a connection\"\n        />\n      </div>\n      <div className=\"pz:flex pz:items-center pz:justify-end\">\n        <Button type=\"button\" variant=\"link\" size=\"xs\" onClick={() => field.setValue(null)}>\n          Reset\n        </Button>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAUA,SAAgB,sBAAsB,OAAuC;CAC3E,MAAM,cAAc,MAAM,KAAK,uBAAuB,EAAE;CACxD,MAAM,QAAQ,MAAM,SAAS;CAC7B,MAAM,UAAU,OAAO,eAAe,EAAE;CAExC,MAAM,WAAW,CAAC,CADJ,cAAc,MAAM,MAAM,MAAM,KAAK;CAGnD,MAAM,UAAU,cAEZ,YAAY,KAAK,OAAO;EACtB,OAAO,EAAE;EACT,OAAO,EAAE;EACV,EAAE,EACL,CAAC,YAAY,CACd;CAED,MAAM,uBAAuB,cAAc;EACzC,MAAM,sBAAM,IAAI,KAAqB;AACrC,OAAK,MAAM,KAAK,YAAa,KAAI,IAAI,EAAE,YAAY,EAAE,SAAS;AAC9D,SAAO;IACN,CAAC,YAAY,CAAC;CAEjB,MAAM,cAAc,iBAAyB;EAC3C,MAAM,WAAW,qBAAqB,IAAI,aAAa;AACvD,MAAI,CAAC,SAAU,QAAO;AACtB,SAAO,oBAAC,cAAD;GAAwB;GAA0B,MAAM;GAAM;;AAGvE,KAAI,MAAM,KAAK,kBAAkB,WAC/B,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAU;YAEV,oBAAC,QAAD;GAAM,WAAU;aAAsC;GAE/C;EACH;AAIV,KAAI,YAAY,WAAW,EACzB,QACE,oBAAC,OAAD;EACE,WAAQ;EACR,WAAU;YAEV,oBAAC,QAAD;GAAM,WAAU;aAAsC;GAAgC;EAClF;AAIV,KAAI,SAAS,KACX,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAC7B,qBAAC,QAAD;GACE,MAAK;GACL,SAAQ;GACR,MAAK;GACL,eAAe,MAAM,SAAS,EAAE,aAAa,EAAE,EAAE,CAAC;aAJpD,CAME,oBAAC,UAAD,EAAY,2BAEL;;EACL;AAIV,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,oBAAC,OAAD;GAAK,WAAW,GAAG,YAAY,uDAAuD;aACpF,oBAAC,iBAAD;IACE,OAAO,QAAQ,KAAK,MAAM,EAAE,WAAW;IACvC,WAAW,SACT,MAAM,SAAS;KACb,GAAG;KACH,aAAa,KAAK,KAAK,gBAAgB;MACrC,MAAM;MACN;MACD,EAAE;KACJ,CAAC;IAEK;IACT,SAAS;IACT,aAAa;IACb,aAAY;IACZ;GACE,GACN,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,QAAD;IAAQ,MAAK;IAAS,SAAQ;IAAO,MAAK;IAAK,eAAe,MAAM,SAAS,KAAK;cAAE;IAE3E;GACL,EACF"}

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

@@ -0,0 +1,74 @@
+import { cn } from "../../../lib/utils.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
+import { WidgetStrip } from "../../../widgets/widget-strip.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/defaults/adapters/context-select-input.tsx
+function ContextSelectInputAdapter(field) {
+	if (field.pending) return /* @__PURE__ */ jsx("div", {
+		"data-p0": "input",
+		className: cn("pz:opacity-60"),
+		children: /* @__PURE__ */ jsxs(Select, {
+			disabled: true,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "pz:w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Loading…" })
+			}), /* @__PURE__ */ jsx(SelectContent, {})]
+		})
+	});
+	if (field.suggestionsDisabled) return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-1.5",
+		children: [/* @__PURE__ */ jsxs(Select, {
+			disabled: true,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				className: "pz:w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: field.meta.placeholder ?? "Select" })
+			}), /* @__PURE__ */ jsx(SelectContent, {})]
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic",
+			children: [field.suggestionsDisabledReason ?? "Suggestions unavailable", " "]
+		})]
+	});
+	const hasOptions = field.options.length > 0;
+	const selectedOption = field.options.find((o) => o.value === field.selectedValue);
+	return /* @__PURE__ */ jsxs("div", {
+		"data-p0": "input",
+		className: "pz:flex pz:flex-col pz:gap-1",
+		children: [/* @__PURE__ */ jsxs(Select, {
+			value: field.selectedValue || void 0,
+			onValueChange: (v) => {
+				if (v === null) return;
+				field.onSelect(v);
+			},
+			name: field.path,
+			disabled: !hasOptions,
+			children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				id: field.id,
+				"aria-invalid": !!field.error,
+				className: "pz:w-full",
+				children: /* @__PURE__ */ jsx(SelectValue, {
+					placeholder: field.meta.placeholder ?? "— Select —",
+					children: selectedOption ? /* @__PURE__ */ jsxs("span", {
+						className: "pz:flex pz:items-center pz:gap-2",
+						children: [/* @__PURE__ */ jsx(WidgetStrip, { widgets: selectedOption.widgets }), /* @__PURE__ */ jsx("span", { children: selectedOption.label })]
+					}) : void 0
+				})
+			}), /* @__PURE__ */ jsx(SelectContent, { children: field.options.map((opt) => /* @__PURE__ */ jsx(SelectItem, {
+				value: opt.value,
+				label: opt.label,
+				children: /* @__PURE__ */ jsxs("span", {
+					className: "pz:flex pz:items-center pz:gap-2",
+					children: [/* @__PURE__ */ jsx(WidgetStrip, { widgets: opt.widgets }), /* @__PURE__ */ jsx("span", { children: opt.label })]
+				})
+			}, opt.value)) })]
+		}), !hasOptions && /* @__PURE__ */ jsx("span", {
+			className: "pz:text-xs pz:text-muted-foreground",
+			children: "No fields available"
+		})]
+	});
+}
+
+//#endregion
+export { ContextSelectInputAdapter };
+//# sourceMappingURL=context-select-input.mjs.map

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

@@ -0,0 +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  if (field.pending) {\n    return (\n      <div data-p0=\"input\" className={cn(\"pz:opacity-60\")}>\n        <Select disabled>\n          <SelectTrigger className=\"pz:w-full\">\n            <SelectValue placeholder=\"Loading…\" />\n          </SelectTrigger>\n          <SelectContent />\n        </Select>\n      </div>\n    );\n  }\n\n  // Suggestions sub-feature gated. The input itself is disabled when there\n  // are no options to choose from. The gating reason renders as a muted\n  // info card directly below the input — matching the suggestions popover\n  // styling used by the tagged-text-input adapter.\n  if (field.suggestionsDisabled) {\n    return (\n      <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-1.5\">\n        <Select disabled>\n          <SelectTrigger className=\"pz:w-full\">\n            <SelectValue placeholder={field.meta.placeholder ?? \"Select\"} />\n          </SelectTrigger>\n          <SelectContent />\n        </Select>\n        <div className=\"pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic\">\n          {field.suggestionsDisabledReason ?? \"Suggestions unavailable\"}{\" \"}\n        </div>\n      </div>\n    );\n  }\n\n  const hasOptions = field.options.length > 0;\n  const selectedOption = field.options.find((o) => o.value === field.selectedValue);\n\n  return (\n    <div data-p0=\"input\" className=\"pz:flex pz:flex-col pz:gap-1\">\n      <Select\n        value={field.selectedValue || undefined}\n        onValueChange={(v) => {\n          if (v === null) return;\n          field.onSelect(v);\n        }}\n        name={field.path}\n        disabled={!hasOptions}\n      >\n        <SelectTrigger id={field.id} aria-invalid={!!field.error} className=\"pz:w-full\">\n          <SelectValue placeholder={field.meta.placeholder ?? \"— Select —\"}>\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      {!hasOptions && (\n        <span className=\"pz:text-xs pz:text-muted-foreground\">No fields available</span>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAMA,SAAgB,0BAA0B,OAA4C;AACpF,KAAI,MAAM,QACR,QACE,oBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAW,GAAG,gBAAgB;YACjD,qBAAC,QAAD;GAAQ;aAAR,CACE,oBAAC,eAAD;IAAe,WAAU;cACvB,oBAAC,aAAD,EAAa,aAAY,YAAa;IACxB,GAChB,oBAAC,eAAD,EAAiB,EACV;;EACL;AAQV,KAAI,MAAM,oBACR,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,qBAAC,QAAD;GAAQ;aAAR,CACE,oBAAC,eAAD;IAAe,WAAU;cACvB,oBAAC,aAAD,EAAa,aAAa,MAAM,KAAK,eAAe,UAAY;IAClD,GAChB,oBAAC,eAAD,EAAiB,EACV;MACT,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,6BAA6B,2BAA2B,IAC3D;KACF;;CAIV,MAAM,aAAa,MAAM,QAAQ,SAAS;CAC1C,MAAM,iBAAiB,MAAM,QAAQ,MAAM,MAAM,EAAE,UAAU,MAAM,cAAc;AAEjF,QACE,qBAAC,OAAD;EAAK,WAAQ;EAAQ,WAAU;YAA/B,CACE,qBAAC,QAAD;GACE,OAAO,MAAM,iBAAiB;GAC9B,gBAAgB,MAAM;AACpB,QAAI,MAAM,KAAM;AAChB,UAAM,SAAS,EAAE;;GAEnB,MAAM,MAAM;GACZ,UAAU,CAAC;aAPb,CASE,oBAAC,eAAD;IAAe,IAAI,MAAM;IAAI,gBAAc,CAAC,CAAC,MAAM;IAAO,WAAU;cAClE,oBAAC,aAAD;KAAa,aAAa,MAAM,KAAK,eAAe;eACjD,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,CAAC,cACA,oBAAC,QAAD;GAAM,WAAU;aAAsC;GAA0B,EAE9E"}