@persona/design-system 0.10.12 → 0.10.13

package/dist/{TableControls-DE6eHq8h.d.mts → TableControls-v1NmlFTW.d.mts}

@@ -1,7 +1,7 @@
-import { n as ControlBarProps } from "./ControlBar-B3Jn8G0k.mjs";
+import { n as ControlBarProps } from "./ControlBar-CDb6b1_6.mjs";
 import { n as FilterBarProps } from "./FilterBar-CA4mDAXK.mjs";
-import { i as BaseFilterConfig, s as FilterConfig, u as FilterTypeResolver } from "./types-NO2GRlM-.mjs";
-import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-DE9HFXYY.mjs";
+import { i as BaseFilterConfig, s as FilterConfig, u as FilterTypeResolver } from "./types-BTaKBrxG.mjs";
+import { i as TableViewConfigurationProps } from "./TableViewConfigurationDropdown-1nT8wneI.mjs";
 import { ReactNode } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -82,4 +82,4 @@ declare const TableControls: <TFilter extends BaseFilterConfig = FilterConfig>({
 }: TableControlsProps<TFilter>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableControlsFiltersV2Props as n, TableControlsProps as r, TableControls as t };
-//# sourceMappingURL=TableControls-DE6eHq8h.d.mts.map
+//# sourceMappingURL=TableControls-v1NmlFTW.d.mts.map

package/dist/TableControls.d.mts

@@ -1,2 +1,2 @@
-import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "./TableControls-DE6eHq8h.mjs";
+import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "./TableControls-v1NmlFTW.mjs";
 export { TableControlsFiltersV2Props, TableControlsProps, TableControls as default };

package/dist/{TableControlsContext-C2_2EuMh.d.mts → TableControlsContext-DHYICXxy.d.mts}

@@ -1,4 +1,4 @@
-import { i as BaseFilterConfig, r as BaseActiveFilter } from "./types-NO2GRlM-.mjs";
+import { i as BaseFilterConfig, r as BaseActiveFilter } from "./types-BTaKBrxG.mjs";
 import * as _$react from "react";
 import { Dispatch, ReactNode, SetStateAction } from "react";
 
@@ -18,4 +18,4 @@ declare function TableControlsProvider<TFilter extends BaseFilterConfig = BaseFi
 }): _$react.FunctionComponentElement<_$react.ProviderProps<TableControlsContextProps<BaseFilterConfig, BaseActiveFilter<BaseFilterConfig>>>>;
 //#endregion
 export { useTableControls as i, TableControlsContextProps as n, TableControlsProvider as r, TableControlsContext as t };
-//# sourceMappingURL=TableControlsContext-C2_2EuMh.d.mts.map
+//# sourceMappingURL=TableControlsContext-DHYICXxy.d.mts.map

package/dist/TableControlsContext.d.mts

@@ -1,2 +1,2 @@
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "./TableControlsContext-C2_2EuMh.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "./TableControlsContext-DHYICXxy.mjs";
 export { TableControlsContextProps, TableControlsProvider, TableControlsContext as default, useTableControls };

package/dist/{TableViewConfigurationDropdown-DE9HFXYY.d.mts → TableViewConfigurationDropdown-1nT8wneI.d.mts}

