@pipe0/react 1.0.36 → 1.0.38

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @pipe0/elements-react
 
+## 1.0.38
+
+### Patch Changes
+
+- a7a7d88: feat: add Happenstance network search, warm intro and company contacts
+- e0ae99e: New pipes
+- Updated dependencies [a7a7d88]
+- Updated dependencies [e0ae99e]
+  - @pipe0/base@1.0.38
+
+## 1.0.37
+
+### Patch Changes
+
+- a869751: Restructure CRM enrichments
+- Updated dependencies [a869751]
+  - @pipe0/base@1.0.37
+
 ## 1.0.36
 
 ### Patch Changes

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

@@ -1,10 +1,10 @@
 import { useEffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
 import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mjs";
+import { Cog, Eraser, Sparkles, X, Zap } from "../../internal/icons.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 import { getSheetEffectCategoryEntries } from "@pipe0/base";
-import { Cog, Eraser, Sparkles, X, Zap } from "lucide-react";
 
 //#region src/components/compound/effect-catalog/category-filter.tsx
 const EFFECT_CATEGORY_ICONS = {

package/dist/components/compound/effect-catalog/category-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/effect-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSheetEffectCategoryEntries, type SheetEffectCategory } from \"@pipe0/base\";\nimport { Cog, Eraser, Sparkles, X, Zap } from \"lucide-react\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst EFFECT_CATEGORY_ICONS: Record<\n  SheetEffectCategory,\n  CategoryOption<SheetEffectCategory>[\"icon\"]\n> = {\n  data_hygiene: Eraser,\n  enrichment: Zap,\n  internal: Cog,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SheetEffectCategory>> = [\n  { id: null, label: \"All\", icon: Sparkles },\n  ...[...getSheetEffectCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SheetEffectCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: EFFECT_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface EffectCatalogCategoryFilterState {\n  value: SheetEffectCategory | null;\n  setValue: (value: SheetEffectCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n  counts: Partial<Record<SheetEffectCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface EffectCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n}\n\nexport function EffectCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: EffectCatalogCategoryFilterProps) {\n  const ctx = useEffectCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,wBAGF;CACF,cAAc;CACd,YAAY;CACZ,UAAU;CACV,YAAY;CACb;AAED,MAAM,kBAAsE,CAC1E;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,+BAA+B,CAAC,CACpC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAAgD;CAC/C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,4BAA4B,EAC1C,UAAU,iBACV,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,yBAAyB;CACrC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}
+{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/effect-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSheetEffectCategoryEntries, type SheetEffectCategory } from \"@pipe0/base\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\nimport { Cog, Eraser, Sparkles, X, Zap } from \"../../internal/icons.js\";\n\nconst EFFECT_CATEGORY_ICONS: Record<\n  SheetEffectCategory,\n  CategoryOption<SheetEffectCategory>[\"icon\"]\n> = {\n  data_hygiene: Eraser,\n  enrichment: Zap,\n  internal: Cog,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SheetEffectCategory>> = [\n  { id: null, label: \"All\", icon: Sparkles },\n  ...[...getSheetEffectCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SheetEffectCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: EFFECT_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface EffectCatalogCategoryFilterState {\n  value: SheetEffectCategory | null;\n  setValue: (value: SheetEffectCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n  counts: Partial<Record<SheetEffectCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface EffectCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", EffectCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SheetEffectCategory>>;\n}\n\nexport function EffectCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: EffectCatalogCategoryFilterProps) {\n  const ctx = useEffectCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,wBAGF;CACF,cAAc;CACd,YAAY;CACZ,UAAU;CACV,YAAY;CACb;AAED,MAAM,kBAAsE,CAC1E;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,+BAA+B,CAAC,CACpC,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAAgD;CAC/C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,4BAA4B,EAC1C,UAAU,iBACV,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,yBAAyB;CACrC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}

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

@@ -1,11 +1,11 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
 import { useEffectCatalogContext } from "../../../context/effect-catalog-context.mjs";
