@pipe0/react 1.0.39 → 1.0.40

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @pipe0/elements-react
 
+## 1.0.40
+
+### Patch Changes
+
+- 7761581: feat: Change http pipe
+- 414d562: Change email waterfall
+- Updated dependencies [7761581]
+- Updated dependencies [414d562]
+  - @pipe0/base@1.0.40
+
 ## 1.0.39
 
 ### Patch Changes

package/dist/components/ui/button.d.mts

@@ -6,7 +6,7 @@ import * as _$class_variance_authority_types0 from "class-variance-authority/typ
 //#region src/components/ui/button.d.ts
 declare const buttonVariants: (props?: ({
   variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | null | undefined;
-  size?: "default" | "icon" | "xs" | "sm" | "lg" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+  size?: "default" | "icon" | "sm" | "lg" | "xs" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
 } & _$class_variance_authority_types0.ClassProp) | undefined) => string;
 declare function Button$1({
   className,

package/dist/index.d.mts

@@ -78,7 +78,8 @@ import { PipeCatalogContext, PipeCatalogContextValue, usePipeCatalogContext } fr
 import { usePortalContainer } from "./context/portal-container-context.mjs";
 import { SearchCatalogCardContext, SearchCatalogCardContextValue, useSearchCatalogCard } from "./context/search-catalog-card-context.mjs";
 import { SearchCatalogContext, SearchCatalogContextValue, useSearchCatalogContext } from "./context/search-catalog-context.mjs";
-import { CatalogFilterMeta, CatalogSearchFeatures, catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
+import { getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/field-icons.mjs";
+import { CatalogFilterMeta, CatalogSearchFeatures, catalogSearchFilter, catalogSearchSort, fuzzyFilter } from "./utils/catalog-helpers.mjs";
 import { CatalogTableFeatures, catalogTableFeatures, createCatalogColumnHelper, useCatalogTable } from "./hooks/catalog-table.mjs";
 import { useFieldError } from "./hooks/use-field-error.mjs";
 import { UsePipeFormOptions, usePipeForm } from "./hooks/use-pipe-form.mjs";
@@ -86,6 +87,9 @@ import { UsePlaybookFormOptions, usePlaybookForm } from "./hooks/use-playbook-fo
 import { UseSearchFormOptions, useSearchForm } from "./hooks/use-search-form.mjs";
 import { UseSheetEffectFormOptions, useSheetEffectForm } from "./hooks/use-sheet-effect-form.mjs";
 import { UseStreamFormOptions, useStreamForm } from "./hooks/use-stream-form.mjs";
+import { FormatGlyph, LinkedinBadge, LinkedinMark, RecordAvatar, RecordImageUrlContext, RecordValueField, RecordWidgetKey, RecordWidgets, StateTile } from "./records/record-widgets.mjs";
+import { RecordValue, RecordValueProps, RecordValueText, isIdentityValue, isLinkFormat } from "./records/record-value.mjs";
+import { RecordsTable, RecordsTableCell, RecordsTableColumn, RecordsTableProps, RecordsTableRow } from "./records/records-table.mjs";
 import { EmojiGlyph } from "./widgets/emoji-glyph.mjs";
 import { FieldTypeBadge } from "./widgets/field-type-badge.mjs";
 import { IconGlyph } from "./widgets/icon-glyph.mjs";
@@ -94,4 +98,4 @@ import { PricingBadge } from "./widgets/pricing-badge.mjs";
 import { ProviderLogo } from "./widgets/provider-logo.mjs";
 import { WidgetStrip } from "./widgets/widget-strip.mjs";
 import { WidgetView } from "./widgets/widget-view.mjs";
-export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, type AnyFieldProps as AnyFieldHandle, AvatarGroup, type AvatarGroupProps, type AvatarGroupState, CatalogCard, CatalogCardBadge, type CatalogCardBadgeProps, CatalogCardBadges, type CatalogCardBadgesProps, CatalogCardDescription, type CatalogCardDescriptionProps, CatalogCardHeader, type CatalogCardHeaderProps, type CatalogCardProps, CatalogCardTitle, type CatalogCardTitleProps, CatalogCategorySection, type CatalogCategorySectionProps, type CatalogClassNames, type CatalogComponentOverrides, type CatalogConfig, CatalogCopyId, type CatalogCopyIdProps, CatalogCreditBadge, type CatalogCreditBadgeProps, CatalogDocsBadge, type CatalogDocsBadgeProps, CatalogFieldBadge, type CatalogFieldBadgeProps, type CatalogFieldBadgeState, type CatalogFilterMeta, CatalogProvider, CatalogProviderAvatars, type CatalogProviderAvatarsProps, type CatalogProviderProps, CatalogRoot, type CatalogSearchFeatures, type CatalogTableFeatures, type CostMode, type EffectCardData, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, type EffectCatalogCardContextValue, type EffectCatalogCardProps, type EffectCatalogCardState, EffectCatalogCategoryFilter, type EffectCatalogCategoryFilterProps, type EffectCatalogCategoryFilterState, EffectCatalogContext, type EffectCatalogContextValue, EffectCatalogEmpty, type EffectCatalogEmptyProps, type EffectCatalogEmptyState, type EffectCatalogInstanceProps, EffectCatalogList, type EffectCatalogListProps, type EffectCatalogListState, type EffectCatalogProps, EffectCatalogSearchFilter, type EffectCatalogSearchFilterProps, type EffectCatalogSearchFilterState, type EffectCatalogZeroConfigProps, EmojiGlyph, type FieldAdapterMap, type GeneratedFieldProps as FieldHandle, type FieldKind, type FieldMeta, FieldRenderer, FieldTypeBadge, type FormClassNames, type FormComponents, type FormConfig, type FormErrorEntry, type FormErrors, type FormFieldState, type FormHandle, FormProvider, type FormResetFieldOptions, type FormResetOptions, FormRoot, type FormSetValueOptions, type FormStateSnapshot, type GroupMap, type GroupOverride, IconGlyph, type InputFieldEntries, LogoUrl, type OutputFieldEntries, type PathMap, type PathOverride, type ActiveFilter as PipeActiveFilter, type PipeCardData, PipeCatalog, PipeCatalogActiveFilters, type PipeCatalogActiveFiltersProps, type PipeCatalogActiveFiltersState, PipeCatalogCard, PipeCatalogCardContext, type PipeCatalogCardContextValue, type PipeCatalogCardProps, PipeCatalogCategoryFilter, type PipeCatalogCategoryFilterProps, type PipeCatalogCategoryFilterState, PipeCatalogColumnFilter, type PipeCatalogColumnFilterProps, PipeCatalogColumnFilters, type PipeCatalogColumnFiltersProps, PipeCatalogContext, type PipeCatalogContextValue, PipeCatalogEmpty, type PipeCatalogEmptyProps, type PipeCatalogEmptyState, PipeCatalogInputFieldFilter, type PipeCatalogInputFieldFilterProps, type PipeCatalogInstanceProps, PipeCatalogList, type PipeCatalogListProps, type PipeCatalogListState, PipeCatalogOutputFieldFilter, type PipeCatalogOutputFieldFilterProps, type PipeCatalogProps, PipeCatalogProviderFilter, type PipeCatalogProviderFilterProps, PipeCatalogSearchFilter, type PipeCatalogSearchFilterProps, type PipeCatalogSearchFilterState, PipeCatalogTagFilter, type PipeCatalogTagFilterProps, type PipeCatalogZeroConfigProps, type PipeColumnFilterId, type ColumnFilterState as PipeColumnFilterState, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, type PipeFormInstanceProps, type PipeFormProps, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, type PipeFormZeroConfigProps, PricingBadge, ProviderLogo, type ActiveFilter$1 as SearchActiveFilter, type SearchCardData, SearchCatalog, SearchCatalogActiveFilters, type SearchCatalogActiveFiltersProps, type SearchCatalogActiveFiltersState, SearchCatalogCard, SearchCatalogCardContext, type SearchCatalogCardContextValue, type SearchCatalogCardProps, SearchCatalogCategoryFilter, type SearchCatalogCategoryFilterProps, type SearchCatalogCategoryFilterState, SearchCatalogColumnFilter, type SearchCatalogColumnFilterProps, SearchCatalogColumnFilters, type SearchCatalogColumnFiltersProps, SearchCatalogContext, type SearchCatalogContextValue, SearchCatalogEmpty, type SearchCatalogEmptyProps, type SearchCatalogEmptyState, type SearchCatalogInstanceProps, SearchCatalogList, type SearchCatalogListProps, type SearchCatalogListState, SearchCatalogOutputFieldFilter, type SearchCatalogOutputFieldFilterProps, type SearchCatalogProps, SearchCatalogProviderFilter, type SearchCatalogProviderFilterProps, SearchCatalogSearchFilter, type SearchCatalogSearchFilterProps, type SearchCatalogSearchFilterState, SearchCatalogTagFilter, type SearchCatalogTagFilterProps, type SearchCatalogZeroConfigProps, type SearchColumnFilterId, type ColumnFilterState$1 as SearchColumnFilterState, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, type SearchFormInstanceProps, type SearchFormProps, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, type SearchFormZeroConfigProps, type SearchOutputFieldEntries, type SectionMap, type SectionOverride, type UseEffectCatalogTableReturn, type UsePipeCatalogTableReturn, type UsePipeFormOptions, type UsePlaybookFormOptions, type UseSearchCatalogTableReturn, type UseSearchFormOptions, type UseSheetEffectFormOptions, type UseStreamFormOptions, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSheetEffectForm, useStreamForm };
+export { Alert, AlertDescription, type AlertProps, AlertTitle, type AlertVariant, type AnyFieldProps as AnyFieldHandle, AvatarGroup, type AvatarGroupProps, type AvatarGroupState, CatalogCard, CatalogCardBadge, type CatalogCardBadgeProps, CatalogCardBadges, type CatalogCardBadgesProps, CatalogCardDescription, type CatalogCardDescriptionProps, CatalogCardHeader, type CatalogCardHeaderProps, type CatalogCardProps, CatalogCardTitle, type CatalogCardTitleProps, CatalogCategorySection, type CatalogCategorySectionProps, type CatalogClassNames, type CatalogComponentOverrides, type CatalogConfig, CatalogCopyId, type CatalogCopyIdProps, CatalogCreditBadge, type CatalogCreditBadgeProps, CatalogDocsBadge, type CatalogDocsBadgeProps, CatalogFieldBadge, type CatalogFieldBadgeProps, type CatalogFieldBadgeState, type CatalogFilterMeta, CatalogProvider, CatalogProviderAvatars, type CatalogProviderAvatarsProps, type CatalogProviderProps, CatalogRoot, type CatalogSearchFeatures, type CatalogTableFeatures, type CostMode, type EffectCardData, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, type EffectCatalogCardContextValue, type EffectCatalogCardProps, type EffectCatalogCardState, EffectCatalogCategoryFilter, type EffectCatalogCategoryFilterProps, type EffectCatalogCategoryFilterState, EffectCatalogContext, type EffectCatalogContextValue, EffectCatalogEmpty, type EffectCatalogEmptyProps, type EffectCatalogEmptyState, type EffectCatalogInstanceProps, EffectCatalogList, type EffectCatalogListProps, type EffectCatalogListState, type EffectCatalogProps, EffectCatalogSearchFilter, type EffectCatalogSearchFilterProps, type EffectCatalogSearchFilterState, type EffectCatalogZeroConfigProps, EmojiGlyph, type FieldAdapterMap, type GeneratedFieldProps as FieldHandle, type FieldKind, type FieldMeta, FieldRenderer, FieldTypeBadge, type FormClassNames, type FormComponents, type FormConfig, type FormErrorEntry, type FormErrors, type FormFieldState, type FormHandle, FormProvider, type FormResetFieldOptions, type FormResetOptions, FormRoot, type FormSetValueOptions, type FormStateSnapshot, FormatGlyph, type GroupMap, type GroupOverride, IconGlyph, type InputFieldEntries, LinkedinBadge, LinkedinMark, LogoUrl, type OutputFieldEntries, type PathMap, type PathOverride, type ActiveFilter as PipeActiveFilter, type PipeCardData, PipeCatalog, PipeCatalogActiveFilters, type PipeCatalogActiveFiltersProps, type PipeCatalogActiveFiltersState, PipeCatalogCard, PipeCatalogCardContext, type PipeCatalogCardContextValue, type PipeCatalogCardProps, PipeCatalogCategoryFilter, type PipeCatalogCategoryFilterProps, type PipeCatalogCategoryFilterState, PipeCatalogColumnFilter, type PipeCatalogColumnFilterProps, PipeCatalogColumnFilters, type PipeCatalogColumnFiltersProps, PipeCatalogContext, type PipeCatalogContextValue, PipeCatalogEmpty, type PipeCatalogEmptyProps, type PipeCatalogEmptyState, PipeCatalogInputFieldFilter, type PipeCatalogInputFieldFilterProps, type PipeCatalogInstanceProps, PipeCatalogList, type PipeCatalogListProps, type PipeCatalogListState, PipeCatalogOutputFieldFilter, type PipeCatalogOutputFieldFilterProps, type PipeCatalogProps, PipeCatalogProviderFilter, type PipeCatalogProviderFilterProps, PipeCatalogSearchFilter, type PipeCatalogSearchFilterProps, type PipeCatalogSearchFilterState, PipeCatalogTagFilter, type PipeCatalogTagFilterProps, type PipeCatalogZeroConfigProps, type PipeColumnFilterId, type ColumnFilterState as PipeColumnFilterState, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, type PipeFormInstanceProps, type PipeFormProps, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, type PipeFormZeroConfigProps, PricingBadge, ProviderLogo, RecordAvatar, RecordImageUrlContext, RecordValue, type RecordValueField, type RecordValueProps, RecordValueText, type RecordWidgetKey, RecordWidgets, RecordsTable, type RecordsTableCell, type RecordsTableColumn, type RecordsTableProps, type RecordsTableRow, type ActiveFilter$1 as SearchActiveFilter, type SearchCardData, SearchCatalog, SearchCatalogActiveFilters, type SearchCatalogActiveFiltersProps, type SearchCatalogActiveFiltersState, SearchCatalogCard, SearchCatalogCardContext, type SearchCatalogCardContextValue, type SearchCatalogCardProps, SearchCatalogCategoryFilter, type SearchCatalogCategoryFilterProps, type SearchCatalogCategoryFilterState, SearchCatalogColumnFilter, type SearchCatalogColumnFilterProps, SearchCatalogColumnFilters, type SearchCatalogColumnFiltersProps, SearchCatalogContext, type SearchCatalogContextValue, SearchCatalogEmpty, type SearchCatalogEmptyProps, type SearchCatalogEmptyState, type SearchCatalogInstanceProps, SearchCatalogList, type SearchCatalogListProps, type SearchCatalogListState, SearchCatalogOutputFieldFilter, type SearchCatalogOutputFieldFilterProps, type SearchCatalogProps, SearchCatalogProviderFilter, type SearchCatalogProviderFilterProps, SearchCatalogSearchFilter, type SearchCatalogSearchFilterProps, type SearchCatalogSearchFilterState, SearchCatalogTagFilter, type SearchCatalogTagFilterProps, type SearchCatalogZeroConfigProps, type SearchColumnFilterId, type ColumnFilterState$1 as SearchColumnFilterState, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, type SearchFormInstanceProps, type SearchFormProps, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, type SearchFormZeroConfigProps, type SearchOutputFieldEntries, type SectionMap, type SectionOverride, StateTile, type UseEffectCatalogTableReturn, type UsePipeCatalogTableReturn, type UsePipeFormOptions, type UsePlaybookFormOptions, type UseSearchCatalogTableReturn, type UseSearchFormOptions, type UseSheetEffectFormOptions, type UseStreamFormOptions, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, isIdentityValue, isLinkFormat, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSheetEffectForm, useStreamForm };

package/dist/index.mjs

@@ -11,7 +11,8 @@ import { EffectCatalogCard } from "./components/compound/effect-catalog/card.mjs
 import { EffectCatalogCategoryFilter } from "./components/compound/effect-catalog/category-filter.mjs";
 import { EffectCatalogEmpty } from "./components/compound/effect-catalog/empty.mjs";
 import { EffectCatalogList } from "./components/compound/effect-catalog/list.mjs";
-import { catalogSearchFilter, catalogSearchSort, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/catalog-helpers.mjs";
+import { getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon } from "./utils/field-icons.mjs";
+import { catalogSearchFilter, catalogSearchSort, fuzzyFilter } from "./utils/catalog-helpers.mjs";
 import { catalogTableFeatures, createCatalogColumnHelper, useCatalogTable } from "./hooks/catalog-table.mjs";
 import { useEffectCatalogTable } from "./hooks/use-effect-catalog-table.mjs";
 import { EffectCatalogSearchFilter } from "./components/compound/effect-catalog/search-filter.mjs";
@@ -88,5 +89,8 @@ import { CatalogProviderAvatars } from "./components/defaults/catalog/provider-a
 import { usePlaybookForm } from "./hooks/use-playbook-form.mjs";
 import { useSheetEffectForm } from "./hooks/use-sheet-effect-form.mjs";
 import { useStreamForm } from "./hooks/use-stream-form.mjs";
+import { FormatGlyph, LinkedinBadge, LinkedinMark, RecordAvatar, RecordImageUrlContext, RecordWidgets, StateTile } from "./records/record-widgets.mjs";
+import { RecordValue, RecordValueText, isIdentityValue, isLinkFormat } from "./records/record-value.mjs";
+import { RecordsTable } from "./records/records-table.mjs";
 
-export { Alert, AlertDescription, AlertTitle, AvatarGroup, CatalogCard, CatalogCardBadge, CatalogCardBadges, CatalogCardDescription, CatalogCardHeader, CatalogCardTitle, CatalogCategorySection, CatalogCopyId, CatalogCreditBadge, CatalogDocsBadge, CatalogFieldBadge, CatalogProvider, CatalogProviderAvatars, CatalogRoot, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, EffectCatalogCategoryFilter, EffectCatalogContext, EffectCatalogEmpty, EffectCatalogList, EffectCatalogSearchFilter, EmojiGlyph, FieldRenderer, FieldTypeBadge, FormProvider, FormRoot, IconGlyph, LogoUrl, PipeCatalog, PipeCatalogActiveFilters, PipeCatalogCard, PipeCatalogCardContext, PipeCatalogCategoryFilter, PipeCatalogColumnFilter, PipeCatalogColumnFilters, PipeCatalogContext, PipeCatalogEmpty, PipeCatalogInputFieldFilter, PipeCatalogList, PipeCatalogOutputFieldFilter, PipeCatalogProviderFilter, PipeCatalogSearchFilter, PipeCatalogTagFilter, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, PricingBadge, ProviderLogo, SearchCatalog, SearchCatalogActiveFilters, SearchCatalogCard, SearchCatalogCardContext, SearchCatalogCategoryFilter, SearchCatalogColumnFilter, SearchCatalogColumnFilters, SearchCatalogContext, SearchCatalogEmpty, SearchCatalogList, SearchCatalogOutputFieldFilter, SearchCatalogProviderFilter, SearchCatalogSearchFilter, SearchCatalogTagFilter, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSheetEffectForm, useStreamForm };
+export { Alert, AlertDescription, AlertTitle, AvatarGroup, CatalogCard, CatalogCardBadge, CatalogCardBadges, CatalogCardDescription, CatalogCardHeader, CatalogCardTitle, CatalogCategorySection, CatalogCopyId, CatalogCreditBadge, CatalogDocsBadge, CatalogFieldBadge, CatalogProvider, CatalogProviderAvatars, CatalogRoot, EffectCatalog, EffectCatalogCard, EffectCatalogCardContext, EffectCatalogCategoryFilter, EffectCatalogContext, EffectCatalogEmpty, EffectCatalogList, EffectCatalogSearchFilter, EmojiGlyph, FieldRenderer, FieldTypeBadge, FormProvider, FormRoot, FormatGlyph, IconGlyph, LinkedinBadge, LinkedinMark, LogoUrl, PipeCatalog, PipeCatalogActiveFilters, PipeCatalogCard, PipeCatalogCardContext, PipeCatalogCategoryFilter, PipeCatalogColumnFilter, PipeCatalogColumnFilters, PipeCatalogContext, PipeCatalogEmpty, PipeCatalogInputFieldFilter, PipeCatalogList, PipeCatalogOutputFieldFilter, PipeCatalogProviderFilter, PipeCatalogSearchFilter, PipeCatalogTagFilter, PipeForm, PipeFormContent, PipeFormContext, PipeFormErrors, PipeFormField, PipeFormFooter, PipeFormGroup, PipeFormHeader, PipeFormSection, PipeFormSubmitButton, PipeFormTitle, PricingBadge, ProviderLogo, RecordAvatar, RecordImageUrlContext, RecordValue, RecordValueText, RecordWidgets, RecordsTable, SearchCatalog, SearchCatalogActiveFilters, SearchCatalogCard, SearchCatalogCardContext, SearchCatalogCategoryFilter, SearchCatalogColumnFilter, SearchCatalogColumnFilters, SearchCatalogContext, SearchCatalogEmpty, SearchCatalogList, SearchCatalogOutputFieldFilter, SearchCatalogProviderFilter, SearchCatalogSearchFilter, SearchCatalogTagFilter, SearchForm, SearchFormContent, SearchFormContext, SearchFormErrors, SearchFormField, SearchFormFooter, SearchFormGroup, SearchFormHeader, SearchFormSection, SearchFormSubmitButton, SearchFormTitle, StateTile, WidgetStrip, WidgetView, alertVariants, catalogSearchFilter, catalogSearchSort, catalogTableFeatures, createCatalogColumnHelper, defaultAdapters, fuzzyFilter, getFieldFormatIcon, getFieldStatusIcon, getFieldTypeIcon, isIdentityValue, isLinkFormat, useCatalogConfig, useCatalogTable, useEffectCatalogCard, useEffectCatalogContext, useEffectCatalogTable, useFieldError, useFormAlert, useFormConfig, usePipeCatalogCard, usePipeCatalogContext, usePipeCatalogTable, usePipeForm, usePipeFormContext, usePlaybookForm, usePortalContainer, useSearchCatalogCard, useSearchCatalogContext, useSearchCatalogTable, useSearchForm, useSearchFormContext, useSheetEffectForm, useStreamForm };

package/dist/records/index.d.mts

@@ -0,0 +1,3 @@
+import { FormatGlyph, LinkedinBadge, LinkedinMark, RecordAvatar, RecordImageUrlContext, RecordValueField, RecordWidgetKey, RecordWidgets, StateTile } from "./record-widgets.mjs";
+import { RecordValue, RecordValueProps, RecordValueText, isIdentityValue, isLinkFormat } from "./record-value.mjs";
+import { RecordsTable, RecordsTableCell, RecordsTableColumn, RecordsTableProps, RecordsTableRow } from "./records-table.mjs";

package/dist/records/record-value.d.mts

@@ -0,0 +1,42 @@
+import { RecordValueField, RecordWidgetKey } from "./record-widgets.mjs";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { RecordFieldFormat } from "@pipe0/base";
+
+//#region src/records/record-value.d.ts
+declare function isLinkFormat(format: RecordFieldFormat): boolean;
+declare function isIdentityValue(field: RecordValueField): boolean;
+/** The value's text: status wording, a link, a JSON chip, a boolean tile, or the plain value. */
+declare function RecordValueText({
+  field,
+  inChip
+}: {
+  field: RecordValueField;
+  inChip?: boolean;
+}): string | _$react_jsx_runtime0.JSX.Element;
+interface RecordValueProps {
+  field: RecordValueField;
+  /** Which glyph widgets to draw, in order. Defaults to every glyph widget. */
+  widgets?: readonly RecordWidgetKey[];
+  /**
+   * Rendered after the identity chip (or the glyphs) and before plain text —
+   * the slot for provenance tiles such as a waterfall or a status tile.
+   */
+  afterGlyphs?: ReactNode;
+  /** Class for the plain-text box (not used when the value sits on a chip). */
+  textClassName?: string;
+}
+/**
+ * A read-only record value: glyph widgets, then the value — identity values
+ * (domains, emails, profiles, people, companies) on a chip. Renders as
+ * `display: contents` so the parts lay out in the host's flex row.
+ */
+declare function RecordValue({
+  field,
+  widgets,
+  afterGlyphs,
+  textClassName
+}: RecordValueProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { RecordValue, RecordValueProps, RecordValueText, isIdentityValue, isLinkFormat };
+//# sourceMappingURL=record-value.d.mts.map

package/dist/records/record-value.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-value.d.mts","names":[],"sources":["../../src/records/record-value.tsx"],"mappings":";;;;;;iBAmGgB,YAAA,CAAa,MAAA,EAAQ,iBAAA;AAAA,iBAgBrB,eAAA,CAAgB,KAAA,EAAO,gBAAA;;iBAqCvB,eAAA,CAAA;EACd,KAAA;EACA;AAAA;EAEA,KAAA,EAAO,gBAAA;EACP,MAAA;AAAA,aACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,UA6EgB,gBAAA;EACf,KAAA,EAAO,gBAAA;EAzHsB;EA2H7B,OAAA,YAAmB,eAAA;EA3HkB;;AAqCvC;;EA2FE,WAAA,GAAc,SAAA;EA1Fd;EA4FA,aAAA;AAAA;;;;;;iBAQc,WAAA,CAAA;EACd,KAAA;EACA,OAAA;EACA,WAAA;EACA;AAAA,GACC,gBAAA,GAAgB,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/records/record-value.mjs

@@ -0,0 +1,229 @@
+import { cn } from "../lib/utils.mjs";
+import { FormatGlyph, RecordWidgets, StateTile } from "./record-widgets.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/records/record-value.tsx
+const CELL_VALUE_LENGTH_LIMIT = 60;
+const JSON_PREVIEW_MAX_ENTRIES = 4;
+const JSON_PREVIEW_MAX_STRING = 24;
+function jsonScalarPreview(value) {
+	if (typeof value === "string") return `"${value.length > JSON_PREVIEW_MAX_STRING ? `${value.slice(0, JSON_PREVIEW_MAX_STRING)}…` : value}"`;
+	if (typeof value === "number" || typeof value === "boolean" || value === null) return String(value);
+	if (Array.isArray(value)) return "[ … ]";
+	if (typeof value === "object") return "{ … }";
+	return String(value);
+}
+/**
+* Monospace preview chip for JSON values (the JSON signature chip). Keys in
+* foreground, values in muted gray, and only the outer brackets take the
+* chip's hue — the bracket is the glyph, so no syntax colouring.
+*/
+function JsonChip({ value }) {
+	let body;
+	if (Array.isArray(value)) {
+		const shown = value.slice(0, JSON_PREVIEW_MAX_ENTRIES);
+		const items = shown.map(jsonScalarPreview).join(", ");
+		body = /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "sig-glyph",
+				children: "[ "
+			}),
+			`${items}${value.length > shown.length ? ", …" : ""}`,
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "sig-glyph",
+				children: " ]"
+			})
+		] });
+	} else if (value && typeof value === "object") {
+		const entries = Object.entries(value).slice(0, JSON_PREVIEW_MAX_ENTRIES);
+		const truncated = Object.keys(value).length > entries.length;
+		body = /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "sig-glyph",
+				children: "{ "
+			}),
+			entries.map(([key, entryValue], i) => /* @__PURE__ */ jsxs("span", { children: [
+				/* @__PURE__ */ jsxs("span", {
+					className: "pz:text-foreground",
+					children: [
+						"\"",
+						key,
+						"\""
+					]
+				}),
+				`: ${jsonScalarPreview(entryValue)}`,
+				(i < entries.length - 1 || truncated) && ", "
+			] }, key)),
+			truncated && "…",
+			/* @__PURE__ */ jsx("span", {
+				"data-slot": "sig-glyph",
+				children: " }"
+			})
+		] });
+	} else body = JSON.stringify(value)?.substring(0, CELL_VALUE_LENGTH_LIMIT) ?? "";
+	return /* @__PURE__ */ jsx("span", {
+		className: "p0-json-chip pz:inline-flex pz:max-w-full pz:min-w-0 pz:items-center pz:rounded-md pz:px-2 pz:py-0.5",
+		children: /* @__PURE__ */ jsx("span", {
+			className: "pz:truncate pz:font-mono pz:text-xs pz:leading-normal pz:whitespace-nowrap pz:text-muted-foreground",
+			children: body
+		})
+	});
+}
+/**
+* Rich-text-style marks on a display label → classes. Marks compose (a set),
+* so the classes simply join. "bold" maps to semibold — the calm table
+* aesthetic treats full bold as shouting.
+*/
+const MARK_CLASSES = {
+	bold: "pz:font-semibold",
+	italic: "pz:italic",
+	underline: "pz:underline pz:underline-offset-2",
+	strikethrough: "pz:line-through"
+};
+function marksClassName(field) {
+	return (field.widgets?.display_value?.marks ?? []).map((mark) => MARK_CLASSES[mark]).join(" ");
+}
+const LINK_FORMATS = new Set([
+	"profile_url",
+	"url",
+	"website_url",
+	"domain"
+]);
+function isLinkFormat(format) {
+	return format !== null && LINK_FORMATS.has(format);
+}
+const IDENTITY_FORMATS = new Set([
+	"domain",
+	"email",
+	"profile_url",
+	"url",
+	"website_url",
+	"phone"
+]);
+function isIdentityValue(field) {
+	if (field.status !== "completed" || field.value == null) return false;
+	if (field.format !== null && IDENTITY_FORMATS.has(field.format)) return true;
+	return Boolean(field.widgets?.avatar || field.widgets?.entity_logo);
+}
+/**
+* Signature values (LinkedIn profile, contact data) get their own hue, see the
+* signature chips in pipe0.css; every other identity sits on the gray chip.
+*/
+function chipMaterial(field) {
+	if (field.widgets?.icon?.key === "linkedin") return "p0-linkedin-chip";
+	if (field.format === "email" || field.format === "phone") return "p0-contact-chip pz:pl-2";
+	return "p0-cell-chip";
+}
+/**
+* Booleans read as a state, not a word: a quiet check tile for true, an empty
+* tile plus muted label for false. Both stay in the gray palette so a column
+* of booleans adds no local contrast; the check mark alone carries the signal.
+*/
+function BooleanValue({ value }) {
+	return value ? /* @__PURE__ */ jsxs("span", {
+		className: "pz:inline-flex pz:items-center pz:gap-1.5",
+		children: [/* @__PURE__ */ jsx(StateTile, { state: "checked" }), /* @__PURE__ */ jsx("span", { children: "True" })]
+	}) : /* @__PURE__ */ jsxs("span", {
+		className: "pz:inline-flex pz:items-center pz:gap-1.5 pz:text-muted-foreground",
+		children: [/* @__PURE__ */ jsx(StateTile, { state: "empty" }), /* @__PURE__ */ jsx("span", { children: "False" })]
+	});
+}
+/** The value's text: status wording, a link, a JSON chip, a boolean tile, or the plain value. */
+function RecordValueText({ field, inChip = false }) {
+	if (field.status === "processing") return /* @__PURE__ */ jsx("span", {
+		className: "pz:text-muted-foreground pz:animate-status-pulse",
+		children: "Running…"
+	});
+	if (field.status === "queued") return /* @__PURE__ */ jsx("span", {
+		className: "pz:text-muted-foreground pz:animate-status-pulse",
+		children: "Queued…"
+	});
+	if (field.status === "skipped") return /* @__PURE__ */ jsx("span", { children: field.reason?.summary || "Skipped" });
+	if (field.status === "failed") return /* @__PURE__ */ jsx("span", {
+		className: "pz:text-failed-foreground",
+		children: field.reason?.summary || "Failed"
+	});
+	if (field.status === "no_result") return field.reason?.summary || "No result";
+	if (field.status === "pending") return "";
+	if (field.type === "boolean") return /* @__PURE__ */ jsx(BooleanValue, { value: Boolean(field.value) });
+	const displayLabel = field.widgets?.display_value?.label;
+	if (field.type === "json") return displayLabel ? /* @__PURE__ */ jsx("span", {
+		className: cn("pz:text-muted-foreground pz:text-sm pz:underline", marksClassName(field)),
+		children: displayLabel
+	}) : /* @__PURE__ */ jsx(JsonChip, { value: field.value });
+	if (isLinkFormat(field.format) && field.type === "string") {
+		const url = String(field.value);
+		const href = /^https?:\/\//i.test(url) ? url : `https://${url}`;
+		const display = (displayLabel ?? url).substring(0, CELL_VALUE_LENGTH_LIMIT);
+		return /* @__PURE__ */ jsx("a", {
+			href,
+			target: "_blank",
+			rel: "noreferrer noopener",
+			onClick: (e) => e.stopPropagation(),
+			className: cn("pz:cursor-pointer pz:text-inherit pz:underline-offset-2 pz:decoration-muted-foreground/60 pz:hover:decoration-foreground", inChip ? "pz:no-underline pz:hover:underline" : "pz:underline"),
+			children: display
+		});
+	}
+	if (displayLabel) {
+		const marks = marksClassName(field);
+		return marks ? /* @__PURE__ */ jsx("span", {
+			className: marks,
+			children: displayLabel
+		}) : displayLabel;
+	}
+	if (field.type === "number") return String(field.value);
+	if (field.type === "string") return /* @__PURE__ */ jsx("span", { children: String(field.value).substring(0, CELL_VALUE_LENGTH_LIMIT) });
+	if (field.type === "unknown") return JSON.stringify(field.value);
+	field.type;
+	return JSON.stringify(field.value);
+}
+const DEFAULT_WIDGETS = [
+	"avatar",
+	"entity_logo",
+	"external_link",
+	"location_indicator",
+	"icon",
+	"emoji",
+	"action_summary"
+];
+/**
+* A read-only record value: glyph widgets, then the value — identity values
+* (domains, emails, profiles, people, companies) on a chip. Renders as
+* `display: contents` so the parts lay out in the host's flex row.
+*/
+function RecordValue({ field, widgets = DEFAULT_WIDGETS, afterGlyphs, textClassName }) {
+	const glyphs = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FormatGlyph, { field }), /* @__PURE__ */ jsx(RecordWidgets, {
+		field,
+		widgets
+	})] });
+	if (isIdentityValue(field)) return /* @__PURE__ */ jsxs("span", {
+		"data-p0": "record-value",
+		className: "pz:contents",
+		children: [/* @__PURE__ */ jsxs("span", {
+			className: cn("pz:inline-flex pz:min-w-0 pz:max-w-75 pz:shrink pz:items-center pz:gap-1.5 pz:py-0.5 pz:pr-2 pz:pl-1", field.format === "domain" ? "pz:rounded-full pz:border pz:border-border pz:bg-background pz:pl-1.5 pz:shadow-[0_1px_1px_rgb(0_0_0/0.03)]" : cn("pz:rounded-md", chipMaterial(field))),
+			children: [glyphs, /* @__PURE__ */ jsx("span", {
+				className: "pz:min-w-0 pz:truncate",
+				children: /* @__PURE__ */ jsx(RecordValueText, {
+					field,
+					inChip: true
+				})
+			})]
+		}), afterGlyphs]
+	});
+	return /* @__PURE__ */ jsxs("span", {
+		"data-p0": "record-value",
+		className: "pz:contents",
+		children: [
+			glyphs,
+			afterGlyphs,
+			/* @__PURE__ */ jsx("span", {
+				className: cn("pz:block pz:basis-0 pz:grow pz:overflow-hidden pz:max-w-75 pz:text-ellipsis", textClassName),
+				children: /* @__PURE__ */ jsx(RecordValueText, { field })
+			})
+		]
+	});
+}
+
+//#endregion
+export { RecordValue, RecordValueText, isIdentityValue, isLinkFormat };
+//# sourceMappingURL=record-value.mjs.map