@@ -1,4 +1,4 @@
-import { n as AttributeColumn } from "./types-NO2GRlM-.mjs";
+import { n as AttributeColumn } from "./types-BTaKBrxG.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/DataTable/TableControls/TableViewConfigurationDropdown.d.ts
@@ -31,4 +31,4 @@ declare const TableViewConfiguration: ({
 }: TableViewConfigurationProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { TableViewConfigurationProps as i, TableViewConfigurationDropdown as n, TableViewConfigurationDropdownProps as r, TableViewConfiguration as t };
-//# sourceMappingURL=TableViewConfigurationDropdown-DE9HFXYY.d.mts.map
+//# sourceMappingURL=TableViewConfigurationDropdown-1nT8wneI.d.mts.map

package/dist/TableViewConfigurationDropdown.d.mts

@@ -1,2 +1,2 @@
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "./TableViewConfigurationDropdown-DE9HFXYY.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "./TableViewConfigurationDropdown-1nT8wneI.mjs";
 export { TableViewConfiguration, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TableViewConfigurationDropdown as default };

package/dist/{clientFilterUtils-2TBUC31K.d.mts → clientFilterUtils-CaF2QZBy.d.mts}

@@ -1,4 +1,4 @@
-import { s as FilterConfig } from "./types-NO2GRlM-.mjs";
+import { s as FilterConfig } from "./types-BTaKBrxG.mjs";
 import { Dispatch, SetStateAction } from "react";
 import { Column, ColumnFiltersState, Header, RowData, Table } from "@tanstack/react-table";
 
@@ -17,4 +17,4 @@ declare const generateClientFilters: <TData extends RowData>(columns: Array<{
 }>, columnFilters: ColumnFiltersState, setColumnFilters: Dispatch<SetStateAction<ColumnFiltersState>>) => FilterConfig[];
 //#endregion
 export { getFilterFnName as n, generateClientFilters as t };
-//# sourceMappingURL=clientFilterUtils-2TBUC31K.d.mts.map
+//# sourceMappingURL=clientFilterUtils-CaF2QZBy.d.mts.map

package/dist/clientFilterUtils.d.mts

@@ -1,2 +1,2 @@
-import { n as getFilterFnName, t as generateClientFilters } from "./clientFilterUtils-2TBUC31K.mjs";
+import { n as getFilterFnName, t as generateClientFilters } from "./clientFilterUtils-CaF2QZBy.mjs";
 export { generateClientFilters, getFilterFnName };

package/dist/components/Combobox/index.d.mts

@@ -1,5 +1,5 @@
-import { O as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, s as ComboboxServerBaseProps, t as CaretButton } from "../../ComboboxBase-CrFweFGi.mjs";
-import { n as ComboboxMultiSelectProps, r as ComboboxServerMultiSelectProps } from "../../ComboboxMultiSelect-Cp5GBGQj.mjs";
-import { r as ComboboxSingleSelectProps, t as ComboboxServerSingleSelectProps } from "../../ComboboxSingleSelect-u7fK3Yvy.mjs";
-import { n as ComboboxProps, r as ComboboxServerProps, t as Combobox } from "../../Combobox-DbcSss15.mjs";
+import { O as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, s as ComboboxServerBaseProps, t as CaretButton } from "../../ComboboxBase-DoKiRjgS.mjs";
+import { n as ComboboxMultiSelectProps, r as ComboboxServerMultiSelectProps } from "../../ComboboxMultiSelect-DsoIMJiZ.mjs";
+import { r as ComboboxSingleSelectProps, t as ComboboxServerSingleSelectProps } from "../../ComboboxSingleSelect-CKsqOAGB.mjs";
+import { n as ComboboxProps, r as ComboboxServerProps, t as Combobox } from "../../Combobox-DgYwerwd.mjs";
 export { CaretButton, Combobox, Combobox as default, ComboboxBaseProps, ComboboxMultiSelectProps, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, ComboboxProps, ComboboxServerBaseProps, ComboboxServerMultiSelectProps, ComboboxServerProps, ComboboxServerSingleSelectProps, ComboboxSingleSelectProps, flattenOptions };

package/dist/components/Combobox/index.mjs

@@ -1,2 +1,2 @@
-import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-BNjYEAmv.mjs";
+import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-DmFQ5cAy.mjs";
 export { CaretButton, Combobox, Combobox as default, flattenOptions };

package/dist/components/DataTable/TableControls/index.d.mts

@@ -1,14 +1,14 @@
-import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-B3Jn8G0k.mjs";
+import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-CDb6b1_6.mjs";
 import { a as FilterConditionOperator, c as FilterFieldType, d as FilterRuleValue, f as FilterRuleValueChange, g as isEmptyState, h as TopLevelFilterRule, i as EMPTY_FILTER_STATE, l as FilterOperator, m as FilterStateV2, n as CompoundExpression, o as FilterField, p as FilterSize, r as DateRangeFilterValue, s as FilterFieldSource, t as AndGroup, u as FilterRule } from "../../../types-BJqmRXFV.mjs";
 import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-CJwGpUVK.mjs";
 import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-BFJZEWDn.mjs";
 import { t as FilterBar } from "../../../FilterBar-CA4mDAXK.mjs";
-import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "../../../types-NO2GRlM-.mjs";
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-DE9HFXYY.mjs";
-import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "../../../TableControls-DE6eHq8h.mjs";
-import { n as DataTableCompactBar } from "../../../CompactBar-BLZZWtIE.mjs";
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-C2_2EuMh.mjs";
-import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, r as getActiveFilters } from "../../../filters-DW7pqWv3.mjs";
+import { a as ComboboxFilterConfig, c as FilterRenderOptions, d as InputFilterConfig, f as MultiSelectFilterConfig, i as BaseFilterConfig, l as FilterTypeDefinition, o as DateRangeFilterConfig, p as SelectFilterConfig, r as BaseActiveFilter, s as FilterConfig, t as ActiveFilter, u as FilterTypeResolver } from "../../../types-BTaKBrxG.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-1nT8wneI.mjs";
+import { n as TableControlsFiltersV2Props, r as TableControlsProps, t as TableControls } from "../../../TableControls-v1NmlFTW.mjs";
+import { n as DataTableCompactBar } from "../../../CompactBar-tNtY2EhN.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-DHYICXxy.mjs";
+import { a as resolveFilterTypeDefinition, i as isFilterActive, n as FiltersContainer, r as getActiveFilters } from "../../../filters-CShP0Jag.mjs";
 import { t as dateRuleIntent } from "../../../date-rule-intent-DDDCA6kc.mjs";
 import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-DyLlMtjr.mjs";
 import { t as FilterBarProps } from "../../../index-DTM_t7OG.mjs";

package/dist/components/DataTable/TableControls/index.mjs