+import { Search } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Search } from "lucide-react";
 
 //#region src/components/compound/effect-catalog/search-filter.tsx
 function EffectCatalogSearchFilter({ placeholder = "Search effects...", className, render, ...props }) {

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

@@ -1 +1 @@
-{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/effect-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface EffectCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface EffectCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", EffectCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function EffectCatalogSearchFilter({\n  placeholder = \"Search effects...\",\n  className,\n  render,\n  ...props\n}: EffectCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useEffectCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,0BAA0B,EACxC,cAAc,qBACd,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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"}
+{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/effect-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useEffectCatalogContext } from \"../../../context/effect-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Search as SearchIcon } from \"../../internal/icons.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface EffectCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface EffectCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", EffectCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function EffectCatalogSearchFilter({\n  placeholder = \"Search effects...\",\n  className,\n  render,\n  ...props\n}: EffectCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useEffectCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,0BAA0B,EACxC,cAAc,qBACd,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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/pipe-catalog/category-filter.mjs

@@ -1,10 +1,10 @@
 import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
 import { DefaultCategoryFilter } from "../../defaults/catalog/category-filter.mjs";
+import { Building2, Database, Hammer, Plug, ScanFace, Search, Users, X, Zap } from "../../internal/icons.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx } from "react/jsx-runtime";
 import { getPipeCategoryEntries } from "@pipe0/base";
-import { Building2, Database, Hammer, Plug, ScanFace, Search, Users, X, Zap } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/category-filter.tsx
 const PIPE_CATEGORY_ICONS = {

package/dist/components/compound/pipe-catalog/category-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"category-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/pipe-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getPipeCategoryEntries, type PipeCategory } from \"@pipe0/base\";\nimport {\n  Building2,\n  Database,\n  Hammer,\n  Plug,\n  ScanFace,\n  Search as SearchIcon,\n  Users,\n  X,\n  Zap,\n} from \"lucide-react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst PIPE_CATEGORY_ICONS: Record<PipeCategory, CategoryOption<PipeCategory>[\"icon\"]> = {\n  people_data: ScanFace,\n  company_data: Building2,\n  find_people: Users,\n  find_comapnies: SearchIcon,\n  tools: Hammer,\n  actions: Zap,\n  integrations: Plug,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<PipeCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getPipeCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<PipeCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: PIPE_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface PipeCatalogCategoryFilterState {\n  value: PipeCategory | null;\n  setValue: (value: PipeCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<PipeCategory>>;\n  counts: Partial<Record<PipeCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", PipeCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<PipeCategory>>;\n}\n\nexport function PipeCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: PipeCatalogCategoryFilterProps) {\n  const ctx = usePipeCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,MAAM,sBAAkF;CACtF,aAAa;CACb,cAAc;CACd,aAAa;CACb,gBAAgBA;CAChB,OAAO;CACP,SAAS;CACT,cAAc;CACd,YAAY;CACb;AAED,MAAM,kBAA+D,CACnE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,wBAAwB,CAAC,CAC7B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAAyC;CACxC,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,oBAAoB,MAAM;CACjC,EACF,CACJ;AAiBD,SAAgB,0BAA0B,EACxC,UAAU,iBACV,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,MAAM,uBAAuB;CACnC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}
+{"version":3,"file":"category-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/pipe-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getPipeCategoryEntries, type PipeCategory } from \"@pipe0/base\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\nimport {\n  Building2,\n  Database,\n  Hammer,\n  Plug,\n  ScanFace,\n  Search as SearchIcon,\n  Users,\n  X,\n  Zap,\n} from \"../../internal/icons.js\";\n\nconst PIPE_CATEGORY_ICONS: Record<PipeCategory, CategoryOption<PipeCategory>[\"icon\"]> = {\n  people_data: ScanFace,\n  company_data: Building2,\n  find_people: Users,\n  find_comapnies: SearchIcon,\n  tools: Hammer,\n  actions: Zap,\n  integrations: Plug,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<PipeCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getPipeCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<PipeCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: PIPE_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface PipeCatalogCategoryFilterState {\n  value: PipeCategory | null;\n  setValue: (value: PipeCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<PipeCategory>>;\n  counts: Partial<Record<PipeCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", PipeCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<PipeCategory>>;\n}\n\nexport function PipeCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: PipeCatalogCategoryFilterProps) {\n  const ctx = usePipeCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,MAAM,sBAAkF;CACtF,aAAa;CACb,cAAc;CACd,aAAa;CACb,gBAAgBA;CAChB,OAAO;CACP,SAAS;CACT,cAAc;CACd,YAAY;CACb;AAED,MAAM,kBAA+D,CACnE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,wBAAwB,CAAC,CAC7B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAAyC;CACxC,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,oBAAoB,MAAM;CACjC,EACF,CACJ;AAiBD,SAAgB,0BAA0B,EACxC,UAAU,iBACV,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,MAAM,uBAAuB;CACnC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}

package/dist/components/compound/pipe-catalog/input-field-filter.mjs

@@ -1,6 +1,6 @@
+import { ArrowUp } from "../../internal/icons.mjs";
 import { PipeCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowUp } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/input-field-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

package/dist/components/compound/pipe-catalog/input-field-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/input-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { ArrowUp } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogInputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowUp className=\"pz:size-4\" /> Input fields\n  </span>\n);\n\nexport function PipeCatalogInputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogInputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"inputFields\"\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,SAAD,EAAS,WAAU,aAAc,mBAC5B;;AAGT,SAAgB,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;AACnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"input-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/input-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { ArrowUp } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogInputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowUp className=\"pz:size-4\" /> Input fields\n  </span>\n);\n\nexport function PipeCatalogInputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogInputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"inputFields\"\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,SAAD,EAAS,WAAU,aAAc,mBAC5B;;AAGT,SAAgB,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;AACnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

package/dist/components/compound/pipe-catalog/output-field-filter.mjs

@@ -1,6 +1,6 @@
+import { ArrowDown } from "../../internal/icons.mjs";
 import { PipeCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDown } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/output-field-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

package/dist/components/compound/pipe-catalog/output-field-filter.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/output-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowDown className=\"pz:size-4\" /> Output fields\n  </span>\n);\n\nexport function PipeCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogOutputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"outputFields\"\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,WAAD,EAAW,WAAU,aAAc,oBAC9B;;AAGT,SAAgB,6BAA6B,EAC3C,SACA,cAAc,qBACd,WACA,UACoC;AACpC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/output-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { ArrowDown } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowDown className=\"pz:size-4\" /> Output fields\n  </span>\n);\n\nexport function PipeCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogOutputFieldFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\n      id=\"outputFields\"\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,WAAD,EAAW,WAAU,aAAc,oBAC9B;;AAGT,SAAgB,6BAA6B,EAC3C,SACA,cAAc,qBACd,WACA,UACoC;AACpC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/provider-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { Building2 } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Building2 className=\"pz:size-4\" /> Provider\n  </span>\n);\n\nexport function PipeCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogProviderFilterProps) {\n  const ctx = usePipeCatalogContext();\n  // Provider option labels carry the logo image so the default <Select> shows\n  // the brand mark — matches what dash users expect from this filter.\n  const resolvedOptions =\n    options ??\n    ctx.sortedProviderEntries.map(([name]) => ({\n      label: name,\n      value: name,\n      imageSrc: getProviderEntry(name as ProviderName)?.logoUrl,\n    }));\n\n  return (\n    <PipeCatalogColumnFilter\n      id=\"providers\"\n      placeholder={placeholder}\n      options={resolvedOptions}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,eAC9B;;AAGT,SAAgB,0BAA0B,EACxC,SACA,cAAc,qBACd,WACA,UACiC;CACjC,MAAM,MAAM,uBAAuB;AAWnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACb,SAXF,WACA,IAAI,sBAAsB,KAAK,CAAC,WAAW;GACzC,OAAO;GACP,OAAO;GACP,UAAU,iBAAiB,KAAqB,EAAE;GACnD,EAAE;EAOU;EACH;EACR"}
+{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/provider-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport type { ReactNode } from \"react\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { Building2 } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Building2 className=\"pz:size-4\" /> Provider\n  </span>\n);\n\nexport function PipeCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogProviderFilterProps) {\n  const ctx = usePipeCatalogContext();\n  // Provider option labels carry the logo image so the default <Select> shows\n  // the brand mark — matches what dash users expect from this filter.\n  const resolvedOptions =\n    options ??\n    ctx.sortedProviderEntries.map(([name]) => ({\n      label: name,\n      value: name,\n      imageSrc: getProviderEntry(name as ProviderName)?.logoUrl,\n    }));\n\n  return (\n    <PipeCatalogColumnFilter\n      id=\"providers\"\n      placeholder={placeholder}\n      options={resolvedOptions}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,eAC9B;;AAGT,SAAgB,0BAA0B,EACxC,SACA,cAAc,qBACd,WACA,UACiC;CACjC,MAAM,MAAM,uBAAuB;AAWnC,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACb,SAXF,WACA,IAAI,sBAAsB,KAAK,CAAC,WAAW;GACzC,OAAO;GACP,OAAO;GACP,UAAU,iBAAiB,KAAqB,EAAE;GACnD,EAAE;EAOU;EACH;EACR"}

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