package/dist/records/record-value.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-value.mjs","names":[],"sources":["../../src/records/record-value.tsx"],"sourcesContent":["import type { DisplayValueMark, RecordFieldFormat } from \"@pipe0/base\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"../lib/utils.js\";\nimport {\n  FormatGlyph,\n  type RecordValueField,\n  type RecordWidgetKey,\n  RecordWidgets,\n  StateTile,\n} from \"./record-widgets.js\";\n\nconst CELL_VALUE_LENGTH_LIMIT = 60;\n\nconst JSON_PREVIEW_MAX_ENTRIES = 4;\nconst JSON_PREVIEW_MAX_STRING = 24;\n\nfunction jsonScalarPreview(value: unknown): string {\n  if (typeof value === \"string\") {\n    const truncated =\n      value.length > JSON_PREVIEW_MAX_STRING\n        ? `${value.slice(0, JSON_PREVIEW_MAX_STRING)}…`\n        : value;\n    return `\"${truncated}\"`;\n  }\n  if (typeof value === \"number\" || typeof value === \"boolean\" || value === null) {\n    return String(value);\n  }\n  if (Array.isArray(value)) return \"[ … ]\";\n  if (typeof value === \"object\") return \"{ … }\";\n  return String(value);\n}\n\n/**\n * Monospace preview chip for JSON values (the JSON signature chip). Keys in\n * foreground, values in muted gray, and only the outer brackets take the\n * chip's hue — the bracket is the glyph, so no syntax colouring.\n */\nfunction JsonChip({ value }: { value: unknown }) {\n  let body: ReactNode;\n  if (Array.isArray(value)) {\n    const shown = value.slice(0, JSON_PREVIEW_MAX_ENTRIES);\n    const items = shown.map(jsonScalarPreview).join(\", \");\n    body = (\n      <>\n        <span data-slot=\"sig-glyph\">[ </span>\n        {`${items}${value.length > shown.length ? \", …\" : \"\"}`}\n        <span data-slot=\"sig-glyph\"> ]</span>\n      </>\n    );\n  } else if (value && typeof value === \"object\") {\n    const entries = Object.entries(value).slice(0, JSON_PREVIEW_MAX_ENTRIES);\n    const truncated = Object.keys(value).length > entries.length;\n    body = (\n      <>\n        <span data-slot=\"sig-glyph\">{\"{ \"}</span>\n        {entries.map(([key, entryValue], i) => (\n          <span key={key}>\n            <span className=\"pz:text-foreground\">\"{key}\"</span>\n            {`: ${jsonScalarPreview(entryValue)}`}\n            {(i < entries.length - 1 || truncated) && \", \"}\n          </span>\n        ))}\n        {truncated && \"…\"}\n        <span data-slot=\"sig-glyph\">{\" }\"}</span>\n      </>\n    );\n  } else {\n    body = JSON.stringify(value)?.substring(0, CELL_VALUE_LENGTH_LIMIT) ?? \"\";\n  }\n\n  return (\n    <span className=\"p0-json-chip pz:inline-flex pz:max-w-full pz:min-w-0 pz:items-center pz:rounded-md pz:px-2 pz:py-0.5\">\n      <span className=\"pz:truncate pz:font-mono pz:text-xs pz:leading-normal pz:whitespace-nowrap pz:text-muted-foreground\">\n        {body}\n      </span>\n    </span>\n  );\n}\n\n/**\n * Rich-text-style marks on a display label → classes. Marks compose (a set),\n * so the classes simply join. \"bold\" maps to semibold — the calm table\n * aesthetic treats full bold as shouting.\n */\nconst MARK_CLASSES: Record<DisplayValueMark, string> = {\n  bold: \"pz:font-semibold\",\n  italic: \"pz:italic\",\n  underline: \"pz:underline pz:underline-offset-2\",\n  strikethrough: \"pz:line-through\",\n};\n\nfunction marksClassName(field: RecordValueField): string {\n  return (field.widgets?.display_value?.marks ?? []).map((mark) => MARK_CLASSES[mark]).join(\" \");\n}\n\n// Formats rendered as an outbound link. Bare domains get their scheme added\n// at render time (see `RecordValueText`).\nconst LINK_FORMATS = new Set<RecordFieldFormat>([\"profile_url\", \"url\", \"website_url\", \"domain\"]);\n\nexport function isLinkFormat(format: RecordFieldFormat): boolean {\n  return format !== null && LINK_FORMATS.has(format);\n}\n\n// Identifiers read as one token — a person with their avatar, a company with\n// its logo, a domain, an email, a handle — so they sit on a quiet gray chip\n// that binds glyph and text together. Provenance tiles stay outside the chip.\nconst IDENTITY_FORMATS = new Set<RecordFieldFormat>([\n  \"domain\",\n  \"email\",\n  \"profile_url\",\n  \"url\",\n  \"website_url\",\n  \"phone\",\n]);\n\nexport function isIdentityValue(field: RecordValueField): boolean {\n  if (field.status !== \"completed\" || field.value == null) return false;\n  if (field.format !== null && IDENTITY_FORMATS.has(field.format)) return true;\n  return Boolean(field.widgets?.avatar || field.widgets?.entity_logo);\n}\n\n/**\n * Signature values (LinkedIn profile, contact data) get their own hue, see the\n * signature chips in pipe0.css; every other identity sits on the gray chip.\n */\nfunction chipMaterial(field: RecordValueField): string {\n  if (field.widgets?.icon?.key === \"linkedin\") return \"p0-linkedin-chip\";\n  // No leading glyph on contact chips, so the text gets the full inner padding.\n  if (field.format === \"email\" || field.format === \"phone\") return \"p0-contact-chip pz:pl-2\";\n  return \"p0-cell-chip\";\n}\n\n/**\n * Booleans read as a state, not a word: a quiet check tile for true, an empty\n * tile plus muted label for false. Both stay in the gray palette so a column\n * of booleans adds no local contrast; the check mark alone carries the signal.\n */\nfunction BooleanValue({ value }: { value: boolean }) {\n  return value ? (\n    <span className=\"pz:inline-flex pz:items-center pz:gap-1.5\">\n      <StateTile state=\"checked\" />\n      <span>True</span>\n    </span>\n  ) : (\n    <span className=\"pz:inline-flex pz:items-center pz:gap-1.5 pz:text-muted-foreground\">\n      <StateTile state=\"empty\" />\n      <span>False</span>\n    </span>\n  );\n}\n\n/** The value's text: status wording, a link, a JSON chip, a boolean tile, or the plain value. */\nexport function RecordValueText({\n  field,\n  inChip = false,\n}: {\n  field: RecordValueField;\n  inChip?: boolean;\n}) {\n  if (field.status === \"processing\")\n    return <span className=\"pz:text-muted-foreground pz:animate-status-pulse\">Running…</span>;\n  if (field.status === \"queued\")\n    return <span className=\"pz:text-muted-foreground pz:animate-status-pulse\">Queued…</span>;\n  if (field.status === \"skipped\") return <span>{field.reason?.summary || \"Skipped\"}</span>;\n  if (field.status === \"failed\")\n    return <span className=\"pz:text-failed-foreground\">{field.reason?.summary || \"Failed\"}</span>;\n  if (field.status === \"no_result\") return field.reason?.summary || \"No result\";\n  if (field.status === \"pending\") return \"\";\n\n  if (field.type === \"boolean\") return <BooleanValue value={Boolean(field.value)} />;\n\n  const displayLabel = field.widgets?.display_value?.label;\n\n  if (field.type === \"json\") {\n    return displayLabel ? (\n      <span\n        className={cn(\"pz:text-muted-foreground pz:text-sm pz:underline\", marksClassName(field))}\n      >\n        {displayLabel}\n      </span>\n    ) : (\n      <JsonChip value={field.value} />\n    );\n  }\n\n  if (isLinkFormat(field.format) && field.type === \"string\") {\n    const url = String(field.value);\n    // Bare domains (e.g. company_domain) are valid values but relative hrefs\n    const href = /^https?:\\/\\//i.test(url) ? url : `https://${url}`;\n    const display = (displayLabel ?? url).substring(0, CELL_VALUE_LENGTH_LIMIT);\n    return (\n      <a\n        href={href}\n        target=\"_blank\"\n        rel=\"noreferrer noopener\"\n        onClick={(e) => e.stopPropagation()}\n        className={cn(\n          // Explicit colour and decoration: the library's reset covers only\n          // its form root, so outside a reset host a bare <a> is blue.\n          \"pz:cursor-pointer pz:text-inherit pz:underline-offset-2 pz:decoration-muted-foreground/60 pz:hover:decoration-foreground\",\n          inChip ? \"pz:no-underline pz:hover:underline\" : \"pz:underline\",\n        )}\n      >\n        {display}\n      </a>\n    );\n  }\n\n  if (displayLabel) {\n    const marks = marksClassName(field);\n    return marks ? <span className={marks}>{displayLabel}</span> : displayLabel;\n  }\n\n  if (field.type === \"number\") return String(field.value as number);\n\n  if (field.type === \"string\") {\n    return <span>{String(field.value as string).substring(0, CELL_VALUE_LENGTH_LIMIT)}</span>;\n  }\n\n  if (field.type === \"unknown\") return JSON.stringify(field.value);\n\n  const _: never = field.type;\n  return JSON.stringify(field.value);\n}\n\nconst DEFAULT_WIDGETS: readonly RecordWidgetKey[] = [\n  \"avatar\",\n  \"entity_logo\",\n  \"external_link\",\n  \"location_indicator\",\n  \"icon\",\n  \"emoji\",\n  \"action_summary\",\n];\n\nexport interface RecordValueProps {\n  field: RecordValueField;\n  /** Which glyph widgets to draw, in order. Defaults to every glyph widget. */\n  widgets?: readonly RecordWidgetKey[];\n  /**\n   * Rendered after the identity chip (or the glyphs) and before plain text —\n   * the slot for provenance tiles such as a waterfall or a status tile.\n   */\n  afterGlyphs?: ReactNode;\n  /** Class for the plain-text box (not used when the value sits on a chip). */\n  textClassName?: string;\n}\n\n/**\n * A read-only record value: glyph widgets, then the value — identity values\n * (domains, emails, profiles, people, companies) on a chip. Renders as\n * `display: contents` so the parts lay out in the host's flex row.\n */\nexport function RecordValue({\n  field,\n  widgets = DEFAULT_WIDGETS,\n  afterGlyphs,\n  textClassName,\n}: RecordValueProps) {\n  const glyphs = (\n    <>\n      <FormatGlyph field={field} />\n      <RecordWidgets field={field} widgets={widgets} />\n    </>\n  );\n\n  if (isIdentityValue(field)) {\n    return (\n      <span data-p0=\"record-value\" className=\"pz:contents\">\n        <span\n          className={cn(\n            \"pz:inline-flex pz:min-w-0 pz:max-w-75 pz:shrink pz:items-center pz:gap-1.5 pz:py-0.5 pz:pr-2 pz:pl-1\",\n            // Domains are outlined pills (an address you can open), the other\n            // identities sit on the filled gray chip.\n            field.format === \"domain\"\n              ? \"pz:rounded-full pz:border pz:border-border pz:bg-background pz:pl-1.5 pz:shadow-[0_1px_1px_rgb(0_0_0/0.03)]\"\n              : cn(\"pz:rounded-md\", chipMaterial(field)),\n          )}\n        >\n          {glyphs}\n          <span className=\"pz:min-w-0 pz:truncate\">\n            <RecordValueText field={field} inChip />\n          </span>\n        </span>\n        {afterGlyphs}\n      </span>\n    );\n  }\n\n  return (\n    <span data-p0=\"record-value\" className=\"pz:contents\">\n      {glyphs}\n      {afterGlyphs}\n      <span\n        className={cn(\n          \"pz:block pz:basis-0 pz:grow pz:overflow-hidden pz:max-w-75 pz:text-ellipsis\",\n          textClassName,\n        )}\n      >\n        <RecordValueText field={field} />\n      </span>\n    </span>\n  );\n}\n"],"mappings":"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"}

