@wallarm-org/design-system 0.69.0-rc-feature-AS-1192.1 → 0.69.0

package/dist/components/FilterInput/FilterInputErrors/parseFilterInputErrors.js

@@ -1,10 +1,11 @@
 import { SEGMENT_VARIANT } from "../FilterInputField/FilterInputChip/index.js";
-import { getFieldValues, hasStaticAllowlist, incompleteTripletError, isEmptyFilterValue, isNoValueOperator, isValidFieldValue } from "../lib/index.js";
+import { getFieldValues, hasStaticAllowlist, isNoValueOperator, isValidFieldValue } from "../lib/index.js";
 const isPairValueMissing = (condition)=>{
     const pair = condition.pair;
     if (!pair) return true;
     if (pair.operator && isNoValueOperator(pair.operator)) return false;
-    return isEmptyFilterValue(pair.value);
+    const value = pair.value;
+    return null == value || '' === value || Array.isArray(value) && 0 === value.length;
 };
 const parseFilterInputErrors = (conditions, fields)=>{
     const errors = [];
@@ -12,12 +13,9 @@ const parseFilterInputErrors = (conditions, fields)=>{
         const field = fields.find((f)=>f.name === condition.field);
         const baseIsNoValue = null != condition.operator && isNoValueOperator(condition.operator);
         if (field?.pairedField && !baseIsNoValue && isPairValueMissing(condition)) errors.push(`${field.pairedField.label} is required`);
+        if (!condition.error) continue;
         const label = field?.label || condition.field;
-        if (field && !field.pairedField && !condition.error && incompleteTripletError(condition.operator, condition.value)) {
-            errors.push(`${label} is incomplete`);
-            continue;
-        }
-        if (condition.error) switch(condition.error){
+        switch(condition.error){
             case SEGMENT_VARIANT.attribute:
                 errors.push(`Unknown field ${condition.field}`);
                 break;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/ChipSearchInput.js

@@ -20,7 +20,6 @@ const ChipSearchInput = ()=>{
                 ref: inputRef,
                 type: "text",
                 role: "combobox",
-                size: 1,
                 "aria-expanded": menuOpen,
                 "aria-invalid": error,
                 "aria-label": "Filter value",
@@ -32,7 +31,7 @@ const ChipSearchInput = ()=>{
                 style: {
                     width: `${inputWidth}px`
                 },
-                className: "h-22 min-w-0 border-none bg-transparent p-0 text-sm shadow-none outline-none ring-0"
+                className: "h-22 border-none bg-transparent p-0 text-sm shadow-none outline-none ring-0"
             }),
             /*#__PURE__*/ jsx("span", {
                 ref: sizerRef,

package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.js

@@ -10,13 +10,11 @@ import { Segment } from "./Segment.js";
 import { SEGMENT_VARIANT } from "./segmentVariant.js";
 const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = false, valueParts, valueSeparator, errorValueIndices, building = false, disabled = false, pair, onRemove, onSegmentClick, onPairSegmentClick, className, ...props })=>{
     const interactive = !disabled;
+    const hasError = !!error;
     const internalRef = useRef(null);
     const editing = useEditingContext();
     const isEditingThisChip = null != editing && null != editing.editingSegment && (building ? null == editing.editingChipId : null != chipId && editing.editingChipId === chipId);
     const activeSegment = isEditingThisChip ? editing.editingSegment : null;
-    const effectiveError = isEditingThisChip ? false : error;
-    const effectivePairError = isEditingThisChip ? void 0 : pair?.error;
-    const hasError = !!effectiveError || !!effectivePairError;
     const handleSegmentClick = useCallback((segment, e)=>{
         if (!onSegmentClick) return;
         if (activeSegment === segment) return;
@@ -64,7 +62,7 @@ const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = fals
             interactive,
             disabled,
             building
-        }), pair ? 'max-w-[380px]' : 'max-w-[320px]', className),
+        }), 'max-w-[320px]', className),
         "data-slot": "filter-input-condition-chip",
         ...building && {
             'data-building': ''
@@ -74,7 +72,7 @@ const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = fals
             /*#__PURE__*/ jsx(Segment, {
                 variant: SEGMENT_VARIANT.attribute,
                 className: "shrink-0",
-                error: true === effectiveError || effectiveError === SEGMENT_VARIANT.attribute,
+                error: true === error || error === SEGMENT_VARIANT.attribute,
                 onClick: interactive ? (e)=>handleSegmentClick(SEGMENT_VARIANT.attribute, e) : void 0,
                 onMouseDown: interactive && building ? handleSegmentMouseDown : void 0,
                 ...segmentEditProps(SEGMENT_VARIANT.attribute),
@@ -90,8 +88,8 @@ const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = fals
             }),
             (value || baseActiveSegment === SEGMENT_VARIANT.value) && /*#__PURE__*/ jsx(Segment, {
                 variant: SEGMENT_VARIANT.value,
-                className: pair ? 'max-w-[90px] shrink-0' : 'min-w-0',
-                error: baseActiveSegment !== SEGMENT_VARIANT.value && (true === effectiveError || effectiveError === SEGMENT_VARIANT.value),
+                className: "min-w-0",
+                error: baseActiveSegment !== SEGMENT_VARIANT.value && (true === error || error === SEGMENT_VARIANT.value),
                 valueParts: valueParts,
                 valueSeparator: valueSeparator,
                 errorValueIndices: errorValueIndices,
@@ -106,7 +104,6 @@ const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = fals
                     /*#__PURE__*/ jsx(Segment, {
                         variant: SEGMENT_VARIANT.attribute,
                         className: "shrink-0",
-                        onClick: interactive && pair.error ? (e)=>handlePairSegmentClick(SEGMENT_VARIANT.value, e) : void 0,
                         children: pair.attribute
                     }),
                     (pair.operator || pairActiveSegment === SEGMENT_VARIANT.operator) && /*#__PURE__*/ jsx(Segment, {
@@ -119,7 +116,7 @@ const FilterInputChip = ({ ref, chipId, attribute, operator, value, error = fals
                     (null != pair.value || pairActiveSegment === SEGMENT_VARIANT.value) && /*#__PURE__*/ jsx(Segment, {
                         variant: SEGMENT_VARIANT.value,
                         className: "min-w-0",
-                        error: pairActiveSegment !== SEGMENT_VARIANT.value && (true === effectivePairError || effectivePairError === SEGMENT_VARIANT.value),
+                        error: pairActiveSegment !== SEGMENT_VARIANT.value && (true === pair.error || pair.error === SEGMENT_VARIANT.value),
                         onClick: interactive ? (e)=>handlePairSegmentClick('value', e) : void 0,
                         ...segmentEditProps(SEGMENT_VARIANT.value, 1),
                         children: pair.value ?? ''

package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.d.ts

@@ -12,9 +12,7 @@ export declare const segmentTextVariants: (props?: ({
     variant?: "value" | "operator" | "attribute" | null | undefined;
     error?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/** Remove button styles — hidden by default, shown on chip hover or button focus.
- *  `pointer-events-none` while invisible stops it swallowing clicks meant for the
- *  chip/input and silently deleting the chip (AS-1179). */
+/** Remove button styles — hidden by default, shown on chip hover or button focus */
 export declare const removeButtonVariants: (props?: ({
     error?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.js

@@ -68,7 +68,7 @@ const segmentTextVariants = cva('truncate text-sm', {
         error: false
     }
 });
-const removeButtonVariants = cva(`absolute -right-[13px] top-[-1px] bottom-[-1px] flex items-center justify-center p-0 cursor-pointer w-[18px] border border-solid border-l-0 rounded-r-8 opacity-0 pointer-events-none group-hover/chip:opacity-100 group-hover/chip:pointer-events-auto focus:opacity-100 focus:pointer-events-auto transition-opacity ${hiddenWhenSelected}`, {
+const removeButtonVariants = cva(`absolute -right-[13px] top-[-1px] bottom-[-1px] flex items-center justify-center p-0 cursor-pointer w-[18px] border border-solid border-l-0 rounded-r-8 opacity-0 group-hover/chip:opacity-100 focus:opacity-100 transition-opacity ${hiddenWhenSelected}`, {
     variants: {
         error: {
             true: 'border-border-danger bg-bg-light-danger text-text-danger',

package/dist/components/FilterInput/FilterInputField/FilterInputChip/constants.d.ts

@@ -1,8 +1,5 @@
 /** Minimum input width in px */
 export declare const MIN_INPUT_WIDTH = 4;
-/** Maximum input width in px — caps the content-sized input so a long value
- *  can't grow it past the chip; beyond this it scrolls content natively. */
-export declare const MAX_INPUT_WIDTH = 280;
 /** Extra pixels added to measured width to prevent text clipping */
 export declare const WIDTH_OFFSET = 1;
 /** Approximate width of a single character in px (text-sm fallback) */

package/dist/components/FilterInput/FilterInputField/FilterInputChip/constants.js

@@ -1,5 +1,4 @@
 const MIN_INPUT_WIDTH = 4;
-const MAX_INPUT_WIDTH = 280;
 const WIDTH_OFFSET = 1;
 const CHAR_WIDTH_PX = 8;
-export { CHAR_WIDTH_PX, MAX_INPUT_WIDTH, MIN_INPUT_WIDTH, WIDTH_OFFSET };
+export { CHAR_WIDTH_PX, MIN_INPUT_WIDTH, WIDTH_OFFSET };

package/dist/components/FilterInput/FilterInputField/FilterInputChip/model/useSizerWidth.d.ts

@@ -6,14 +6,11 @@ interface UseSizerWidthOptions {
     text: string;
     /** Minimum width floor (defaults to MIN_INPUT_WIDTH) */
     minWidth?: number;
-    /** Maximum width ceiling (defaults to MAX_INPUT_WIDTH) */
-    maxWidth?: number;
 }
 /**
  * Measures input width from a hidden sizer span.
  * Falls back to character count * CHAR_WIDTH_PX when the DOM element is unavailable.
- * Returns the measured width + WIDTH_OFFSET to prevent text clipping, clamped to
- * [minWidth, maxWidth] so a long value can't widen the input past the chip.
+ * Returns the measured width + WIDTH_OFFSET to prevent text clipping.
  */
-export declare const useSizerWidth: ({ sizerRef, text, minWidth, maxWidth, }: UseSizerWidthOptions) => number;
+export declare const useSizerWidth: ({ sizerRef, text, minWidth, }: UseSizerWidthOptions) => number;
 export {};

package/dist/components/FilterInput/FilterInputField/FilterInputChip/model/useSizerWidth.js

@@ -1,14 +1,13 @@
 import { useEffect, useState } from "react";
-import { CHAR_WIDTH_PX, MAX_INPUT_WIDTH, MIN_INPUT_WIDTH, WIDTH_OFFSET } from "../constants.js";
-const useSizerWidth = ({ sizerRef, text, minWidth = MIN_INPUT_WIDTH, maxWidth = MAX_INPUT_WIDTH })=>{
+import { CHAR_WIDTH_PX, MIN_INPUT_WIDTH, WIDTH_OFFSET } from "../constants.js";
+const useSizerWidth = ({ sizerRef, text, minWidth = MIN_INPUT_WIDTH })=>{
     const [width, setWidth] = useState(minWidth);
     useEffect(()=>{
         const sizerWidth = sizerRef.current?.getBoundingClientRect().width ?? text.length * CHAR_WIDTH_PX;
-        setWidth(Math.min(maxWidth, Math.max(minWidth, sizerWidth)));
+        setWidth(Math.max(minWidth, sizerWidth));
     }, [
         text,
-        minWidth,
-        maxWidth
+        minWidth
     ]);
     return width + WIDTH_OFFSET;
 };

package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/FilterInputValueMenu.d.ts

@@ -7,8 +7,6 @@ export interface ValueOption {
         color: BadgeColor;
         text: string;
     };
-    /** Muted secondary line rendered beneath the bold `label`. Display-only. */
-    description?: string;
     hasSubmenu?: boolean;
 }
 type ConditionValue = string | number | boolean;

package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/FilterInputValueMenu.js

@@ -8,9 +8,11 @@ import { useValueMenuDisplayValues } from "./useValueMenuDisplayValues.js";
 import { useValueMenuState } from "./useValueMenuState.js";
 import { ValueMenuFooter } from "./ValueMenuFooter.js";
 import { ValueMenuItem } from "./ValueMenuItem.js";
-import { valueOptionSearchText } from "./valueOptionSearchText.js";
 const FilterInputValueMenu = ({ values, onSelect, onCommit, open = false, onOpenChange, onEscape, multiSelect = false, initialValues = [], highlightValue, width = 'standard', positioning, onBuildingValueChange, onItemToggle, inputRef, filterText = '', menuRef, blurCommitRef, className })=>{
-    const filteredValues = useMemo(()=>filterAndSort(values, filterText, valueOptionSearchText), [
+    const filteredValues = useMemo(()=>filterAndSort(values, filterText, (v)=>[
+                v.label,
+                String(v.value)
+            ]), [
         values,
         filterText
     ]);

package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.js

@@ -15,21 +15,13 @@ const ValueMenuItem = ({ option, isChecked, isPending, multiSelect, onSelect, re
                 type: "secondary",
                 variant: "default",
                 children: option.badge.text
-            }) : /*#__PURE__*/ jsxs("div", {
+            }) : /*#__PURE__*/ jsx("div", {
                 className: "min-w-0",
-                children: [
-                    /*#__PURE__*/ jsx(Text, {
-                        size: "sm",
-                        truncate: true,
-                        children: option.label
-                    }),
-                    option.description && /*#__PURE__*/ jsx(Text, {
-                        size: "xs",
-                        color: "secondary",
-                        truncate: true,
-                        children: option.description
-                    })
-                ]
+                children: /*#__PURE__*/ jsx(Text, {
+                    size: "sm",
+                    truncate: true,
+                    children: option.label
+                })
             }),
             multiSelect ? /*#__PURE__*/ jsx("div", {
                 className: "flex shrink-0 items-start justify-end py-2 ml-auto",

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useBlurCommit.d.ts

@@ -1,6 +1,5 @@
 import type { RefObject } from 'react';
 import type { FieldMetadata, FilterOperator, UpsertCondition } from '../../types';
-import type { BuildingBase } from './useAutocompleteState';
 interface UseBlurCommitDeps {
     selectedField: FieldMetadata | null;
     selectedOperator: FilterOperator | null;
@@ -10,12 +9,6 @@ interface UseBlurCommitDeps {
     handleCustomValueCommit: (text: string) => void;
     upsertCondition: UpsertCondition;
     resetState: () => void;
-    /** Which triplet is being built: 0 = base, 1 = paired second. */
-    buildingSide: 0 | 1;
-    setBuildingSide: (side: 0 | 1) => void;
-    /** Base triplet stashed while building a paired chip's second value. */
-    buildingBase: BuildingBase | null;
-    setBuildingBase: (base: BuildingBase | null) => void;
     /** Indirection ref breaking the useMenuFlow ↔ useBlurCommit cycle. */
     commitBuildingOnBlurRef: RefObject<() => boolean>;
     /** Same indirection for force-commit (area-click → incomplete becomes error). */
@@ -27,7 +20,7 @@ interface UseBlurCommitDeps {
  * editable. Re-entry-guarded: refs cleared synchronously so concurrent callers
  * (multiple onOpenChange + blur in one tick) don't create duplicate chips.
  */
-export declare const useBlurCommit: ({ selectedField, selectedOperator, inputText, editingChipId, effectiveInsertIndexRef, handleCustomValueCommit, upsertCondition, resetState, buildingSide, setBuildingSide, buildingBase, setBuildingBase, commitBuildingOnBlurRef, commitBuildingForceRef, }: UseBlurCommitDeps) => {
+export declare const useBlurCommit: ({ selectedField, selectedOperator, inputText, editingChipId, effectiveInsertIndexRef, handleCustomValueCommit, upsertCondition, resetState, commitBuildingOnBlurRef, commitBuildingForceRef, }: UseBlurCommitDeps) => {
     commitBuildingOnBlur: () => boolean;
     hasIncompleteBuilding: () => boolean;
 };

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useBlurCommit.js

@@ -1,34 +1,16 @@
 import { useCallback, useLayoutEffect, useRef } from "react";
 import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
 import { isBuildingComplete, isNoValueOperator } from "../../lib/index.js";
-const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChipId, effectiveInsertIndexRef, handleCustomValueCommit, upsertCondition, resetState, buildingSide, setBuildingSide, buildingBase, setBuildingBase, commitBuildingOnBlurRef, commitBuildingForceRef })=>{
+const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChipId, effectiveInsertIndexRef, handleCustomValueCommit, upsertCondition, resetState, commitBuildingOnBlurRef, commitBuildingForceRef })=>{
     const selectedFieldRef = useRef(selectedField);
     const selectedOperatorRef = useRef(selectedOperator);
     const inputTextRef = useRef(inputText);
-    const buildingSideRef = useRef(buildingSide);
-    const buildingBaseRef = useRef(buildingBase);
     useLayoutEffect(()=>{
         selectedFieldRef.current = selectedField;
         selectedOperatorRef.current = selectedOperator;
         inputTextRef.current = inputText;
-        buildingSideRef.current = buildingSide;
-        buildingBaseRef.current = buildingBase;
     });
     const committingRef = useRef(false);
-    const commitPairedBaseWithErroredValue = useCallback((base, field, operator)=>{
-        upsertCondition(base.field, base.operator, base.value, null, effectiveInsertIndexRef.current);
-        const pairError = operator ? SEGMENT_VARIANT.value : true;
-        upsertCondition(field, operator ?? void 0, null, void 0, void 0, pairError, void 0, 1);
-        setBuildingBase(null);
-        setBuildingSide(0);
-        resetState();
-    }, [
-        upsertCondition,
-        resetState,
-        effectiveInsertIndexRef,
-        setBuildingBase,
-        setBuildingSide
-    ]);
     const commitBuildingOnBlur = useCallback(()=>{
         if (committingRef.current) return false;
         const field = selectedFieldRef.current;
@@ -37,19 +19,6 @@ const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChip
         if (!field) return false;
         if (editingChipId) return false;
         const hasTypedValue = !!operator && !isNoValueOperator(operator) && text.length > 0;
-        if (!hasTypedValue && 1 === buildingSideRef.current && buildingBaseRef.current) {
-            committingRef.current = true;
-            try {
-                const base = buildingBaseRef.current;
-                selectedFieldRef.current = null;
-                selectedOperatorRef.current = null;
-                inputTextRef.current = '';
-                commitPairedBaseWithErroredValue(base, field, operator);
-                return true;
-            } finally{
-                committingRef.current = false;
-            }
-        }
         if (!isBuildingComplete(field, operator, null) && !hasTypedValue) return false;
         committingRef.current = true;
         try {
@@ -71,8 +40,7 @@ const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChip
         handleCustomValueCommit,
         upsertCondition,
         resetState,
-        effectiveInsertIndexRef,
-        commitPairedBaseWithErroredValue
+        effectiveInsertIndexRef
     ]);
     useLayoutEffect(()=>{
         commitBuildingOnBlurRef.current = commitBuildingOnBlur;
@@ -100,10 +68,6 @@ const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChip
                 handleCustomValueCommit(text);
                 return true;
             }
-            if (1 === buildingSideRef.current && buildingBaseRef.current) {
-                commitPairedBaseWithErroredValue(buildingBaseRef.current, field, operator);
-                return true;
-            }
             if (isBuildingComplete(field, operator, null)) {
                 upsertCondition(field, operator, null, void 0, effectiveInsertIndexRef.current);
                 resetState();
@@ -121,8 +85,7 @@ const useBlurCommit = ({ selectedField, selectedOperator, inputText, editingChip
         handleCustomValueCommit,
         upsertCondition,
         resetState,
-        effectiveInsertIndexRef,
-        commitPairedBaseWithErroredValue
+        effectiveInsertIndexRef
     ]);
     useLayoutEffect(()=>{
         commitBuildingForceRef.current = commitBuildingForce;

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.d.ts

@@ -1,5 +1,4 @@
 import type { RefObject } from 'react';
-import { type ChipSegment } from '../../FilterInputField/FilterInputChip';
 import type { Condition, FieldMetadata, FilterInputChipData, UpsertCondition } from '../../types';
 interface UseFilterInputAutocompleteOptions {
     fields: FieldMetadata[];
@@ -50,10 +49,10 @@ export declare const useFilterInputAutocomplete: ({ fields, conditions, chips, u
     handleMenuDiscard: () => void;
     /** Hard reset for paste/clipboard flows — scraps in-progress building. */
     resetAutocompleteState: (continueBuilding?: boolean) => void;
-    handleChipClick: (chipId: string, segment: ChipSegment, anchorEl: HTMLElement) => void;
-    handlePairChipClick: (chipId: string, segment: ChipSegment, anchorEl: HTMLElement) => void;
-    handleBuildingChipClick: (segment: ChipSegment, anchorEl: HTMLElement) => void;
-    switchEditSegment: (targetSegment: ChipSegment) => boolean;
+    handleChipClick: (chipId: string, segment: import("../../FilterInputField").ChipSegment, anchorEl: HTMLElement) => void;
+    handlePairChipClick: (chipId: string, segment: import("../../FilterInputField").ChipSegment, anchorEl: HTMLElement) => void;
+    handleBuildingChipClick: (segment: import("../../FilterInputField").ChipSegment, anchorEl: HTMLElement) => void;
+    switchEditSegment: (targetSegment: import("../../FilterInputField").ChipSegment) => boolean;
     removeEditingChip: () => void;
     handleConnectorChange: (connectorId: string, value: "and" | "or") => void;
     handleChipRemove: (chipId: string) => void;

package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.js

@@ -1,4 +1,3 @@
-import { useCallback } from "react";
 import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
 import { useDateRange } from "../../FilterInputMenu/FilterInputDateValueMenu/hooks.js";
 import { deriveAutocompleteValues } from "./lib/index.js";
@@ -12,7 +11,6 @@ import { useInputHandlers } from "./useInputHandlers.js";
 import { useMenuFlow } from "./useMenuFlow/index.js";
 import { useMenuPositioning } from "./useMenuPositioning.js";
 import { useResetState } from "./useResetState.js";
-import { useResumeBuilding } from "./useResumeBuilding.js";
 import { useSegmentEditFlow } from "./useSegmentEditFlow.js";
 const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition, removeCondition, removeConditionAtIndex, clearAll, setConnectorValue, containerRef, buildingChipRef, inputRef })=>{
     const state = useAutocompleteState({
@@ -125,10 +123,6 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
         handleCustomValueCommit,
         upsertCondition,
         resetState,
-        buildingSide,
-        setBuildingSide,
-        buildingBase,
-        setBuildingBase,
         commitBuildingOnBlurRef,
         commitBuildingForceRef
     });
@@ -176,36 +170,6 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
         setMenuState,
         setMenuAnchor
     });
-    const tryResumeBuilding = useResumeBuilding({
-        conditions,
-        fields,
-        removeConditionAtIndex,
-        setInsertIndex,
-        setBuildingBase,
-        setBuildingSide,
-        setSelectedField,
-        setSelectedOperator,
-        setBuildingMultiValue,
-        setInputText,
-        setMenuState,
-        resetMenuAnchor,
-        clearEditing: editing.clearEditing,
-        inputRef
-    });
-    const handleChipClick = useCallback((chipId, segment, anchorEl)=>{
-        if (tryResumeBuilding(chipId)) return;
-        editing.handleChipClick(chipId, segment, anchorEl);
-    }, [
-        tryResumeBuilding,
-        editing.handleChipClick
-    ]);
-    const handlePairChipClick = useCallback((chipId, segment, anchorEl)=>{
-        if (tryResumeBuilding(chipId)) return;
-        editing.handlePairChipClick(chipId, segment, anchorEl);
-    }, [
-        tryResumeBuilding,
-        editing.handlePairChipClick
-    ]);
     const { isBuilding, buildingChipData, editingMultiValues, editingSingleValue, editingDateRange } = deriveAutocompleteValues({
         editingChipId: editing.editingChipId,
         selectedField,
@@ -240,8 +204,8 @@ const useFilterInputAutocomplete = ({ fields, conditions, chips, upsertCondition
         handleMenuClose,
         handleMenuDiscard,
         resetAutocompleteState: resetState,
-        handleChipClick,
-        handlePairChipClick,
+        handleChipClick: editing.handleChipClick,
+        handlePairChipClick: editing.handlePairChipClick,
         handleBuildingChipClick,
         switchEditSegment,
         removeEditingChip,

package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.js

@@ -1,5 +1,5 @@
 import { SEGMENT_VARIANT } from "../../FilterInputField/FilterInputChip/index.js";
-import { NO_VALUE_PLACEHOLDER, canBorrowCrossFieldLabel, findOptionByValue, findValueLabelInFields, getDateDisplayLabel, getInvalidValueIndices, getOperatorLabel, incompleteTripletError, isEmptyFilterValue, isNoValueOperator } from "../../lib/index.js";
+import { NO_VALUE_PLACEHOLDER, canBorrowCrossFieldLabel, findOptionByValue, findValueLabelInFields, getDateDisplayLabel, getInvalidValueIndices, getOperatorLabel, isNoValueOperator } from "../../lib/index.js";
 const INVALID_DATE = 'Invalid Date';
 const DATE_RANGE_SEPARATOR = ' – ';
 const MULTI_VALUE_SEPARATOR = ', ';
@@ -84,35 +84,23 @@ const buildMultiValueChip = (baseChip, condition, field, fields, chipError)=>{
     };
 };
 const buildPairChip = (condition, field, fields)=>{
-    if (!field?.pairedField) return;
-    if (null != condition.operator && isNoValueOperator(condition.operator)) return;
+    if (!condition.pair || !field?.pairedField) return;
     const pf = field.pairedField;
-    if (!condition.pair) {
-        const baseComplete = null != condition.operator && !isEmptyFilterValue(condition.value);
-        if (!baseComplete) return;
-        return {
-            attribute: pf.label || pf.name,
-            value: '',
-            error: SEGMENT_VARIANT.value
-        };
-    }
     const { operator, value, error } = condition.pair;
     const displayValue = operator && isNoValueOperator(operator) ? NO_VALUE_PLACEHOLDER : resolveValueLabel(value, pf, fields) ?? String(value ?? '');
-    const valueRequiredButMissing = !(operator && isNoValueOperator(operator)) && isEmptyFilterValue(value);
-    const pairError = error || (valueRequiredButMissing ? SEGMENT_VARIANT.value : void 0);
     return {
         attribute: pf.label || pf.name,
         operator: operator ? getOperatorLabel(operator, pf.type || DEFAULT_FIELD_TYPE) : void 0,
         value: displayValue,
-        ...pairError && {
-            error: pairError
+        ...error && {
+            error
         }
     };
 };
 const makeConditionChipBase = (i, conditions, fields, error)=>{
     const condition = conditions[i];
     if (!condition) return makeEmptyChip(i, error);
-    const chipError = condition.error || (error ? true : void 0) || incompleteTripletError(condition.operator, condition.value);
+    const chipError = condition.error || (error ? true : void 0);
     const field = fields.find((f)=>f.name === condition.field);
     const baseChip = buildBaseChip(i, condition, field);
     if (condition.operator && isNoValueOperator(condition.operator)) return {

package/dist/components/FilterInput/hooks/useFilterInputExpression/useFilterInputExpression.js

@@ -155,11 +155,6 @@ const useFilterInputExpression = ({ fields, value, onChange, error, externalErro
             return;
         }
         const condition = buildCondition(field, operator, val, error, dateOrigin);
-        if (editingChipId) {
-            const idx = chipIdToConditionIndex(editingChipId);
-            const prevCondition = null !== idx ? prev.conditions[idx] : void 0;
-            if (prevCondition?.pair && prevCondition.field === condition.field) condition.pair = prevCondition.pair;
-        }
         const newConditions = applyCondition(prev.conditions, condition, editingChipId, atIndex);
         const newConnectors = addConnectorIfNeeded(prev.connectors, newConditions.length, editingChipId, atIndex, prev.conditions.length);
         applyState({

package/dist/components/FilterInput/lib/conditions.d.ts

@@ -1,14 +1,6 @@
-import type { ChipErrorSegment, Condition, FilterInputChipData, FilterOperator } from '../types';
+import type { FilterInputChipData } from '../types';
 /** Map a chip ID (e.g. "chip-2") back to condition index */
 export declare const chipIdToConditionIndex: (chipId: string) => number | null;
-/** A filter value is empty when null/undefined, '', or an empty array. */
-export declare const isEmptyFilterValue: (value: Condition["value"] | undefined) => boolean;
-/**
- * Error segment for an incomplete triplet, or `undefined` when complete:
- * missing operator → whole triplet (`true`); value-bearing operator with an
- * empty value → the value segment; no-value operator ("is set") → complete.
- */
-export declare const incompleteTripletError: (operator: FilterOperator | null | undefined, value: Condition["value"] | undefined) => ChipErrorSegment | undefined;
 /**
  * Convert a condition-level insert index to a position in the chips array.
  * When `afterConnector` is true, split AFTER the connector preceding the target chip.

package/dist/components/FilterInput/lib/conditions.js

@@ -1,12 +1,8 @@
-import { SEGMENT_VARIANT } from "../FilterInputField/FilterInputChip/segmentVariant.js";
 import { CHIP_ID_PATTERN } from "./constants.js";
-import { isNoValueOperator } from "./operators.js";
 const chipIdToConditionIndex = (chipId)=>{
     const match = chipId.match(CHIP_ID_PATTERN);
     return match ? Number(match[1]) : null;
 };
-const isEmptyFilterValue = (value)=>null == value || '' === value || Array.isArray(value) && 0 === value.length;
-const incompleteTripletError = (operator, value)=>operator ? isNoValueOperator(operator) ? void 0 : isEmptyFilterValue(value) ? SEGMENT_VARIANT.value : void 0 : true;
 const findChipSplitIndex = (chips, conditionInsertIndex, afterConnector = false)=>{
     let conditionCount = 0;
     for(let i = 0; i < chips.length; i++)if ('chip' === chips[i].variant) {
@@ -19,4 +15,4 @@ const findChipSplitIndex = (chips, conditionInsertIndex, afterConnector = false)
     }
     return chips.length;
 };
-export { chipIdToConditionIndex, findChipSplitIndex, incompleteTripletError, isEmptyFilterValue };
+export { chipIdToConditionIndex, findChipSplitIndex };

package/dist/components/FilterInput/lib/index.d.ts

@@ -3,7 +3,7 @@ export { DATE_PRESETS, formatDateForChip, getDateDisplayLabel, isDatePreset, } f
 export { applyAcceptChar } from './applyAcceptChar';
 export { applyFieldValueTransforms } from './applyFieldValueTransforms';
 export { applyKnownFieldHelpers, getKnownFieldSerializer } from './applyKnownFieldHelpers';
-export { chipIdToConditionIndex, findChipSplitIndex, incompleteTripletError, isEmptyFilterValue, } from './conditions';
+export { chipIdToConditionIndex, findChipSplitIndex } from './conditions';
 export { CONNECTOR_ID_PATTERN, MENU_BASE_GUTTER, MENU_CHIP_GUTTER_OFFSET, NO_VALUE_OPERATORS, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, OPERATORS_BY_TYPE, QUERY_BAR_SELECTOR, VARIANT_LABELS, } from './constants';
 export { COUNTRY_OPTIONS } from './country';
 export { type AnchorBounds, buildAnchoredRect, isMenuRelated, toAnchorBounds } from './dom';

package/dist/components/FilterInput/lib/index.js

@@ -2,7 +2,7 @@ import { DATE_PRESETS, formatDateForChip, getDateDisplayLabel, isDatePreset } fr
 import { applyAcceptChar } from "./applyAcceptChar.js";
 import { applyFieldValueTransforms } from "./applyFieldValueTransforms.js";
 import { applyKnownFieldHelpers, getKnownFieldSerializer } from "./applyKnownFieldHelpers.js";
-import { chipIdToConditionIndex, findChipSplitIndex, incompleteTripletError, isEmptyFilterValue } from "./conditions.js";
+import { chipIdToConditionIndex, findChipSplitIndex } from "./conditions.js";
 import { CONNECTOR_ID_PATTERN, MENU_BASE_GUTTER, MENU_CHIP_GUTTER_OFFSET, NO_VALUE_OPERATORS, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, VARIANT_LABELS } from "./constants.js";
 import { COUNTRY_OPTIONS } from "./country/index.js";
 import { buildAnchoredRect, isMenuRelated, toAnchorBounds } from "./dom.js";
@@ -15,4 +15,4 @@ import { SEGMENT_TO_MENU } from "./segmentMenu.js";
 import { serializeExpression } from "./serializeExpression.js";
 import { createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator } from "./statusCode/index.js";
 import { canBorrowCrossFieldLabel, findMatchingFieldValue, getInvalidValueIndices, isValidFieldValue, validateValueForField } from "./validation.js";
-export { CONNECTOR_ID_PATTERN, COUNTRY_OPTIONS, DATE_PRESETS, MENU_BASE_GUTTER, MENU_CHIP_GUTTER_OFFSET, NO_VALUE_OPERATORS, NO_VALUE_PLACEHOLDER, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, SEGMENT_TO_MENU, VARIANT_LABELS, applyAcceptChar, applyFieldValueTransforms, applyKnownFieldHelpers, buildAnchoredRect, canBorrowCrossFieldLabel, chipIdToConditionIndex, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, filterAndSort, findChipSplitIndex, findMatchingFieldValue, findOptionByValue, findValueLabelInFields, formatDateForChip, getCurrentValueTokenText, getDateDisplayLabel, getFieldOperators, getFieldValues, getInvalidValueIndices, getKnownFieldSerializer, getOperatorFromLabel, getOperatorLabel, getValueFilterText, hasFieldValues, hasStaticAllowlist, incompleteTripletError, isBetweenOperator, isBuildingComplete, isDatePreset, isEmptyFilterValue, isFilterParseError, isMenuRelated, isMultiSelectOperator, isNoValueOperator, isOperatorAllowedForField, isValidFieldValue, isValueShapeCompatible, nextBuildingMenu, parseExpression, serializeExpression, toAnchorBounds, validateValueForField };
+export { CONNECTOR_ID_PATTERN, COUNTRY_OPTIONS, DATE_PRESETS, MENU_BASE_GUTTER, MENU_CHIP_GUTTER_OFFSET, NO_VALUE_OPERATORS, NO_VALUE_PLACEHOLDER, OPERATORS_BY_TYPE, OPERATOR_LABELS, OPERATOR_LABELS_BY_TYPE, OPERATOR_SYMBOLS, QUERY_BAR_SELECTOR, SEGMENT_TO_MENU, VARIANT_LABELS, applyAcceptChar, applyFieldValueTransforms, applyKnownFieldHelpers, buildAnchoredRect, canBorrowCrossFieldLabel, chipIdToConditionIndex, createStatusCodeInputFilter, createStatusCodeNormalizer, createStatusCodeSerializer, createStatusCodeSuggestions, createStatusCodeValidator, filterAndSort, findChipSplitIndex, findMatchingFieldValue, findOptionByValue, findValueLabelInFields, formatDateForChip, getCurrentValueTokenText, getDateDisplayLabel, getFieldOperators, getFieldValues, getInvalidValueIndices, getKnownFieldSerializer, getOperatorFromLabel, getOperatorLabel, getValueFilterText, hasFieldValues, hasStaticAllowlist, isBetweenOperator, isBuildingComplete, isDatePreset, isFilterParseError, isMenuRelated, isMultiSelectOperator, isNoValueOperator, isOperatorAllowedForField, isValidFieldValue, isValueShapeCompatible, nextBuildingMenu, parseExpression, serializeExpression, toAnchorBounds, validateValueForField };

package/dist/components/FilterInput/types.d.ts

@@ -59,14 +59,6 @@ export interface FieldValueOption {
         color: BadgeColor;
         text: string;
     };
-    /**
-     * Optional secondary text rendered as a muted line beneath the bold `label`
-     * in the value dropdown (e.g. a backend path that explains or disambiguates
-     * the option). Display-only — never committed as a filter value. Because the
-     * bold `label` need not be unique, this line is what distinguishes rows that
-     * share a label (two `request-id` rows with different paths).
-     */
-    description?: string;
 }
 /**
  * Field Metadata Interface

package/dist/components/Slider/Slider.d.ts

@@ -0,0 +1,34 @@
+import { type FC, type ReactNode, type Ref } from 'react';
+import { Slider as ArkSlider } from '@ark-ui/react/slider';
+import { type TestableProps } from '../../utils/testId';
+/** Ark/Zag machine-config props forwarded to the headless `Slider.Root`. */
+type SliderRootConfig = Pick<ArkSlider.RootProps, 'value' | 'defaultValue' | 'min' | 'max' | 'step' | 'disabled' | 'readOnly' | 'getAriaValueText' | 'name' | 'form' | 'minStepsBetweenThumbs' | 'thumbCollisionBehavior'>;
+export interface SliderProps extends SliderRootConfig, TestableProps {
+    /** Error state → maps to Ark `invalid` (repaints the handle; the message is the Field's job). */
+    error?: boolean;
+    className?: string;
+    children?: ReactNode;
+    /** Fires live during drag with the current value array (`[n]` single, `[low, high]` range). */
+    onValueChange?: (value: number[]) => void;
+    /** Fires once on drag release with the committed value array. */
+    onValueChangeEnd?: (value: number[]) => void;
+    /** Ref to the Ark Slider root element. */
+    ref?: Ref<HTMLDivElement>;
+}
+/**
+ * Slider — pick an approximate, bounded value (or range) by dragging a handle along
+ * a track. Built on `@ark-ui/react/slider`.
+ *
+ * Compose the parts: `SliderControl` (renders the track + range) holds one
+ * `SliderThumb` per thumb (the real `role="slider"` node — consumer `data-*` /
+ * analytics / `ref` land there) and an optional `SliderMarks`. `SliderInput` and
+ * `SliderValue` are optional readouts. Single vs range is driven by the length of
+ * `value` / `defaultValue` — render one `SliderThumb` per entry. Thumbs never cross
+ * (`thumbCollisionBehavior` defaults to `'none'`); set `minStepsBetweenThumbs` for a gap.
+ *
+ * It reads `Field` context like `Input`/`Textarea`, so wrapping it in `<Field>` wires
+ * label / invalid / disabled. When an exact figure matters, pair with `NumberInput`;
+ * for 2–7 fixed options use `SegmentedControl`. See `docs/slider-design-spec.md`.
+ */
+export declare const Slider: FC<SliderProps>;
+export {};

package/dist/components/Slider/Slider.figma.d.ts

@@ -0,0 +1 @@
+export {};