@@ -1,2 +1,2 @@
-import { A as isCompleteDateRange, B as TableControlsProvider, C as useFilterBarSize, D as getDefaultOperatorForType, E as getConditionValueError, F as FiltersContainer, H as ControlBar, I as getActiveFilters, L as isFilterActive, M as isRangeOperator, N as isValuelessOperator, O as getOperatorsForField, P as reconcileValueForOperator, R as resolveFilterTypeDefinition, S as FILTER_SIZE_TOKENS, T as emptyValueForRule, U as DataTableCompactBar, V as useTableControls, _ as EMPTY_FILTER_STATE, a as encodeFilterStateToUrlParam, b as resolveValueControl, c as FilterBar_default, d as TableViewConfiguration, f as TableViewConfigurationDropdown, g as pruneToRegistry, h as isFilterStateV2, i as decodeFilterStateFromUrl, j as isNumericComparisonOperator, k as getOperatorsForType, l as resolveDateRangeRuleValue, m as hasCompleteValue, n as applyFilterStateToSearchParams, o as FieldRegistry, p as useFilterStateV2, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as TableControls, v as isEmptyState, w as NUMERIC_COMPARISON_OPERATORS, x as dateRuleIntent, y as PillShell, z as TableControlsContext } from "../../../TableControls-BXykbUBf.mjs";
+import { A as isCompleteDateRange, B as TableControlsProvider, C as useFilterBarSize, D as getDefaultOperatorForType, E as getConditionValueError, F as FiltersContainer, H as ControlBar, I as getActiveFilters, L as isFilterActive, M as isRangeOperator, N as isValuelessOperator, O as getOperatorsForField, P as reconcileValueForOperator, R as resolveFilterTypeDefinition, S as FILTER_SIZE_TOKENS, T as emptyValueForRule, U as DataTableCompactBar, V as useTableControls, _ as EMPTY_FILTER_STATE, a as encodeFilterStateToUrlParam, b as resolveValueControl, c as FilterBar_default, d as TableViewConfiguration, f as TableViewConfigurationDropdown, g as pruneToRegistry, h as isFilterStateV2, i as decodeFilterStateFromUrl, j as isNumericComparisonOperator, k as getOperatorsForType, l as resolveDateRangeRuleValue, m as hasCompleteValue, n as applyFilterStateToSearchParams, o as FieldRegistry, p as useFilterStateV2, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as TableControls, v as isEmptyState, w as NUMERIC_COMPARISON_OPERATORS, x as dateRuleIntent, y as PillShell, z as TableControlsContext } from "../../../TableControls-DM4RddQ_.mjs";
 export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FILTER_SIZE_TOKENS, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar_default as FilterBar, FiltersContainer, NUMERIC_COMPARISON_OPERATORS, PillShell, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getActiveFilters, getConditionValueError, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterActive, isFilterStateV2, isNumericComparisonOperator, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveFilterTypeDefinition, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/index.d.mts

@@ -1,9 +1,9 @@
-import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-Dws2XDz2.mjs";
-import { r as useTableColumns, t as RenderFormatFn } from "../../useTableColumns-tITjHasE.mjs";
-import { a as FloatingActionBarContainer, i as DataTableProps, n as DataTableContainer, r as DataTableControls, t as DataTable } from "../../DataTable-C1mdfmQa.mjs";
-import { t as FloatingActionBar } from "../../FloatingActionBar-BUgSKimy.mjs";
+import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-CUnL8JJj.mjs";
+import { r as useTableColumns, t as RenderFormatFn } from "../../useTableColumns-BuxN7Usm.mjs";
+import { a as FloatingActionBarContainer, i as DataTableProps, n as DataTableContainer, r as DataTableControls, t as DataTable } from "../../DataTable-on3vGhyi.mjs";
+import { t as FloatingActionBar } from "../../FloatingActionBar-CfgjHs81.mjs";
 import { t as Inserter } from "../../Inserter-BtUatmsd.mjs";
-import { n as getFilterFnName, t as generateClientFilters } from "../../clientFilterUtils-2TBUC31K.mjs";
+import { n as getFilterFnName, t as generateClientFilters } from "../../clientFilterUtils-CaF2QZBy.mjs";
 import { t as getColumnWidths } from "../../constants-DMTL6rF3.mjs";
-import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "../../helpers-BTD2kXLs.mjs";
+import { a as renderAsDate, c as renderAsNumber, d as renderAsSticker, f as renderAsString, i as renderAsCopyableString, l as renderAsPDSFormat, n as renderAsCheckbox, o as renderAsDatetime, p as renderAsURL, r as renderAsCheckboxHeader, s as renderAsLightweightImage, t as PDSFormatOptions, u as renderAsPii } from "../../helpers-Bbi1LyMW.mjs";
 export { BulkAction, ClientFilterConfig, ClientFilterType, ColumnConfig, DataTable, DataTable as default, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableContainer, DataTableControls, DataTableProps, DataTableVariables, DateConfig, DatetimeConfig, FloatingActionBar, FloatingActionBarContainer, HeadlessFilterConfig, Inserter, PDSFormatOptions, RenderFormatFn, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping, generateClientFilters, getColumnWidths, getFilterFnName, renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL, useTableColumns };

package/dist/components/DataTable/index.mjs

@@ -1,2 +1,2 @@
-import { S as getFilterFnName, _ as renderAsString, a as useTableColumns, b as getColumnWidths, c as renderAsCheckboxHeader, d as renderAsDatetime, f as renderAsLightweightImage, g as renderAsSticker, h as renderAsPii, i as FloatingActionBarContainer, l as renderAsCopyableString, m as renderAsPDSFormat, n as DataTableContainer, o as Inserter, p as renderAsNumber, r as DataTableControls, s as renderAsCheckbox, t as DataTable, u as renderAsDate, v as renderAsURL, x as generateClientFilters, y as FloatingActionBar } from "../../DataTable-DdSY9mzT.mjs";
+import { S as getFilterFnName, _ as renderAsString, a as useTableColumns, b as getColumnWidths, c as renderAsCheckboxHeader, d as renderAsDatetime, f as renderAsLightweightImage, g as renderAsSticker, h as renderAsPii, i as FloatingActionBarContainer, l as renderAsCopyableString, m as renderAsPDSFormat, n as DataTableContainer, o as Inserter, p as renderAsNumber, r as DataTableControls, s as renderAsCheckbox, t as DataTable, u as renderAsDate, v as renderAsURL, x as generateClientFilters, y as FloatingActionBar } from "../../DataTable-DZ0B2Zm9.mjs";
 export { DataTable, DataTable as default, DataTableContainer, DataTableControls, FloatingActionBar, FloatingActionBarContainer, Inserter, generateClientFilters, getColumnWidths, getFilterFnName, renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL, useTableColumns };