@@ -1,11 +1,11 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
 import { usePipeCatalogContext } from "../../../context/pipe-catalog-context.mjs";
+import { Search } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Search } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/search-filter.tsx
 function PipeCatalogSearchFilter({ placeholder = "Search pipes...", className, render, ...props }) {

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

@@ -1 +1 @@
-{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/pipe-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface PipeCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", PipeCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function PipeCatalogSearchFilter({\n  placeholder = \"Search pipes...\",\n  className,\n  render,\n  ...props\n}: PipeCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = usePipeCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,wBAAwB,EACtC,cAAc,mBACd,WACA,QACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,mBAAmB,yBAAyB,uBAAuB;CAC3E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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"}
+{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/pipe-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { usePipeCatalogContext } from \"../../../context/pipe-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Search as SearchIcon } from \"../../internal/icons.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface PipeCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface PipeCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", PipeCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function PipeCatalogSearchFilter({\n  placeholder = \"Search pipes...\",\n  className,\n  render,\n  ...props\n}: PipeCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = usePipeCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,wBAAwB,EACtC,cAAc,mBACd,WACA,QACA,GAAG,SAC4B;CAC/B,MAAM,EAAE,mBAAmB,yBAAyB,uBAAuB;CAC3E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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/pipe-catalog/tag-filter.mjs

@@ -1,6 +1,6 @@
+import { Tag } from "../../internal/icons.mjs";
 import { PipeCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Tag } from "lucide-react";
 
 //#region src/components/compound/pipe-catalog/tag-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/tag-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { Tag } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 PipeCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogTagFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\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,qBAAqB,EACnC,SACA,cAAc,qBACd,WACA,UAC4B;AAC5B,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/pipe-catalog/tag-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { Tag } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, PipeCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface PipeCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 PipeCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: PipeCatalogTagFilterProps) {\n  return (\n    <PipeCatalogColumnFilter\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,qBAAqB,EACnC,SACA,cAAc,qBACd,WACA,UAC4B;AAC5B,QACE,oBAAC,yBAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSearchCategoryEntries, type SearchCategory } from \"@pipe0/base\";\nimport { Building2, Database, Table, User, X } from \"lucide-react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\n\nconst SEARCH_CATEGORY_ICONS: Record<SearchCategory, CategoryOption<SearchCategory>[\"icon\"]> = {\n  people: User,\n  companies: Building2,\n  data: Table,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SearchCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getSearchCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SearchCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: SEARCH_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface SearchCatalogCategoryFilterState {\n  value: SearchCategory | null;\n  setValue: (value: SearchCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SearchCategory>>;\n  counts: Partial<Record<SearchCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SearchCategory>>;\n}\n\nexport function SearchCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: SearchCatalogCategoryFilterProps) {\n  const ctx = useSearchCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,wBAAwF;CAC5F,QAAQ;CACR,WAAW;CACX,MAAM;CACN,YAAY;CACb;AAED,MAAM,kBAAiE,CACrE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,0BAA0B,CAAC,CAC/B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAA2C;CAC1C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,4BAA4B,EAC1C,UAAU,iBACV,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,yBAAyB;CACrC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}
+{"version":3,"file":"category-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/category-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { getSearchCategoryEntries, type SearchCategory } from \"@pipe0/base\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport {\n  type CategoryOption,\n  DefaultCategoryFilter,\n} from \"../../defaults/catalog/category-filter.js\";\nimport { Building2, Database, Table, User, X } from \"../../internal/icons.js\";\n\nconst SEARCH_CATEGORY_ICONS: Record<SearchCategory, CategoryOption<SearchCategory>[\"icon\"]> = {\n  people: User,\n  companies: Building2,\n  data: Table,\n  deprecated: X,\n};\n\nconst DEFAULT_OPTIONS: ReadonlyArray<CategoryOption<SearchCategory>> = [\n  { id: null, label: \"All\", icon: Database },\n  ...[...getSearchCategoryEntries()]\n    .sort((a, b) => a.order - b.order)\n    .map(\n      (entry): CategoryOption<SearchCategory> => ({\n        id: entry.id,\n        label: entry.label,\n        icon: SEARCH_CATEGORY_ICONS[entry.id],\n      }),\n    ),\n];\n\nexport interface SearchCatalogCategoryFilterState {\n  value: SearchCategory | null;\n  setValue: (value: SearchCategory | null) => void;\n  options: ReadonlyArray<CategoryOption<SearchCategory>>;\n  counts: Partial<Record<SearchCategory, number>>;\n  totalCount: number;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogCategoryFilterProps\n  extends useRender.ComponentProps<\"div\", SearchCatalogCategoryFilterState> {\n  /** Override the default category options. */\n  options?: ReadonlyArray<CategoryOption<SearchCategory>>;\n}\n\nexport function SearchCatalogCategoryFilter({\n  options = DEFAULT_OPTIONS,\n  className,\n  render,\n  ...props\n}: SearchCatalogCategoryFilterProps) {\n  const ctx = useSearchCatalogContext();\n  const value = ctx.category;\n  const isActive = value !== null;\n\n  const element = useRender({\n    defaultTagName: \"div\",\n    render,\n    state: {\n      value,\n      setValue: ctx.setCategory,\n      options,\n      counts: ctx.baselineCategoryCounts,\n      totalCount: ctx.baselineCardCount,\n      isActive,\n    },\n    stateAttributesMapping: {\n      setValue: () => null,\n      options: () => null,\n      counts: () => null,\n    },\n    props: mergeProps<\"div\">(\n      {\n        className,\n        ...({ \"data-p0\": \"catalog-category-filter\" } as Record<string, string>),\n      },\n      props,\n    ),\n  });\n\n  if (render) return element;\n\n  return (\n    <DefaultCategoryFilter\n      options={options}\n      value={ctx.category}\n      onChange={ctx.setCategory}\n      className={className}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,MAAM,wBAAwF;CAC5F,QAAQ;CACR,WAAW;CACX,MAAM;CACN,YAAY;CACb;AAED,MAAM,kBAAiE,CACrE;CAAE,IAAI;CAAM,OAAO;CAAO,MAAM;CAAU,EAC1C,GAAG,CAAC,GAAG,0BAA0B,CAAC,CAC/B,MAAM,GAAG,MAAM,EAAE,QAAQ,EAAE,MAAM,CACjC,KACE,WAA2C;CAC1C,IAAI,MAAM;CACV,OAAO,MAAM;CACb,MAAM,sBAAsB,MAAM;CACnC,EACF,CACJ;AAiBD,SAAgB,4BAA4B,EAC1C,UAAU,iBACV,WACA,QACA,GAAG,SACgC;CACnC,MAAM,MAAM,yBAAyB;CACrC,MAAM,QAAQ,IAAI;CAClB,MAAM,WAAW,UAAU;CAE3B,MAAM,UAAU,UAAU;EACxB,gBAAgB;EAChB;EACA,OAAO;GACL;GACA,UAAU,IAAI;GACd;GACA,QAAQ,IAAI;GACZ,YAAY,IAAI;GAChB;GACD;EACD,wBAAwB;GACtB,gBAAgB;GAChB,eAAe;GACf,cAAc;GACf;EACD,OAAO,WACL;GACE;GACM,WAAW;GAClB,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,QACE,oBAAC,uBAAD;EACW;EACT,OAAO,IAAI;EACX,UAAU,IAAI;EACH;EACX"}

package/dist/components/compound/search-catalog/output-field-filter.mjs

@@ -1,6 +1,6 @@
+import { ArrowDown } from "../../internal/icons.mjs";
 import { SearchCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { ArrowDown } from "lucide-react";
 
 //#region src/components/compound/search-catalog/output-field-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/output-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { ArrowDown } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowDown className=\"pz:size-4\" /> Output fields\n  </span>\n);\n\nexport function SearchCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogOutputFieldFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\n      id=\"outputFields\"\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,WAAD,EAAW,WAAU,aAAc,oBAC9B;;AAGT,SAAgB,+BAA+B,EAC7C,SACA,cAAc,qBACd,WACA,UACsC;AACtC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"output-field-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/output-field-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { ArrowDown } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogOutputFieldFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <ArrowDown className=\"pz:size-4\" /> Output fields\n  </span>\n);\n\nexport function SearchCatalogOutputFieldFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogOutputFieldFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\n      id=\"outputFields\"\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,WAAD,EAAW,WAAU,aAAc,oBAC9B;;AAGT,SAAgB,+BAA+B,EAC7C,SACA,cAAc,qBACd,WACA,UACsC;AACtC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport { Building2 } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Building2 className=\"pz:size-4\" /> Provider\n  </span>\n);\n\nexport function SearchCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogProviderFilterProps) {\n  const ctx = useSearchCatalogContext();\n  const resolvedOptions =\n    options ??\n    ctx.sortedProviderEntries.map(([name]) => ({\n      label: name,\n      value: name,\n      imageSrc: getProviderEntry(name as ProviderName)?.logoUrl,\n    }));\n\n  return (\n    <SearchCatalogColumnFilter\n      id=\"providers\"\n      placeholder={placeholder}\n      options={resolvedOptions}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,eAC9B;;AAGT,SAAgB,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;CACnC,MAAM,MAAM,yBAAyB;AASrC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACb,SAXF,WACA,IAAI,sBAAsB,KAAK,CAAC,WAAW;GACzC,OAAO;GACP,OAAO;GACP,UAAU,iBAAiB,KAAqB,EAAE;GACnD,EAAE;EAOU;EACH;EACR"}
+{"version":3,"file":"provider-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/provider-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { getProviderEntry, type ProviderName } from \"@pipe0/base\";\nimport type { ReactNode } from \"react\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { Building2 } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogProviderFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\n}\n\nconst DEFAULT_PLACEHOLDER = (\n  <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n    <Building2 className=\"pz:size-4\" /> Provider\n  </span>\n);\n\nexport function SearchCatalogProviderFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogProviderFilterProps) {\n  const ctx = useSearchCatalogContext();\n  const resolvedOptions =\n    options ??\n    ctx.sortedProviderEntries.map(([name]) => ({\n      label: name,\n      value: name,\n      imageSrc: getProviderEntry(name as ProviderName)?.logoUrl,\n    }));\n\n  return (\n    <SearchCatalogColumnFilter\n      id=\"providers\"\n      placeholder={placeholder}\n      options={resolvedOptions}\n      className={className}\n      render={render}\n    />\n  );\n}\n"],"mappings":";;;;;;;AAeA,MAAM,sBACJ,qBAAC,QAAD;CAAM,WAAU;WAAhB,CACE,oBAAC,WAAD,EAAW,WAAU,aAAc,eAC9B;;AAGT,SAAgB,4BAA4B,EAC1C,SACA,cAAc,qBACd,WACA,UACmC;CACnC,MAAM,MAAM,yBAAyB;AASrC,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACb,SAXF,WACA,IAAI,sBAAsB,KAAK,CAAC,WAAW;GACzC,OAAO;GACP,OAAO;GACP,UAAU,iBAAiB,KAAqB,EAAE;GACnD,EAAE;EAOU;EACH;EACR"}

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

@@ -1,11 +1,11 @@
 import { cn } from "../../../lib/utils.mjs";
 import { useCatalogConfig } from "../../../context/catalog-config-context.mjs";
 import { useSearchCatalogContext } from "../../../context/search-catalog-context.mjs";
+import { Search } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { useRender } from "@base-ui/react/use-render";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Search } from "lucide-react";
 
 //#region src/components/compound/search-catalog/search-filter.tsx
 function SearchCatalogSearchFilter({ placeholder = "Search searches...", className, render, ...props }) {

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

@@ -1 +1 @@
-{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport { Search as SearchIcon } from \"lucide-react\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface SearchCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", SearchCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function SearchCatalogSearchFilter({\n  placeholder = \"Search searches...\",\n  className,\n  render,\n  ...props\n}: SearchCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useSearchCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,0BAA0B,EACxC,cAAc,sBACd,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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"}
+{"version":3,"file":"search-filter.mjs","names":["SearchIcon"],"sources":["../../../../src/components/compound/search-catalog/search-filter.tsx"],"sourcesContent":["import { mergeProps } from \"@base-ui/react/merge-props\";\nimport { useRender } from \"@base-ui/react/use-render\";\nimport type { ChangeEvent } from \"react\";\nimport { useCatalogConfig } from \"../../../context/catalog-config-context.js\";\nimport { useSearchCatalogContext } from \"../../../context/search-catalog-context.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport { Search as SearchIcon } from \"../../internal/icons.js\";\nimport { Input } from \"../../ui/input.js\";\n\nexport interface SearchCatalogSearchFilterState {\n  value: string;\n  setValue: (value: string) => void;\n  isActive: boolean;\n}\n\nexport interface SearchCatalogSearchFilterProps\n  extends useRender.ComponentProps<\"input\", SearchCatalogSearchFilterState> {\n  placeholder?: string;\n}\n\nexport function SearchCatalogSearchFilter({\n  placeholder = \"Search searches...\",\n  className,\n  render,\n  ...props\n}: SearchCatalogSearchFilterProps) {\n  const { globalFilterInput, setGlobalFilterInput } = useSearchCatalogContext();\n  const { classNames } = useCatalogConfig();\n  const isActive = !!globalFilterInput;\n\n  const inputElement = useRender({\n    defaultTagName: \"input\",\n    render,\n    state: { value: globalFilterInput, setValue: setGlobalFilterInput, isActive },\n    stateAttributesMapping: {\n      setValue: () => null,\n    },\n    props: mergeProps<\"input\">(\n      {\n        type: \"search\",\n        placeholder,\n        value: globalFilterInput,\n        onChange: (e: ChangeEvent<HTMLInputElement>) => setGlobalFilterInput(e.target.value),\n        className: render ? cn(classNames?.searchInput, className) : undefined,\n      },\n      props,\n    ),\n  });\n\n  if (render) return inputElement;\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,0BAA0B,EACxC,cAAc,sBACd,WACA,QACA,GAAG,SAC8B;CACjC,MAAM,EAAE,mBAAmB,yBAAyB,yBAAyB;CAC7E,MAAM,EAAE,eAAe,kBAAkB;CAGzC,MAAM,eAAe,UAAU;EAC7B,gBAAgB;EAChB;EACA,OAAO;GAAE,OAAO;GAAmB,UAAU;GAAsB,UALpD,CAAC,CAAC;GAK4D;EAC7E,wBAAwB,EACtB,gBAAgB,MACjB;EACD,OAAO,WACL;GACE,MAAM;GACN;GACA,OAAO;GACP,WAAW,MAAqC,qBAAqB,EAAE,OAAO,MAAM;GACpF,WAAW,SAAS,GAAG,YAAY,aAAa,UAAU,GAAG;GAC9D,EACD,MACD;EACF,CAAC;AAEF,KAAI,OAAQ,QAAO;AAEnB,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/search-catalog/tag-filter.mjs

@@ -1,6 +1,6 @@
+import { Tag } from "../../internal/icons.mjs";
 import { SearchCatalogColumnFilter } from "./column-filter.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Tag } from "lucide-react";
 
 //#region src/components/compound/search-catalog/tag-filter.tsx
 const DEFAULT_PLACEHOLDER = /* @__PURE__ */ jsxs("span", {

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

@@ -1 +1 @@
-{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/tag-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport { Tag } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 SearchCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogTagFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\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,uBAAuB,EACrC,SACA,cAAc,qBACd,WACA,UAC8B;AAC9B,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}
+{"version":3,"file":"tag-filter.mjs","names":[],"sources":["../../../../src/components/compound/search-catalog/tag-filter.tsx"],"sourcesContent":["import type { useRender } from \"@base-ui/react/use-render\";\nimport type { ReactNode } from \"react\";\nimport type { FilterSelectOption } from \"../../defaults/catalog/filter-select.js\";\nimport { Tag } from \"../../internal/icons.js\";\nimport { type ColumnFilterState, SearchCatalogColumnFilter } from \"./column-filter.js\";\n\nexport interface SearchCatalogTagFilterProps {\n  options?: ReadonlyArray<FilterSelectOption>;\n  placeholder?: ReactNode;\n  className?: string;\n  render?: useRender.ComponentProps<\"div\", ColumnFilterState>[\"render\"];\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 SearchCatalogTagFilter({\n  options,\n  placeholder = DEFAULT_PLACEHOLDER,\n  className,\n  render,\n}: SearchCatalogTagFilterProps) {\n  return (\n    <SearchCatalogColumnFilter\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,uBAAuB,EACrC,SACA,cAAc,qBACd,WACA,UAC8B;AAC9B,QACE,oBAAC,2BAAD;EACE,IAAG;EACU;EACJ;EACE;EACH;EACR"}

package/dist/components/defaults/adapters/json-extraction-input.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Button } from "../../ui/button.mjs";
+import { IconChevronDown, IconEye, IconEyeOff, IconPlus, IconRefresh, IconTrash } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
-import { IconChevronDown, IconEye, IconEyeOff, IconPlus, IconRefresh, IconTrash } from "../../internal/icons.mjs";
 import { HoverInfo } from "../../hover-info.mjs";
 import { useFieldError } from "../../../hooks/use-field-error.mjs";
 import { Label } from "../../ui/label.mjs";

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

@@ -1,9 +1,9 @@
 import { Button } from "../../ui/button.mjs";
+import { Plus, X } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { FieldLegend } from "../../internal/field-legend.mjs";
 import { LiquidEditor } from "../../internal/LiquidEditor/LiquidEditor.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Plus, X } from "lucide-react";
 
 //#region src/components/defaults/adapters/loose-object-input.tsx
 /**

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

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

package/dist/components/defaults/adapters/pipes-run-if-input.mjs

@@ -1,8 +1,8 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Button } from "../../ui/button.mjs";
+import { IconPlus } from "../../internal/icons.mjs";
 import { Input } from "../../ui/input.mjs";
 import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "../../ui/select.mjs";
-import { IconPlus } from "../../internal/icons.mjs";
 import { HoverInfo } from "../../hover-info.mjs";
 import { Badge } from "../../ui/badge.mjs";
 import { useFieldError } from "../../../hooks/use-field-error.mjs";

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

@@ -1,7 +1,7 @@
 import { cn } from "../../../lib/utils.mjs";
 import { Button } from "../../ui/button.mjs";
-import { Input } from "../../ui/input.mjs";
 import { IconCheck, IconPencil, IconPlus, IconTrash } from "../../internal/icons.mjs";
+import { Input } from "../../ui/input.mjs";
 import { useFieldError } from "../../../hooks/use-field-error.mjs";
 import { generateRandomString } from "../../../utils/generate-random-string.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";

package/dist/components/defaults/adapters/property-list-input.mjs

@@ -13,25 +13,41 @@ function diffReplay(prev, next, add, remove) {
 function PropertyListInputAdapter(field) {
 	const itemsError = useFieldError(field.form, field.path);
 	const labelFor = (value) => field.options?.find((o) => o.value === value)?.label ?? value;
+	const countOf = field.meta.selectionCount;
+	const source = countOf ? field.form.watch(countOf.ofPath) : void 0;
+	const total = countOf && source && typeof source === "object" ? Object.keys(source).filter((key) => key.trim()).length : 0;
 	return /* @__PURE__ */ jsxs("div", {
 		"data-p0": "input",
 		className: cn("pz:flex pz:flex-col pz:gap-1", field.pending && "pz:opacity-60"),
-		children: [/* @__PURE__ */ jsx(SuggestCombobox, {
-			value: field.items,
-			onChange: (next) => diffReplay(field.items, next, field.add, field.remove),
-			options: field.loadOptions ? void 0 : field.options,
-			loadOptions: field.loadOptions,
-			labelFor,
-			allowCreate: field.allowCreate ?? true,
-			disabled: field.pending,
-			maxItems: field.meta.maxItems,
-			placeholder: field.pending ? "Loading…" : field.meta.placeholder,
-			emptyLabel: "No matches",
-			ariaInvalid: !!itemsError || !!field.error
-		}), field.suggestionsDisabled && /* @__PURE__ */ jsxs("div", {
-			className: "pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic",
-			children: [field.suggestionsDisabledReason ?? "Suggestions unavailable", " "]
-		})]
+		children: [
+			/* @__PURE__ */ jsx(SuggestCombobox, {
+				value: field.items,
+				onChange: (next) => diffReplay(field.items, next, field.add, field.remove),
+				options: field.loadOptions ? void 0 : field.options,
+				loadOptions: field.loadOptions,
+				labelFor,
+				allowCreate: field.allowCreate ?? true,
+				disabled: field.pending,
+				maxItems: field.meta.maxItems,
+				placeholder: field.pending ? "Loading…" : field.meta.placeholder,
+				emptyLabel: "No matches",
+				ariaInvalid: !!itemsError || !!field.error
+			}),
+			countOf && total > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "pz:text-xs pz:text-muted-foreground",
+				children: [
+					field.items.length,
+					" of ",
+					total,
+					" ",
+					countOf.label
+				]
+			}),
+			field.suggestionsDisabled && /* @__PURE__ */ jsxs("div", {
+				className: "pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic",
+				children: [field.suggestionsDisabledReason ?? "Suggestions unavailable", " "]
+			})
+		]
 	});
 }
 

package/dist/components/defaults/adapters/property-list-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"property-list-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/property-list-input.tsx"],"sourcesContent":["import { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\n\nfunction diffReplay(\n  prev: string[],\n  next: string[],\n  add: (v: string) => void,\n  remove: (v: string) => void,\n) {\n  const prevSet = new Set(prev);\n  const nextSet = new Set(next);\n  for (const v of next) if (!prevSet.has(v)) add(v);\n  for (const v of prev) if (!nextSet.has(v)) remove(v);\n}\n\n// Same editor as `multi_create_input`; the value shape difference\n// (`{ property }[]` vs `string[]`) is bridged in the section handler.\n// Connection-scoped suggestions (meta.optionsDef) make the field\n// suggestion-only: `allowCreate` comes through the handler as `false` and the\n// picked chips keep their fetched labels via `labelFor`.\nexport function PropertyListInputAdapter(field: FieldHandle<\"property_list_input\">) {\n  const itemsError = useFieldError(field.form, field.path);\n  const labelFor = (value: string) => field.options?.find((o) => o.value === value)?.label ?? value;\n\n  return (\n    <div\n      data-p0=\"input\"\n      className={cn(\"pz:flex pz:flex-col pz:gap-1\", field.pending && \"pz:opacity-60\")}\n    >\n      <SuggestCombobox\n        value={field.items}\n        onChange={(next) => diffReplay(field.items, next, field.add, field.remove)}\n        options={field.loadOptions ? undefined : field.options}\n        loadOptions={field.loadOptions}\n        labelFor={labelFor}\n        allowCreate={field.allowCreate ?? true}\n        disabled={field.pending}\n        maxItems={field.meta.maxItems}\n        placeholder={field.pending ? \"Loading…\" : field.meta.placeholder}\n        emptyLabel=\"No matches\"\n        ariaInvalid={!!itemsError || !!field.error}\n      />\n      {field.suggestionsDisabled && (\n        <div className=\"pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic\">\n          {field.suggestionsDisabledReason ?? \"Suggestions unavailable\"}{\" \"}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAS,WACP,MACA,MACA,KACA,QACA;CACA,MAAM,UAAU,IAAI,IAAI,KAAK;CAC7B,MAAM,UAAU,IAAI,IAAI,KAAK;AAC7B,MAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,KAAI,EAAE;AACjD,MAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,QAAO,EAAE;;AAQtD,SAAgB,yBAAyB,OAA2C;CAClF,MAAM,aAAa,cAAc,MAAM,MAAM,MAAM,KAAK;CACxD,MAAM,YAAY,UAAkB,MAAM,SAAS,MAAM,MAAM,EAAE,UAAU,MAAM,EAAE,SAAS;AAE5F,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,gCAAgC,MAAM,WAAW,gBAAgB;YAFjF,CAIE,oBAAC,iBAAD;GACE,OAAO,MAAM;GACb,WAAW,SAAS,WAAW,MAAM,OAAO,MAAM,MAAM,KAAK,MAAM,OAAO;GAC1E,SAAS,MAAM,cAAc,SAAY,MAAM;GAC/C,aAAa,MAAM;GACT;GACV,aAAa,MAAM,eAAe;GAClC,UAAU,MAAM;GAChB,UAAU,MAAM,KAAK;GACrB,aAAa,MAAM,UAAU,aAAa,MAAM,KAAK;GACrD,YAAW;GACX,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,MAAM;GACrC,GACD,MAAM,uBACL,qBAAC,OAAD;GAAK,WAAU;aAAf,CACG,MAAM,6BAA6B,2BAA2B,IAC3D;KAEJ"}
+{"version":3,"file":"property-list-input.mjs","names":[],"sources":["../../../../src/components/defaults/adapters/property-list-input.tsx"],"sourcesContent":["import { useFieldError } from \"../../../hooks/use-field-error.js\";\nimport { cn } from \"../../../lib/utils.js\";\nimport type { FieldHandle } from \"../../../types/field-handle.js\";\nimport { SuggestCombobox } from \"../../internal/combobox/suggest-combobox.js\";\n\nfunction diffReplay(\n  prev: string[],\n  next: string[],\n  add: (v: string) => void,\n  remove: (v: string) => void,\n) {\n  const prevSet = new Set(prev);\n  const nextSet = new Set(next);\n  for (const v of next) if (!prevSet.has(v)) add(v);\n  for (const v of prev) if (!nextSet.has(v)) remove(v);\n}\n\n// Same editor as `multi_create_input`; the value shape difference\n// (`{ property }[]` vs `string[]`) is bridged in the section handler.\n// Connection-scoped suggestions (meta.optionsDef) make the field\n// suggestion-only: `allowCreate` comes through the handler as `false` and the\n// picked chips keep their fetched labels via `labelFor`.\nexport function PropertyListInputAdapter(field: FieldHandle<\"property_list_input\">) {\n  const itemsError = useFieldError(field.form, field.path);\n  const labelFor = (value: string) => field.options?.find((o) => o.value === value)?.label ?? value;\n  // \"2 of 5 values update existing records\": the total is the size of the map\n  // this list picks from, so leaving entries out stays visible.\n  const countOf = field.meta.selectionCount;\n  const source = countOf ? field.form.watch(countOf.ofPath) : undefined;\n  const total =\n    countOf && source && typeof source === \"object\"\n      ? Object.keys(source as Record<string, unknown>).filter((key) => key.trim()).length\n      : 0;\n\n  return (\n    <div\n      data-p0=\"input\"\n      className={cn(\"pz:flex pz:flex-col pz:gap-1\", field.pending && \"pz:opacity-60\")}\n    >\n      <SuggestCombobox\n        value={field.items}\n        onChange={(next) => diffReplay(field.items, next, field.add, field.remove)}\n        options={field.loadOptions ? undefined : field.options}\n        loadOptions={field.loadOptions}\n        labelFor={labelFor}\n        allowCreate={field.allowCreate ?? true}\n        disabled={field.pending}\n        maxItems={field.meta.maxItems}\n        placeholder={field.pending ? \"Loading…\" : field.meta.placeholder}\n        emptyLabel=\"No matches\"\n        ariaInvalid={!!itemsError || !!field.error}\n      />\n      {countOf && total > 0 && (\n        <div className=\"pz:text-xs pz:text-muted-foreground\">\n          {field.items.length} of {total} {countOf.label}\n        </div>\n      )}\n      {field.suggestionsDisabled && (\n        <div className=\"pz:text-xs pz:gap-y-1 pz:text-muted-foreground pz:italic\">\n          {field.suggestionsDisabledReason ?? \"Suggestions unavailable\"}{\" \"}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAKA,SAAS,WACP,MACA,MACA,KACA,QACA;CACA,MAAM,UAAU,IAAI,IAAI,KAAK;CAC7B,MAAM,UAAU,IAAI,IAAI,KAAK;AAC7B,MAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,KAAI,EAAE;AACjD,MAAK,MAAM,KAAK,KAAM,KAAI,CAAC,QAAQ,IAAI,EAAE,CAAE,QAAO,EAAE;;AAQtD,SAAgB,yBAAyB,OAA2C;CAClF,MAAM,aAAa,cAAc,MAAM,MAAM,MAAM,KAAK;CACxD,MAAM,YAAY,UAAkB,MAAM,SAAS,MAAM,MAAM,EAAE,UAAU,MAAM,EAAE,SAAS;CAG5F,MAAM,UAAU,MAAM,KAAK;CAC3B,MAAM,SAAS,UAAU,MAAM,KAAK,MAAM,QAAQ,OAAO,GAAG;CAC5D,MAAM,QACJ,WAAW,UAAU,OAAO,WAAW,WACnC,OAAO,KAAK,OAAkC,CAAC,QAAQ,QAAQ,IAAI,MAAM,CAAC,CAAC,SAC3E;AAEN,QACE,qBAAC,OAAD;EACE,WAAQ;EACR,WAAW,GAAG,gCAAgC,MAAM,WAAW,gBAAgB;YAFjF;GAIE,oBAAC,iBAAD;IACE,OAAO,MAAM;IACb,WAAW,SAAS,WAAW,MAAM,OAAO,MAAM,MAAM,KAAK,MAAM,OAAO;IAC1E,SAAS,MAAM,cAAc,SAAY,MAAM;IAC/C,aAAa,MAAM;IACT;IACV,aAAa,MAAM,eAAe;IAClC,UAAU,MAAM;IAChB,UAAU,MAAM,KAAK;IACrB,aAAa,MAAM,UAAU,aAAa,MAAM,KAAK;IACrD,YAAW;IACX,aAAa,CAAC,CAAC,cAAc,CAAC,CAAC,MAAM;IACrC;GACD,WAAW,QAAQ,KAClB,qBAAC,OAAD;IAAK,WAAU;cAAf;KACG,MAAM,MAAM;KAAO;KAAK;KAAM;KAAE,QAAQ;KACrC;;GAEP,MAAM,uBACL,qBAAC,OAAD;IAAK,WAAU;cAAf,CACG,MAAM,6BAA6B,2BAA2B,IAC3D;;GAEJ"}

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

@@ -1,5 +1,5 @@
 import { cn } from "../../../lib/utils.mjs";
-import { IconGripVertical, IconPlus } from "../../internal/icons.mjs";
+import { IconGripVertical, IconPlus, Search, X } from "../../internal/icons.mjs";
 import { PricingBadge } from "../../../widgets/pricing-badge.mjs";
 import { WidgetStrip } from "../../../widgets/widget-strip.mjs";
 import { Popover, PopoverContent, PopoverTrigger } from "../../ui/popover.mjs";
@@ -7,7 +7,6 @@ import { AvatarGroup } from "../../../widgets/avatar-group.mjs";
 import { useMemo, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { providerCatalog } from "@pipe0/base";
-import { Search, X } from "lucide-react";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";