package/dist/records/record-widgets.d.mts

@@ -0,0 +1,69 @@
+import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { RecordField } from "@pipe0/base";
+
+//#region src/records/record-widgets.d.ts
+/** The slice of a record field the read-only renderers look at. */
+type RecordValueField = Pick<RecordField, "value" | "status" | "type" | "format" | "reason" | "widgets">;
+/**
+ * Rewrites every image URL the records components render (avatars, logos,
+ * favicons). Identity by default; a host with a strict image policy (the MCP
+ * Apps view) routes them through one allowed domain.
+ */
+declare const RecordImageUrlContext: _$react.Context<(src: string) => string>;
+/** 24px round avatar: the image when it loads, coloured initials otherwise. */
+declare function RecordAvatar({
+  name,
+  imageSrc
+}: {
+  name: string;
+  imageSrc?: string | null;
+}): _$react_jsx_runtime0.JSX.Element;
+/**
+ * LinkedIn's mark, drawn as the real "in" bug: one filled rounded square with
+ * the letters cut out (an SVG mask), so the letters show whatever surface the
+ * badge sits on.
+ */
+declare function LinkedinMark({
+  className
+}: {
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+/** LinkedIn's mark in LinkedIn blue, in a 20px slot. */
+declare function LinkedinBadge({
+  className,
+  iconClassName
+}: {
+  className?: string;
+  iconClassName?: string;
+}): _$react_jsx_runtime0.JSX.Element;
+/**
+ * The one glyph for a yes/no state in a cell: a quiet check tile, an empty
+ * tile, or the failed tile. Booleans and action outcomes share it so a
+ * column of "Enrolled" reads like a column of "True" — one vocabulary, gray.
+ */
+declare function StateTile({
+  state
+}: {
+  state: "checked" | "empty" | "failed";
+}): _$react_jsx_runtime0.JSX.Element;
+/** A favicon for link formats that carry no logo widget of their own. */
+declare function FormatGlyph({
+  field
+}: {
+  field: RecordValueField;
+}): _$react_jsx_runtime0.JSX.Element | null;
+type RecordWidgetKey = "avatar" | "entity_logo" | "external_link" | "location_indicator" | "icon" | "emoji" | "action_summary";
+/** The glyph widgets a field carries, in the order given. */
+declare function RecordWidgets({
+  field,
+  widgets,
+  className
+}: {
+  field: RecordValueField;
+  widgets: readonly RecordWidgetKey[];
+  className?: string;
+}): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { FormatGlyph, LinkedinBadge, LinkedinMark, RecordAvatar, RecordImageUrlContext, RecordValueField, RecordWidgetKey, RecordWidgets, StateTile };
+//# sourceMappingURL=record-widgets.d.mts.map

package/dist/records/record-widgets.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-widgets.d.mts","names":[],"sources":["../../src/records/record-widgets.tsx"],"mappings":";;;;;;KAMY,gBAAA,GAAmB,IAAA,CAC7B,WAAA;;;AADF;;;cAUa,qBAAA,EAA4E,OAAA,CAAvD,OAAA,EAAA,GAAA;;iBAgDlB,YAAA,CAAA;EAAe,IAAA;EAAM;AAAA;EAAc,IAAA;EAAc,QAAA;AAAA,IAA0B,oBAAA,CAAA,GAAA,CAAA,OAAA;;AAA3F;;;;iBAmCgB,YAAA,CAAA;EAAe;AAAA;EAAe,SAAA;AAAA,IAAoB,oBAAA,CAAA,GAAA,CAAA,OAAA;;iBA+BlD,aAAA,CAAA;EACd,SAAA;EACA;AAAA;EAEA,SAAA;EACA,aAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;iBAmEe,SAAA,CAAA;EAAY;AAAA;EAAW,KAAA;AAAA,IAAuC,oBAAA,CAAA,GAAA,CAAA,OAAA;;iBAuE9D,WAAA,CAAA;EAAc;AAAA;EAAW,KAAA,EAAO,gBAAA;AAAA,IAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KActD,eAAA;;iBAUI,aAAA,CAAA;EACd,KAAA;EACA,OAAA;EACA;AAAA;EAEA,KAAA,EAAO,gBAAA;EACP,OAAA,WAAkB,eAAA;EAClB,SAAA;AAAA,IACD,oBAAA,CAAA,GAAA,CAAA,OAAA"}