package/dist/components/DataTable/types.d.mts

@@ -1,2 +1,2 @@
-import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-Dws2XDz2.mjs";
+import { C as RowAction, D as RowDataWithTourTarget, E as RowDataWithSubrowsToAlwaysShowIds, O as SortProps, S as RenderValueStickerFormatConfig, T as RowDataWithSubrows, _ as DataTableColumns, a as DataTableColumnBaseFormat, b as DatetimeConfig, c as DataTableColumnDatetimeFormat, d as DataTableColumnImageFormat, f as DataTableColumnNumberFormat, g as DataTableColumnURLFormat, h as DataTableColumnStringFormat, i as ColumnConfig, k as StickerMapping, l as DataTableColumnFormat, m as DataTableColumnStickerFormat, n as ClientFilterConfig, o as DataTableColumnCheckboxFormat, p as DataTableColumnPiiFormat, r as ClientFilterType, s as DataTableColumnDateFormat, t as BulkAction, u as DataTableColumnIDFormat, v as DataTableVariables, w as RowDataWithDetails, x as HeadlessFilterConfig, y as DateConfig } from "../../types-CUnL8JJj.mjs";
 export { BulkAction, ClientFilterConfig, ClientFilterType, ColumnConfig, DataTableColumnBaseFormat, DataTableColumnCheckboxFormat, DataTableColumnDateFormat, DataTableColumnDatetimeFormat, DataTableColumnFormat, DataTableColumnIDFormat, DataTableColumnImageFormat, DataTableColumnNumberFormat, DataTableColumnPiiFormat, DataTableColumnStickerFormat, DataTableColumnStringFormat, DataTableColumnURLFormat, DataTableColumns, DataTableVariables, DateConfig, DatetimeConfig, HeadlessFilterConfig, RenderValueStickerFormatConfig, RowAction, RowDataWithDetails, RowDataWithSubrows, RowDataWithSubrowsToAlwaysShowIds, RowDataWithTourTarget, SortProps, StickerMapping };

package/dist/components/DatePicker/index.mjs

@@ -1,2 +1,2 @@
-import { a as RangeCalendar, i as DateField, n as Calendar, r as DateRangePicker, t as DatePicker } from "../../DatePicker-DiilpYQg.mjs";
+import { a as RangeCalendar, i as DateField, n as Calendar, r as DateRangePicker, t as DatePicker } from "../../DatePicker-CHVYVKB-.mjs";
 export { Calendar, DateField, DatePicker, DatePicker as default, DateRangePicker, RangeCalendar };

package/dist/components/DropdownMenu/index.d.mts

@@ -1,2 +1,2 @@
-import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-CQR0U-zM.mjs";
+import { n as DropdownMenuProps, r as _default, t as DropdownMenu } from "../../DropdownMenu-eVY-Yjpq.mjs";
 export { DropdownMenu, DropdownMenuProps, _default as default };

package/dist/components/FormField/index.d.mts

@@ -1,6 +1,6 @@
 import { n as FormFieldBaseProps, r as FormFieldProps, t as FormField } from "../../FormField-BW5uMzId.mjs";
-import { _ as ToggleField, a as ComboboxSingleSelectFieldProps, c as RadioGroupFieldProps, d as SelectField, f as SelectFieldProps, g as TextFieldProps, h as TextField, i as ComboboxMultiSelectFieldProps, l as SegmentedControlField, m as TextAreaFieldProps, n as CheckboxFieldProps, o as ImplementsFormField, p as TextAreaField, r as ComboboxField, s as RadioGroupField, t as CheckboxField, u as SegmentedControlFieldProps, v as ToggleFieldProps, y as splitOutFormFieldProps } from "../../inputFields-DnBb3NhK.mjs";
-import { t as CheckboxGroupField } from "../../CheckboxGroupField-XSVAmESI.mjs";
-import { t as ListBoxField } from "../../ListBoxField-CGvVWKyL.mjs";
-import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "../../TableBoxField-z0GIFeQw.mjs";
+import { _ as ToggleField, a as ComboboxSingleSelectFieldProps, c as RadioGroupFieldProps, d as SelectField, f as SelectFieldProps, g as TextFieldProps, h as TextField, i as ComboboxMultiSelectFieldProps, l as SegmentedControlField, m as TextAreaFieldProps, n as CheckboxFieldProps, o as ImplementsFormField, p as TextAreaField, r as ComboboxField, s as RadioGroupField, t as CheckboxField, u as SegmentedControlFieldProps, v as ToggleFieldProps, y as splitOutFormFieldProps } from "../../inputFields-Dobwb4kT.mjs";
+import { t as CheckboxGroupField } from "../../CheckboxGroupField-BW_BcW3L.mjs";
+import { t as ListBoxField } from "../../ListBoxField-Cc1sX2bo.mjs";
+import { a as TableBoxFieldActionGroup, i as TableBoxFieldActionEntry, n as TableBoxField, r as TableBoxFieldAction, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL } from "../../TableBoxField-CHpClgsE.mjs";
 export { CheckboxField, CheckboxFieldProps, CheckboxGroupField, ComboboxField, ComboboxMultiSelectFieldProps, ComboboxSingleSelectFieldProps, FormField, FormField as default, FormFieldBaseProps, FormFieldProps, ImplementsFormField, ListBoxField, RadioGroupField, RadioGroupFieldProps, SegmentedControlField, SegmentedControlFieldProps, SelectField, SelectFieldProps, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TableBoxFieldAction, TableBoxFieldActionEntry, TableBoxFieldActionGroup, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, ToggleField, ToggleFieldProps, splitOutFormFieldProps };

package/dist/components/FormField/index.mjs

@@ -1,2 +1,2 @@
-import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-yYJFkJ6R.mjs";
+import { a as CheckboxField, c as SegmentedControlField, d as TextField, f as ToggleField, i as CheckboxGroupField, l as SelectField, m as FormField, n as TableBoxField, o as ComboboxField, p as splitOutFormFieldProps, r as ListBoxField, s as RadioGroupField, t as TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, u as TextAreaField } from "../../FormField-BfVrDOY0.mjs";
 export { CheckboxField, CheckboxGroupField, ComboboxField, FormField, FormField as default, ListBoxField, RadioGroupField, SegmentedControlField, SelectField, TABLE_BOX_FIELD_ADD_BUTTON_ARIA_LABEL, TableBoxField, TextAreaField, TextField, ToggleField, splitOutFormFieldProps };

package/dist/components/HoverCopyableField/index.mjs

@@ -1,2 +1,2 @@
-import { t as HoverCopyableField } from "../../HoverCopyableField-X2XfKTTh.mjs";
+import { t as HoverCopyableField } from "../../HoverCopyableField-CJ_p3llp.mjs";
 export { HoverCopyableField as default };

package/dist/components/Link/index.mjs

@@ -1,2 +1,2 @@
-import { t as Link } from "../../Link-B29ZMN6m.mjs";
+import { t as Link } from "../../Link-Df3zJrj2.mjs";
 export { Link, Link as default };

package/dist/components/ListBox/index.d.mts

@@ -1,4 +1,4 @@
-import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-ZDaitaXR.mjs";
-import { n as LogicRowProps } from "../../LogicRow-Bzp5o1sL.mjs";
-import { t as ListBox } from "../../index-B4tE0RxY.mjs";
+import { i as useListBoxContext, n as ListBoxItemProps, r as ListBoxProps } from "../../ListBox-Bgug8YZF.mjs";
+import { n as LogicRowProps } from "../../LogicRow-B1_35ZJT.mjs";
+import { t as ListBox } from "../../index-3-eDlpcj.mjs";
 export { ListBox, ListBox as default, ListBoxItemProps, ListBoxProps, LogicRowProps, useListBoxContext };

package/dist/components/ListBox/index.mjs

@@ -1,2 +1,2 @@
-import { n as useListBoxContext, t as ListBox } from "../../ListBox-4rTgr3IJ.mjs";
+import { n as useListBoxContext, t as ListBox } from "../../ListBox-BRgjgUSp.mjs";
 export { ListBox, ListBox as default, useListBoxContext };

package/dist/components/Menu/index.d.mts

@@ -1,2 +1,2 @@
-import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-DviYNrFd.mjs";
+import { a as MenuDivider, c as MenuItem, d as MenuList, f as MenuProps, i as Menu, l as MenuItemProps, n as IconContainer, o as MenuHeading, r as ListItem, s as MenuHeadingProps, t as FloatingCard, u as MenuItemType } from "../../Menu-keVl-eKm.mjs";
 export { FloatingCard, IconContainer, ListItem, Menu, Menu as default, MenuDivider, MenuHeading, MenuHeadingProps, MenuItem, MenuItemProps, MenuItemType, MenuList, MenuProps };

package/dist/components/Modal/index.mjs

@@ -1,2 +1,2 @@
-import { i as Modal_default, n as ModalContent, r as ModalTrigger, t as ModalClose } from "../../Modal-CiPFqr0L.mjs";
+import { i as Modal_default, n as ModalContent, r as ModalTrigger, t as ModalClose } from "../../Modal-SnCo7ecm.mjs";
 export { ModalClose, ModalContent, ModalTrigger, Modal_default as default };

package/dist/components/Pii/index.mjs

@@ -1,2 +1,2 @@
-import { t as Pii_default } from "../../Pii-jSYND7Cn.mjs";
+import { t as Pii_default } from "../../Pii-BYPkrBuT.mjs";
 export { Pii_default as default };

package/dist/components/Popover/index.mjs

@@ -1,2 +1,2 @@
-import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-CVX-dfYb.mjs";
+import { a as PopoverPortal, i as PopoverContent, n as PopoverCard, o as PopoverTrigger, r as PopoverClose, s as Popover_default, t as PopoverAnchor } from "../../Popover-DP9DXReH.mjs";
 export { PopoverAnchor, PopoverCard, PopoverClose, PopoverContent, PopoverPortal, PopoverTrigger, Popover_default as default };

package/dist/components/RichTextEditor/index.mjs

@@ -11,8 +11,8 @@ import { t as HStack } from "../../Stack-Bzom2BTR.mjs";
 import { n as Button } from "../../IconButton-Bj1fry_K.mjs";
 import { t as intersperse } from "../../intersperse-DvJsBw5D.mjs";
 import { n as DropdownMenu_default } from "../../DropdownMenu-Ip75l4Th.mjs";
-import { s as Popover_default } from "../../Popover-CVX-dfYb.mjs";
-import { d as TextField } from "../../FormField-yYJFkJ6R.mjs";
+import { s as Popover_default } from "../../Popover-DP9DXReH.mjs";
+import { d as TextField } from "../../FormField-BfVrDOY0.mjs";
 import { n as ensureProtocol, t as FloatingToolbar } from "../../FloatingToolbar-BA8Fqmrz.mjs";
 import { Fragment, useEffect, useRef, useState } from "react";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";

package/dist/components/Select/index.d.mts

@@ -1,2 +1,2 @@
-import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-DsVeAyZy.mjs";
+import { i as SelectProps, n as Select, r as SelectHeader, t as Option } from "../../Select-CiofH5-f.mjs";
 export { Option, Select, Select as default, SelectHeader, SelectProps };

package/dist/components/SmartTextInput/index.mjs

@@ -1,4 +1,5 @@
 import { a as styled, r as css } from "../../styledComponentsInterop-Cs5CCPRy.mjs";
+import { semanticColor } from "../../lib/semanticColor.mjs";
 import { i as Paragraph } from "../../Text-D0vEReED.mjs";
 import { rotate } from "../../variables/keyframes.mjs";
 import { JsonSchemaStringifiableTypes, getNonNullableRefSchema, getNonNullableType, isFunctionSchema, isJsonSchemaArray, isSchemaTypeAllowed } from "../../lib/jsonSchema.mjs";
@@ -16,7 +17,7 @@ import { n as Button } from "../../IconButton-Bj1fry_K.mjs";
 import { n as useFormField } from "../../useFormField-pOVkb5BK.mjs";
 import Input_default from "../Input/index.mjs";
 import { n as ErrorText } from "../../FormControl-BoKGiWdQ.mjs";
-import { m as FormField, n as TableBoxField, p as splitOutFormFieldProps } from "../../FormField-yYJFkJ6R.mjs";
+import { m as FormField, n as TableBoxField, p as splitOutFormFieldProps } from "../../FormField-BfVrDOY0.mjs";
 import PillType from "./PillType.mjs";
 import { ErrorMessageByKind, NodeType, isASTChainNode, isASTContainerNode, isMethodChainNode } from "./parser/smart-text/types.mjs";
 import { enclosingExpr, findAll, resolve } from "./parser/tree.mjs";
@@ -81,7 +82,7 @@ const Overlay = styled.div`
   overflow: hidden;
 
   ${({ $size }) => $size === "sm" && css`
-      font-size: 12px;
+      font-size: ${Typography.TextSmall.fontSize};
       margin: 0 9px;
     `};
   ${({ $variant }) => $variant === "table-cell" && css`
@@ -115,7 +116,7 @@ const MonoSpan = styled.span`
             content: '';
             position: absolute;
             inset: -2px;
-            background-color: ${Color.CoreRed600};
+            background-color: ${({ theme }) => semanticColor(theme, "FeedbackDanger3", Color.CoreRed600)};
             opacity: 0.1;
             pointer-events: none;
           }
@@ -133,7 +134,7 @@ const MonoSpan = styled.span`
             content: '';
             position: absolute;
             inset: -2px;
-            background-color: ${Color.CoreBlue600};
+            background-color: ${({ theme }) => semanticColor(theme, "FeedbackInfo3", Color.CoreBlue600)};
             opacity: 0.1;
             pointer-events: none;
           }
@@ -274,6 +275,7 @@ const HighlightedTextOverlay = forwardRef(function HighlightedTextOverlay({ chil
 const HighlightedText = ({ value, tree, focused, interactive, schemaValidator, onLinkMouseDown, dontHighlightErrors = false, cursorIdx }) => {
 	const runs = buildHighlights(tree, value, focused, schemaValidator);
 	const linkMap = /* @__PURE__ */ new Map();
+	const paramEntries = /* @__PURE__ */ new Map();
 	findAll(tree, NodeType.Chain).forEach((chainNode) => {
 		if (!isASTChainNode(chainNode)) return;
 		chainNode.children.forEach((link) => {
@@ -284,7 +286,7 @@ const HighlightedText = ({ value, tree, focused, interactive, schemaValidator, o
 				});
 				if (link.type === NodeType.Function || link.type === NodeType.CustomFunction) {
 					if (link.children.some((child) => child.type === NodeType.ParenClose)) {
-						for (const child of link.children) if (child.type !== NodeType.Error && child.type !== NodeType.ParenOpen && child.type !== NodeType.ParenClose) linkMap.set(child.start, {
+						for (const child of link.children) if (child.type !== NodeType.Error && child.type !== NodeType.ParenOpen && child.type !== NodeType.ParenClose) paramEntries.set(child.start, {
 							start: child.start,
 							end: child.start
 						});
@@ -293,6 +295,7 @@ const HighlightedText = ({ value, tree, focused, interactive, schemaValidator, o
 			}
 		});
 	});
+	paramEntries.forEach((entry, start) => linkMap.set(start, entry));
 	let pos = 0;
 	return /* @__PURE__ */ jsx(Fragment$1, { children: runs.map((r) => {
 		const start = pos;
@@ -402,8 +405,9 @@ const scrollInputToCursor = (inputRef, cursorIdx) => {
 * accepted chain roots.
 */
 const isChainWithValidRoot = (value, chainRoots, { onlyAllowSingleLink = false } = {}) => {
-	const firstChild = (safeParse(value, { startRule: "ChainRoot" }).children ?? [])[0];
-	return firstChild != null && firstChild.type === NodeType.Chain && isASTChainNode(firstChild) && chainRoots.some((r) => {
+	const tree = safeParse(value, { startRule: "ChainRoot" });
+	const firstChild = (tree.children ?? [])[0];
+	return !findAll(tree, NodeType.Error).some((e) => !e.wip) && firstChild != null && firstChild.type === NodeType.Chain && isASTChainNode(firstChild) && chainRoots.some((r) => {
 		const firstLink = firstChild.children[0];
 		return firstLink != null && isMethodChainNode(firstLink) && r.label === firstLink.name;
 	}) && (!onlyAllowSingleLink || firstChild.children.length === 1);
@@ -462,7 +466,7 @@ const replaceChainAtCursor = (value, valueType, cursorIdx, tree, newChainString)
 		newCursorIdx: cursorIdx ?? value.length
 	};
 	const before = value.slice(0, openNode.end);
-	const after = closeNode ? value.slice(closeNode.start) : "";
+	const after = value.slice(closeNode ? closeNode.start : expr.end);
 	return {
 		newValue: before + newChainString + after,
 		newCursorIdx: before.length + newChainString.length
@@ -582,7 +586,8 @@ const getConfirmLinkCursorPos = (tree, valueType, currentChain, chain, schema, c
 *
 * TODO: Add more sophistication here (e.g. fuzzy matching, etc.)
 */
-const isQueryMatch = (query, chain) => {
+const isQueryMatch = (rawQuery, chain) => {
+	const query = rawQuery.toLowerCase();
 	const prop = chain.property.toLowerCase();
 	if (query.startsWith("@")) return prop.startsWith(query);
 	return (prop.startsWith("@") ? prop.slice(1) : prop).startsWith(query);
@@ -861,6 +866,7 @@ const SmartTextInputPopover = ({ id, children, comboboxState, inputRef, popoverR
 			$isDialog: isDialog,
 			id,
 			style: {
+				...popoverProps.style,
 				zIndex: Z_INDICES.modalDropdown,
 				width: popoverWidth
 			},
@@ -951,6 +957,7 @@ const buildTextModeHeading = (nodes) => {
 	parts.push("String");
 	return parts.join(", ");
 };
+const isListboxEmptyState = (collection, mode, isLoading) => [...collection].length === 0 || mode !== "text" && !!isLoading;
 const ListboxOption = ({ item, state }) => {
 	const ref = useRef(null);
 	const { optionProps, isFocused } = useOption({ key: item.id }, state, ref);
@@ -1002,44 +1009,59 @@ const ListboxOption = ({ item, state }) => {
 		});
 	}
 };
-const SmartTextInputListbox = ({ comboboxState, listBoxRef, listBoxProps, mode, isLoading, openCodeChainFunctionPanel }) => {
+const SmartTextInputListbox = ({ comboboxState, listBoxRef, listBoxProps, mode, isLoading, openCodeChainFunctionPanel, footerButtonId, isFooterHighlighted = false }) => {
 	const listBox = useListBox({
 		...listBoxProps,
 		"aria-label": mode === "text" ? "Context menu" : "Data path options"
 	}, comboboxState, listBoxRef);
 	const nodes = [...comboboxState.collection];
-	return /* @__PURE__ */ jsxs(StyledListBox, {
+	const showEmptyState = isListboxEmptyState(comboboxState.collection, mode, isLoading);
+	const footerButtonRef = useRef(null);
+	useEffect(() => {
+		if (isFooterHighlighted) footerButtonRef.current?.scrollIntoView?.({ block: "nearest" });
+	}, [isFooterHighlighted]);
+	const headings = /* @__PURE__ */ jsxs(Fragment$1, { children: [mode === "method-chain" && nodes[0]?.value?.id !== "exitMethodChainValueType" && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(StyledListboxOption, {
+		$bottomBorder: true,
+		children: /* @__PURE__ */ jsx(OptionLabel, {
+			$heading: true,
+			children: "Data path"
+		})
+	}) }), mode === "text" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StyledListboxOption, {
+		$bottomBorder: true,
+		children: /* @__PURE__ */ jsx(OptionLabel, {
+			$heading: true,
+			children: buildTextModeHeading(nodes)
+		})
+	}), /* @__PURE__ */ jsx(StyledListboxOption, { children: /* @__PURE__ */ jsx(OptionLabel, {
+		$heading: true,
+		children: "Modes"
+	}) })] })] });
+	const footer = showEmptyState && openCodeChainFunctionPanel ? /* @__PURE__ */ jsx(FooterContainer, { children: /* @__PURE__ */ jsx(Button, {
+		ref: footerButtonRef,
+		id: footerButtonId,
+		role: "option",
+		"aria-selected": isFooterHighlighted,
+		type: "button",
+		tabIndex: -1,
+		variant: "basic",
+		size: "sm",
+		active: isFooterHighlighted,
+		onClick: openCodeChainFunctionPanel,
+		children: "Create custom chain"
+	}) }) : null;
+	const listBoxElement = showEmptyState ? /* @__PURE__ */ jsx(StyledListBox, {
 		ref: listBoxRef,
 		...listBox.listBoxProps,
-		children: [
-			mode === "method-chain" && nodes[0]?.value?.id !== "exitMethodChainValueType" && /* @__PURE__ */ jsx(Fragment$1, { children: /* @__PURE__ */ jsx(StyledListboxOption, {
-				$bottomBorder: true,
-				children: /* @__PURE__ */ jsx(OptionLabel, {
-					$heading: true,
-					children: "Data path"
-				})
-			}) }),
-			mode === "text" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(StyledListboxOption, {
-				$bottomBorder: true,
-				children: /* @__PURE__ */ jsx(OptionLabel, {
-					$heading: true,
-					children: buildTextModeHeading(nodes)
-				})
-			}), /* @__PURE__ */ jsx(StyledListboxOption, { children: /* @__PURE__ */ jsx(OptionLabel, {
-				$heading: true,
-				children: "Modes"
-			}) })] }),
-			nodes.length === 0 || mode !== "text" && isLoading ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(EmptyOptionList, { children: "No options available" }), openCodeChainFunctionPanel && /* @__PURE__ */ jsx(FooterContainer, { children: /* @__PURE__ */ jsx(Button, {
-				variant: "basic",
-				size: "sm",
-				onClick: openCodeChainFunctionPanel,
-				children: "Create custom chain"
-			}) })] }) : nodes.map((node) => node.value ? /* @__PURE__ */ jsx(ListboxOption, {
-				item: node.value,
-				state: comboboxState
-			}, node.key) : null)
-		]
+		children: footer
+	}) : /* @__PURE__ */ jsxs(StyledListBox, {
+		ref: listBoxRef,
+		...listBox.listBoxProps,
+		children: [headings, nodes.map((node) => node.value ? /* @__PURE__ */ jsx(ListboxOption, {
+			item: node.value,
+			state: comboboxState
+		}, node.key) : null)]
 	});
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [showEmptyState && /* @__PURE__ */ jsxs(Fragment$1, { children: [headings, /* @__PURE__ */ jsx(EmptyOptionList, { children: "No options available" })] }), listBoxElement] });
 };
 //#endregion
 //#region src/components/SmartTextInput/useChainAtCursor.ts
@@ -1091,7 +1113,10 @@ function extractChainContextAtCursor(tree, cursorIdx, valueType, assumeOnNextLin
 		}
 		if (!shouldInclude) {
 			cutoffIdx = i;
-			if (!assumeOnNextLink && link.start < idx) partialQuery = link.name.slice(0, Math.min(idx - link.start, link.name.length));
+			if (!assumeOnNextLink && link.start < idx) {
+				const linkText = link.type === NodeType.CustomFunction ? `@${link.name}` : link.name;
+				partialQuery = linkText.slice(0, Math.min(idx - link.start, linkText.length));
+			}
 			break;
 		}
 	}
@@ -1372,12 +1397,12 @@ const StyledInput = styled(Input_default)`
   overflow: hidden;
 
   ${({ size }) => size === "sm" && css`
-      font-size: 12px;
+      font-size: ${Typography.TextSmall.fontSize};
     `}
   ${({ $variant }) => $variant === "table-cell" && css`
       border: none;
       padding: 0;
-      height: 18px;
+      height: ${Typography.TextSmall.lineHeight};
       border-radius: 0;
     `}
 `;
@@ -1729,6 +1754,19 @@ const SmartTextInput = ({ value: passedValue, onChange, valueType: allowedValueT
 	});
 	const showFunctionDialog = popupMode === "function-dialog" && comboboxState.isOpen;
 	const showCodeDialog = popupMode === "code-dialog" && comboboxState.isOpen;
+	const openCustomChainPanel = openCcfPanel ? () => openCcfPanel({
+		initialName: query,
+		inputSchema: currentSchema
+	}) : void 0;
+	const customChainButtonId = `${id}__create-custom-chain`;
+	const showCustomChainFooter = openCustomChainPanel != null && comboboxState.isOpen && !showFunctionDialog && !showCodeDialog && isListboxEmptyState(comboboxState.collection, mode, isLoading);
+	const [isCustomChainHighlighted, setIsCustomChainHighlighted] = useState(false);
+	useEffect(() => {
+		if (!showCustomChainFooter) setIsCustomChainHighlighted(false);
+	}, [showCustomChainFooter]);
+	useEffect(() => {
+		setIsCustomChainHighlighted(false);
+	}, [value]);
 	const popoverFooterRendered = useMemo(() => {
 		return popoverFooter == null ? void 0 : popoverFooter({ closePopover() {
 			comboboxState.setOpen(false);
@@ -1767,6 +1805,26 @@ const SmartTextInput = ({ value: passedValue, onChange, valueType: allowedValueT
 							dialogFocusRef.current?.focusFirst();
 							return;
 						}
+						if (showCustomChainFooter) {
+							if (e.key === "ArrowDown") {
+								e.preventDefault();
+								e.stopPropagation();
+								setIsCustomChainHighlighted(true);
+								return;
+							}
+							if (e.key === "ArrowUp") {
+								e.preventDefault();
+								e.stopPropagation();
+								setIsCustomChainHighlighted(false);
+								return;
+							}
+							if (e.key === "Enter" && isCustomChainHighlighted) {
+								e.preventDefault();
+								e.stopPropagation();
+								openCustomChainPanel?.();
+								return;
+							}
+						}
 						inputProps.onKeyDown?.(e);
 					}
 				}, {
@@ -1880,6 +1938,7 @@ const SmartTextInput = ({ value: passedValue, onChange, valueType: allowedValueT
 				disabled,
 				size,
 				$variant: variant,
+				"aria-activedescendant": isCustomChainHighlighted ? customChainButtonId : inputProps["aria-activedescendant"],
 				"aria-haspopup": popupMode === "function-dialog" || popupMode === "code-dialog" ? "dialog" : inputProps["aria-haspopup"],
 				...suppressPopover ? { "aria-expanded": false } : {}
 			})
@@ -1916,12 +1975,9 @@ const SmartTextInput = ({ value: passedValue, onChange, valueType: allowedValueT
 				listBoxProps: combobox.listBoxProps,
 				mode,
 				isLoading,
-				openCodeChainFunctionPanel: openCcfPanel ? () => {
-					openCcfPanel({
-						initialName: query,
-						inputSchema: currentSchema
-					});
-				} : void 0
+				openCodeChainFunctionPanel: openCustomChainPanel,
+				footerButtonId: customChainButtonId,
+				isFooterHighlighted: isCustomChainHighlighted
 			})
 		})]
 	}), renderCcfPanel()] });