@servicetitan/anvil2 3.0.7 → 3.0.9

package/dist/index.js

@@ -1,72 +1,72 @@
 export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-BNH0UD2s.js';
-export { A as AiMark } from './AiMark-BXL0sWIV.js';
+export { A as Alert } from './Alert-CNDLoh6b.js';
+export { A as AiMark } from './AiMark-CS6MvraM.js';
 export { A as Announcement } from './Announcement-CgTqDU8A.js';
-export { A as Avatar } from './Avatar-B_cRQqKR.js';
-export { A as AvatarGroup } from './Avatar-FDHyqiCy.js';
+export { A as Avatar } from './Avatar-CdAIJ5VK.js';
+export { A as AvatarGroup } from './Avatar-Bl-Dxbhf.js';
 export { B as Badge } from './Badge-DtUI2AEk.js';
-export { B as Breadcrumbs } from './Breadcrumbs-Bzxbdu-S.js';
+export { B as Breadcrumbs } from './Breadcrumbs--Xt6l_2L.js';
 export { B as Button } from './Button-C_V2xQAs.js';
 export { B as ButtonCompound } from './ButtonCompound-BQb2gfAl.js';
 export { B as ButtonLink } from './ButtonLink-UhLks0vM.js';
 export { B as ButtonToggle } from './ButtonToggle-jnDMPSyK.js';
-export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-BYNFAWpZ.js';
+export { a as Calendar, g as CalendarMonth, f as CalendarMonthButton, e as CalendarNext, b as CalendarNow, d as CalendarPrev, c as CalendarYearButton } from './Calendar-rITorBvD.js';
 export { C as Card } from './Card-fBqg853U.js';
-export { C as Checkbox } from './Checkbox-BeIzx_ZX.js';
-export { C as Chip } from './Chip-D2k5X_wX.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-CknXmqlQ.js';
-export { D as DateFieldRange } from './DateFieldRange-BN_uIvHI.js';
-export { D as DateFieldSingle } from './DateFieldSingle-h3YkdwPo.js';
-export { D as DateFieldYearless } from './DateFieldYearless-m_Hl2gMY.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-DNqSTBDr.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-D58z_eF3.js';
+export { C as Checkbox } from './Checkbox-BYWhkYoK.js';
+export { C as Chip } from './Chip-CyMNyEPR.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-BqJm-CdN.js';
+export { D as DateFieldRange } from './DateFieldRange-BUug1tUy.js';
+export { D as DateFieldSingle } from './DateFieldSingle-DR7faQGD.js';
+export { D as DateFieldYearless } from './DateFieldYearless-7MFcR7L6.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-DGtdyISH.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-C7oN9nIe.js';
 export { D as Details } from './Details-s2pVu-YL.js';
-export { D as Dialog } from './Dialog-CvYSMvfD.js';
-export { D as Divider } from './Divider-CxtTyw8_.js';
-export { D as Dnd } from './index-CukEaIHB.js';
-export { D as Drawer } from './Drawer-s2y0xcgV.js';
-export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-KZ9rRsXQ.js';
-export { E as EditCard } from './EditCard-B25pj0Jx.js';
-export { F as FieldLabel } from './FieldLabel-D1qPAGtB.js';
+export { D as Dialog } from './Dialog-dE9c90iR.js';
+export { D as Divider } from './Divider-Dz27DFuE.js';
+export { D as Dnd } from './index-CKdC7x1S.js';
+export { D as Drawer } from './Drawer-Dk0MsaOU.js';
+export { D as DrillDown, b as DrillDownContent, c as DrillDownFooter, a as DrillDownHeader, d as DrillDownNextButton, e as DrillDownPrevButton, u as useDrillDown } from './useDrilldown-BJ2dHHKV.js';
+export { E as EditCard } from './EditCard-DV2N7zWr.js';
+export { F as FieldLabel } from './FieldLabel-VVn8GR64.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 export { F as FieldMessage } from './FieldMessage-mTGdycSA.js';
 export { F as Flex } from './Flex-_orhvoxS.js';
 export { G as Grid } from './Grid-BAN8WD_V.js';
 export { I as Icon } from './Icon-feeG7gXA.js';
-export { I as InputMask } from './InputMask-BDl09V4u.js';
+export { I as InputMask } from './InputMask-VBHWGZGN.js';
 export { L as Layout, b as LayoutElement, a as LayoutItem } from './Layout-C2Q2hyLG.js';
 export { L as Link, u as useLinkStyles } from './Link-D8A_WT94.js';
 export { L as LinkButton } from './LinkButton-DxYsWiXB.js';
 export { L as List } from './List-GPS-GqH7.js';
-export { L as Listbox } from './Listbox-CvQHBFWb.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DO5psxd4.js';
-export { M as Menu } from './Menu-W0c-xKdX.js';
-export { N as NumberField } from './NumberField-BymFZhIJ.js';
+export { L as Listbox } from './Listbox-CRY-0BkS.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-BUrfz75g.js';
+export { M as Menu } from './Menu-DNJ0YqjA.js';
+export { N as NumberField } from './NumberField-bgYX7JGs.js';
 export { Overflow, OverflowText } from './Overflow.js';
-export { P as Page } from './Page-C2_Hm27h.js';
-export { P as Pagination } from './Pagination-Bmd4JORe.js';
-export { P as Popover } from './Popover-8mTJoMy7.js';
-export { P as ProgressBar } from './ProgressBar-C1CkQHV5.js';
-export { R as Radio } from './Radio-BcHMk8dD.js';
+export { P as Page } from './Page-BSHydn4p.js';
+export { P as Pagination } from './Pagination-CAeyJ7Pl.js';
+export { P as Popover } from './Popover-Cq5tirFz.js';
+export { P as ProgressBar } from './ProgressBar-ByR50ln7.js';
+export { R as Radio } from './Radio-CPuctRpl.js';
 export { S as SearchField } from './SearchField-BMHJCVFu.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-PwLdTdrd.js';
-export { S as SelectCard } from './SelectCard-BN-LI14f.js';
-export { S as SelectTrigger } from './SelectTrigger-CHk0KO-P.js';
+export { S as SelectCard } from './SelectCard-DLWLHi_i.js';
+export { S as SelectTrigger } from './SelectTrigger-BbneVXMz.js';
 export { S as SideNav } from './SideNav-JzIIZSK_.js';
 export { Skeleton, SkeletonCircle, SkeletonPill, SkeletonRectangle, SkeletonText } from './Skeleton.js';
 export { S as Spinner } from './Spinner-B7tTWcP6.js';
 export { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 export { S as Stepper } from './Stepper-lYywxPU5.js';
-export { S as Switch } from './Switch-onmiKoRd.js';
+export { S as Switch } from './Switch-B6bKmpwN.js';
 export { T as Tab } from './Tab-CIY6BO2e.js';
-export { T as Text } from './Text-BTzgTpqu.js';
-export { T as Textarea } from './Textarea-PXjppEQ6.js';
-export { T as TextField } from './TextField-WTYZJlX3.js';
-export { T as TimeField } from './TimeField-BJPXIv6W.js';
-export { T as Toaster } from './Toaster-DXLc86VD.js';
-export { t as toast } from './Toaster-CoChsMD0.js';
-export { T as Toolbar } from './Toolbar-Bt3kShho.js';
-export { T as Tooltip } from './Tooltip-yr1D06BE.js';
+export { T as Text } from './Text-w2gWn4K6.js';
+export { T as Textarea } from './Textarea-BK4Vf84K.js';
+export { T as TextField } from './TextField-BQsCh5Nb.js';
+export { T as TimeField } from './TimeField-B4IW2B_o.js';
+export { T as Toaster } from './Toaster-DTF9qnTy.js';
+export { t as toast } from './Toaster-BGY2IzF5.js';
+export { T as Toolbar } from './Toolbar-DObrJ_S5.js';
+export { T as Tooltip } from './Tooltip-DqS6xDUf.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-CeaUyHxh.js';
 export { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
@@ -74,11 +74,11 @@ export { u as usePrefersColorScheme } from './usePrefersColorScheme-_hT7dK7_.js'
 export { u as usePrefersReducedMotion } from './usePrefersReducedMotion-DR9B_D6w.js';
 export { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 export { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-J9DjoJiB.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-BFK29dL5.js';
 export { L as LocalizationProvider } from './LocalizationProvider-CO8fQGqs.js';
 export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR.js';
 export { P as PortalProvider, a as PortalProviderContext } from './PortalProvider-Cj_y3gbC.js';
-export { T as ThemeProvider } from './ThemeProvider-D4KdGCaP.js';
+export { T as ThemeProvider } from './ThemeProvider-BC6wbuLU.js';
 export { u as useTheme } from './useTheme-B4i6a3bM.js';
 export { T as TrackingProvider } from './TrackingProvider-Co4lyoI9.js';
 export { u as useTrackingContext } from './useTrackingContext-C522P4sv.js';

package/dist/keyboard_arrow_left-CiE1n99w.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z" }));
+
+export { SvgKeyboardArrowLeft as S };
+//# sourceMappingURL=keyboard_arrow_left-CiE1n99w.js.map

package/dist/keyboard_arrow_left-CiE1n99w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_arrow_left-CiE1n99w.js","sources":["../../hammer-icon/mdi/round/keyboard_arrow_left.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgKeyboardArrowLeft = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M14.71 15.88 10.83 12l3.88-3.88a.996.996 0 1 0-1.41-1.41L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0 .38-.39.39-1.03 0-1.42z\" }));\nexport default SvgKeyboardArrowLeft;\n"],"names":[],"mappings":";;AACK,MAAC,oBAAoB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,kJAAkJ,EAAE,CAAC;;;;"}

package/dist/keyboard_arrow_right-DMloHg_F.js

@@ -0,0 +1,6 @@
+import * as React from 'react';
+
+const SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42z" }));
+
+export { SvgKeyboardArrowRight as S };
+//# sourceMappingURL=keyboard_arrow_right-DMloHg_F.js.map

package/dist/keyboard_arrow_right-DMloHg_F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard_arrow_right-DMloHg_F.js","sources":["../../hammer-icon/mdi/round/keyboard_arrow_right.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgKeyboardArrowRight = (props) => /* @__PURE__ */ React.createElement(\"svg\", { xmlns: \"http://www.w3.org/2000/svg\", width: \"1em\", height: \"1em\", viewBox: \"0 0 24 24\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.29 15.88 13.17 12 9.29 8.12a.996.996 0 1 1 1.41-1.41l4.59 4.59c.39.39.39 1.02 0 1.41L10.7 17.3a.996.996 0 0 1-1.41 0c-.38-.39-.39-1.03 0-1.42z\" }));\nexport default SvgKeyboardArrowRight;\n"],"names":[],"mappings":";;AACK,MAAC,qBAAqB,GAAG,CAAC,KAAK,qBAAqB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,4BAA4B,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,kBAAkB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE,mJAAmJ,EAAE,CAAC;;;;"}

package/dist/portalScopeClassNames-jlZkdug_.js

@@ -0,0 +1,7 @@
+import { c as cx } from './index-De1g9FRV.js';
+import { t as themeStyles } from './ThemeProvider.module-D9pNGYjP.js';
+
+const portalScopeClassNames = cx("anvil2", themeStyles["theme-core"]);
+
+export { portalScopeClassNames as p };
+//# sourceMappingURL=portalScopeClassNames-jlZkdug_.js.map

package/dist/portalScopeClassNames-jlZkdug_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portalScopeClassNames-jlZkdug_.js","sources":["../src/internal/functions/portalScopeClassNames.ts"],"sourcesContent":["import cx from \"classnames\";\n\nimport themeStyles from \"../../providers/ThemeProvider/ThemeProvider.module.scss\";\n\n/**\n * Class names that re-establish the Anvil2 styling scope on a container.\n *\n * Native `popover` / top-layer elements (toasts, popovers, tooltips, surfaces)\n * are promoted to the top layer and live high in the DOM, escaping any ancestor\n * `AnvilProvider`'s `.anvil2` scope. Without the scope, descendants resolve none\n * of the `--a2-*` design tokens (defined on `.anvil2.theme-core`) and miss the\n * scoped component rules, so they render unstyled.\n *\n * Spread/append these class names onto such containers so they self-scope and\n * render correctly in any host context (including outside an `AnvilProvider`,\n * e.g. when an Anvil2 component is used from a legacy host).\n */\nexport const portalScopeClassNames = cx(\"anvil2\", themeStyles[\"theme-core\"]);\n"],"names":[],"mappings":";;;AAiBO,MAAM,qBAAA,GAAwB,EAAA,CAAG,QAAA,EAAU,WAAA,CAAY,YAAY,CAAC;;;;"}

package/dist/src/beta/components/FilterBar/FilterTextInput.d.ts

@@ -0,0 +1,29 @@
+import { TextInputFilter } from './internal/types';
+/**
+ * Props for the FilterTextInput component.
+ */
+interface FilterTextInputProps {
+    /** The text input filter — drives label, placeholder, and max length. */
+    filter: TextInputFilter;
+    /** Current text value. */
+    value: string;
+    /** Callback to update the value. Receives the truncated string. */
+    onChange: (value: string) => void;
+    /**
+     * `compact` hides the field's own label (toolbar popover — the filter
+     * button doubles as the label); `grid` shows it (drawer cell).
+     */
+    layout: "compact" | "grid";
+}
+/**
+ * Single-line TextField for the textInput filter. Used as the popover body in
+ * the toolbar (`layout="compact"`) and as the cell in the drawer
+ * (`layout="grid"`).
+ *
+ * Features:
+ * - Truncates entered text to `filter.maxLength` before emitting
+ * - Optional `current/max` character counter (`showCounter`)
+ * - Hides its own label in `compact` (the filter button doubles as the label)
+ */
+export declare const FilterTextInput: ({ filter, value, onChange, layout, }: FilterTextInputProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/beta/components/FilterBar/index.d.ts

@@ -1,3 +1,3 @@
 export * from './FilterBar';
 export { FilterBar as default, type FilterBarProps } from './FilterBar';
-export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type DateListFilter, type DateListOption, type DateListLibraryOptionId, type AsyncSelectFilter, type AsyncMultiSelectFilter, type NumericRangeFilter, type NumericRangeValue, type FilterValue, type FilterRenderProps, type BaseFilter, } from './internal/types';
+export { type Filter, type BooleanFilter, type CustomFilter, type SingleSelectFilter, type MultiSelectFilter, type DateFilter, type DateRangeFilter, type DateListFilter, type DateListOption, type DateListLibraryOptionId, type AsyncSelectFilter, type AsyncMultiSelectFilter, type TreeFilter, type AsyncTreeFilter, type NumericRangeFilter, type NumericRangeValue, type TextInputFilter, type FilterValue, type FilterRenderProps, type BaseFilter, } from './internal/types';

package/dist/src/beta/components/FilterBar/internal/adapters/asyncTree.d.ts

@@ -0,0 +1,6 @@
+import { TreeSelectMenuValue } from '../../../TreeSelectMenu';
+import { AsyncTreeFilter } from '../types';
+import { FilterTypeAdapter } from './types';
+type Value = TreeSelectMenuValue[];
+export declare const asyncTreeAdapter: FilterTypeAdapter<AsyncTreeFilter, Value>;
+export {};

package/dist/src/beta/components/FilterBar/internal/adapters/textInput.d.ts

@@ -0,0 +1,3 @@
+import { TextInputFilter } from '../types';
+import { FilterTypeAdapter } from './types';
+export declare const textInputAdapter: FilterTypeAdapter<TextInputFilter, string>;

package/dist/src/beta/components/FilterBar/internal/adapters/tree.d.ts

@@ -0,0 +1,6 @@
+import { TreeSelectMenuValue } from '../../../TreeSelectMenu';
+import { TreeFilter } from '../types';
+import { FilterTypeAdapter } from './types';
+type Value = TreeSelectMenuValue[];
+export declare const treeAdapter: FilterTypeAdapter<TreeFilter, Value>;
+export {};

package/dist/src/beta/components/FilterBar/internal/adapters/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { AsyncMultiSelectFilter, AsyncSelectFilter, BooleanFilter, CustomFilter, DateFilter, DateListFilter, DateListLibraryOptionId, DateRangeFilter, Filter, MultiSelectFilter, NumericRangeFilter, SingleSelectFilter } from '../types';
+import { AsyncMultiSelectFilter, AsyncSelectFilter, BooleanFilter, CustomFilter, DateFilter, DateListFilter, DateListLibraryOptionId, DateRangeFilter, Filter, MultiSelectFilter, NumericRangeFilter, SingleSelectFilter, TextInputFilter, TreeFilter, AsyncTreeFilter } from '../types';
 /**
  * Context passed to renderBarControl — the inline FilterBar control for a filter.
  *
@@ -67,7 +67,10 @@ export type FilterVariantMap = {
     dateList: DateListFilter;
     asyncSelect: AsyncSelectFilter;
     asyncMultiSelect: AsyncMultiSelectFilter;
+    tree: TreeFilter;
+    asyncTree: AsyncTreeFilter;
     numericRange: NumericRangeFilter;
+    textInput: TextInputFilter;
 };
 /**
  * Exhaustive map from Filter["type"] to its adapter. Forces compile-time

package/dist/src/beta/components/FilterBar/internal/types.d.ts

@@ -3,6 +3,7 @@ import { DateFieldSingleProps } from '../../../../components/DateFieldSingle';
 import { DateFieldRangeProps } from '../../../../components/DateFieldRange';
 import { SelectMenuOption, SelectMenuProps, SelectMenuSyncProps } from '../../SelectMenu';
 import { MultiSelectMenuOption, MultiSelectMenuProps, MultiSelectMenuSyncProps } from '../../MultiSelectMenu';
+import { TreeSelectMenuProps, TreeSelectMenuSyncProps, TreeSelectMenuValue } from '../../TreeSelectMenu';
 import { DistributiveOmit } from '../../../../types';
 /**
  * Base properties shared by all filter types
@@ -245,29 +246,85 @@ export type NumericRangeFilter = BaseFilter & {
      */
     hideControls?: boolean;
 };
+type TextInputFilterShared = BaseFilter & {
+    /** Identifies this as a text input filter */
+    type: "textInput";
+    /** Current text value (undefined or empty means inactive) */
+    value?: string;
+    /** Placeholder shown when the field is empty */
+    placeholder?: string;
+};
 /**
  * Single text input filter. Renders a TextField — the field's own label is
  * hidden inline in the toolbar (the filter button doubles as the label) and
  * shown in the drawer cell.
  *
  * `placeholder` is shown when the field is empty; `maxLength` clamps entered
- * text to that many characters.
+ * text to that many characters. Set `showCounter: true` to render a
+ * `current/max` character counter under the input — `maxLength` is required
+ * (and must be a concrete `number`, not `undefined`) in that case, otherwise
+ * the counter renders with an empty denominator.
  */
-export type TextInputFilter = BaseFilter & {
-    /** Identifies this as a text input filter */
-    type: "textInput";
-    /** Current text value (undefined or empty means inactive) */
-    value?: string;
-    /** Placeholder shown when the field is empty */
-    placeholder?: string;
-    /** Optional max character length; entered text is truncated to this length */
+export type TextInputFilter = (TextInputFilterShared & {
+    /** Show a `current/max` character counter under the input. */
+    showCounter: true;
+    /** Max character length; required when `showCounter` is true. */
+    maxLength: number;
+}) | (TextInputFilterShared & {
+    /** Show a `current/max` character counter under the input. */
+    showCounter?: false;
+    /** Optional max character length; entered text is truncated to this length. */
     maxLength?: number;
-};
+});
+/**
+ * Sync tree filter type. Backed by TreeSelectMenuSync in the toolbar and
+ * TreeSelectFieldSync in the drawer, so the consumer supplies a static
+ * `options` tree (with optional client-side `filter` override) instead of a
+ * `loadOptions` function. Selection is always an array of node values, even in
+ * `selectionMode: "single"`.
+ *
+ * Uses DistributiveOmit so variant-specific fields survive the omit, matching
+ * the select-family filters.
+ *
+ * Filter-runtime concerns (`label`, `id`, `selectedNodes`, `trigger`,
+ * `value`/`onSelectedOptionsChange`, focus-lifecycle callbacks) are owned by
+ * FilterBar and the tree adapter — consumers don't pass them. Like the
+ * select-family filters, the inline menu honors `controlledFiltering`: when it
+ * is on, selections are buffered as a draft and commit only on Apply; when off,
+ * they commit immediately.
+ */
+export type TreeFilter = BaseFilter & {
+    /** Identifies this as a tree filter */
+    type: "tree";
+    /** Currently selected tree node values */
+    selectedNodes?: TreeSelectMenuValue[];
+} & DistributiveOmit<TreeSelectMenuSyncProps, "id" | "label" | "value" | "onSelectedOptionsChange" | "trigger" | "onMenuKeyDown" | "onImplicitClose" | "onExplicitClose">;
+/**
+ * Async tree filter type. The async counterpart of TreeFilter — backed by
+ * TreeSelectMenu in the toolbar and TreeSelectField in the drawer, so the
+ * consumer supplies a `loadOptions` function (with `parentNode` for lazy branch
+ * loading) instead of a static `options` tree. Carries the full TreeSelectMenu
+ * pass-through configuration (cache, virtualize, displayMenuAs, initialLoad,
+ * selectionMode, valueConsistsOf, etc.).
+ *
+ * Filter-runtime concerns (`label`, `id`, `selectedNodes`, `trigger`,
+ * `value`/`onSelectedOptionsChange`, focus-lifecycle callbacks) are owned by
+ * FilterBar and the asyncTree adapter — consumers don't pass them. Like
+ * TreeFilter, the inline menu honors `controlledFiltering`: when it is on,
+ * selections are buffered as a draft and commit only on Apply; when off, they
+ * commit immediately.
+ */
+export type AsyncTreeFilter = BaseFilter & {
+    /** Identifies this as an async tree filter */
+    type: "asyncTree";
+    /** Currently selected tree node values */
+    selectedNodes?: TreeSelectMenuValue[];
+} & DistributiveOmit<TreeSelectMenuProps, "id" | "label" | "value" | "onSelectedOptionsChange" | "trigger" | "onMenuKeyDown" | "onImplicitClose" | "onExplicitClose">;
 /**
  * Union type of all available filter types
  * Uses unknown instead of any for better type safety
  */
-export type Filter = BooleanFilter | CustomFilter<any> | SingleSelectFilter | MultiSelectFilter | DateFilter | DateRangeFilter | DateListFilter | AsyncSelectFilter | AsyncMultiSelectFilter | NumericRangeFilter;
+export type Filter = BooleanFilter | CustomFilter<any> | SingleSelectFilter | MultiSelectFilter | DateFilter | DateRangeFilter | DateListFilter | AsyncSelectFilter | AsyncMultiSelectFilter | TreeFilter | AsyncTreeFilter | NumericRangeFilter | TextInputFilter;
 /** Type representing all possible filter values */
-export type FilterValue = boolean | CustomFilter["value"] | SingleSelectFilter["selectedOption"] | MultiSelectFilter["selectedOptions"] | DateFilter["value"] | DateRangeFilter["value"] | DateListFilter["selectedOption"] | AsyncSelectFilter["selectedOption"] | AsyncMultiSelectFilter["selectedOptions"] | NumericRangeFilter["value"];
+export type FilterValue = boolean | CustomFilter["value"] | SingleSelectFilter["selectedOption"] | MultiSelectFilter["selectedOptions"] | DateFilter["value"] | DateRangeFilter["value"] | DateListFilter["selectedOption"] | AsyncSelectFilter["selectedOption"] | AsyncMultiSelectFilter["selectedOptions"] | TreeFilter["selectedNodes"] | AsyncTreeFilter["selectedNodes"] | NumericRangeFilter["value"] | TextInputFilter["value"];
 export {};

package/dist/src/beta/components/FilterBar/internal/utils/test.d.ts

@@ -1,4 +1,4 @@
-import { AsyncMultiSelectFilter, AsyncSelectFilter, Filter, BooleanFilter, CustomFilter, SingleSelectFilter, MultiSelectFilter, DateFilter, DateListFilter, DateRangeFilter, NumericRangeFilter } from '../types';
+import { AsyncMultiSelectFilter, AsyncSelectFilter, Filter, BooleanFilter, CustomFilter, SingleSelectFilter, MultiSelectFilter, DateFilter, DateListFilter, DateRangeFilter, NumericRangeFilter, TextInputFilter, TreeFilter, AsyncTreeFilter } from '../types';
 export type TestValue = {
     id: number;
     label: string;
@@ -38,7 +38,10 @@ export declare function createMockDateRangeFilter(overrides?: Partial<DateRangeF
 export declare function createMockDateListFilter(overrides?: Partial<DateListFilter>): DateListFilter;
 export declare function createMockAsyncSelectFilter(overrides?: Partial<AsyncSelectFilter>): AsyncSelectFilter;
 export declare function createMockAsyncMultiSelectFilter(overrides?: Partial<AsyncMultiSelectFilter>): AsyncMultiSelectFilter;
+export declare function createMockTreeFilter(overrides?: Partial<TreeFilter>): TreeFilter;
+export declare function createMockAsyncTreeFilter(overrides?: Partial<AsyncTreeFilter>): AsyncTreeFilter;
 export declare function createMockNumericRangeFilter(overrides?: Partial<NumericRangeFilter>): NumericRangeFilter;
+export declare function createMockTextInputFilter(overrides?: Partial<TextInputFilter>): TextInputFilter;
 export declare const setupDesktopContainer: () => void;
 export declare const setupMobileContainer: () => void;
 export declare const setupSmContainer: () => void;

package/dist/src/beta/components/Table/DataTable/DataTable.d.ts

@@ -1,10 +1,9 @@
-import { ComponentPropsWithoutRef, Ref, ReactNode } from 'react';
+import { ComponentPropsWithoutRef, forwardRef, Ref, ReactNode } from 'react';
 import { LayoutUtilProps } from '../../../../types';
 import { ColumnDef, CustomTableFooterCellProps, TableRow } from '../types';
 import { DataTableCacheOptions, DataTableEmptyState, DataTablePaginationConfig, DataTableRef, SortedColumn } from './types';
 export type { DataTableCacheOptions, DataTableRef, DataTableEmptyState, SortedColumn, };
-type DataTableCellValue = object | string | number | boolean | bigint | symbol | null | undefined;
-export type DataTableRowData = Record<PropertyKey, DataTableCellValue>;
+export type DataTableRowData = object;
 /**
  * Props for the DataTable component
  * @extends LayoutUtilProps
@@ -33,10 +32,6 @@ export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & Compo
      * @default false
      */
     disableExpandAll?: boolean;
-    /**
-     * The default active row ids.
-     */
-    defaultActiveRowIds?: TableRow<T>["id"][];
     /**
      * The default selected row ids.
      */
@@ -55,23 +50,11 @@ export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & Compo
      * @default false
      */
     disableSelectAll?: boolean;
-    /**
-     * Whether rows can be activated by clicking. When enabled, rows receive
-     * a pointer cursor and hover background, and clicking a row toggles it
-     * into the active set. Can be a boolean to apply to all rows, or a
-     * function to opt specific rows in.
-     * @default false
-     */
-    isActivatable?: boolean | ((row: T) => boolean);
     /**
      * Whether the table is selectable. Can be a boolean or a function to customize the selection logic.
      * @default false
      */
     isSelectable?: boolean | ((row: T) => boolean);
-    /**
-     * Called when the row activation state changes. Passes the active row ids.
-     */
-    onActivateRow?: (activeRowIds: TableRow<T>["id"][]) => void;
     /**
      * Called when the row expansion state changes. Passes the expanded row ids.
      */
@@ -90,18 +73,13 @@ export type DataTableProps<T extends DataTableRowData> = LayoutUtilProps & Compo
      * When `false` or `undefined`, no pagination is applied and all data is shown.
      */
     pagination?: boolean | DataTablePaginationConfig<T>;
-    /**
-     * The active row ids.
-     */
-    activeRowIds?: TableRow<T>["id"][];
     /**
      * Row ids that should render as read-only. Read-only rows gray their
-     * plain text content, show a `not-allowed` cursor when they would
-     * otherwise be activatable, and disable the selection checkbox.
-     * Links, chips, and custom cell content are unaffected.
+     * plain-text cell content and render their selection checkbox as disabled
+     * and read-only. Links, chips, and custom cell content are unaffected.
      *
-     * Pre-seeded `selectedRowIds` / `activeRowIds` are still accepted —
-     * read-only only gates user interaction, not the visual state.
+     * Pre-seeded `selectedRowIds` is still honored — `readOnlyRowIds` only
+     * gates user interaction (checkbox toggling), not the visual state.
      */
     readOnlyRowIds?: TableRow<T>["id"][];
     /**
@@ -205,7 +183,6 @@ declare function DataTableInner<T extends DataTableRowData>(props: DataTableProp
  *   }}
  * />
  */
-type DataTableComponent = <T extends DataTableRowData>(props: DataTableProps<T> & {
+export declare const DataTable: (<T extends DataTableRowData>(props: DataTableProps<T> & {
     ref?: Ref<DataTableRef>;
-}) => ReturnType<typeof DataTableInner>;
-export declare const DataTable: DataTableComponent;
+}) => ReturnType<typeof DataTableInner>) & Pick<ReturnType<typeof forwardRef<DataTableRef, DataTableProps<DataTableRowData>>>, "$$typeof">;

package/dist/src/beta/components/Table/DataTable/internal/DataTableBody.d.ts

@@ -1,7 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Table as TanstackTable } from '@tanstack/react-table';
 import { DataTableVirtualizer } from './useDataTableVirtualizer';
-import { TableRow } from '../../types';
 /**
  * Props for the DataTableBody component
  * @property {TanstackTable<T>} table - The table instance from @tanstack/react-table to render
@@ -34,25 +33,9 @@ export type DataTableBodyProps<T> = {
      */
     getRowVersion?: (row: T) => unknown;
     /**
-     * Whether rows can be activated. Mirrors the DataTable `isActivatable`
-     * prop — a boolean applies to every row, a function opts specific rows in.
-     */
-    isActivatable?: boolean | ((row: T) => boolean);
-    /**
-     * Map of currently active row ids keyed by id. An entry set to `true`
-     * marks the row as active.
-     */
-    activeRowMap: Record<string, boolean>;
-    /**
-     * Map of read-only row ids keyed by id. Read-only rows gray their text
-     * and ignore activation clicks; their selection checkbox is disabled.
+     * Map of read-only row ids keyed by id. Read-only rows gray their plain
+     * text content and render disabled, read-only selection checkboxes.
      */
     readOnlyRowMap: Record<string, boolean>;
-    /**
-     * Called when an activatable row is clicked. Receives the row id and the
-     * ids of all descendant rows (flattened, any depth) so the parent's state
-     * can cascade to its sub-rows.
-     */
-    onToggleActive: (rowId: TableRow<T>["id"], descendantIds: TableRow<T>["id"][]) => void;
 } & ComponentPropsWithoutRef<"div">;
 export declare function DataTableBody<T>(props: DataTableBodyProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/src/beta/components/Table/DataTable/internal/DataTableBodyRow.d.ts

@@ -1,8 +1,12 @@
 import { Row } from '@tanstack/react-table';
-import { TableRow } from '../../types';
 import { useColumnOrder } from './useColumnOrder';
 export type DataTableBodyRowProps<T> = {
     columnOrder: ReturnType<typeof useColumnOrder>["columnOrder"];
+    /**
+     * O(1) lookup of leaf-column-index → visual position. Replaces
+     * `columnOrder.indexOf(...)` per cell to keep large-table renders cheap.
+     */
+    columnIndexMap: ReturnType<typeof useColumnOrder>["columnIndexMap"];
     row: Row<T>;
     rowIndex: number;
     tableHasSubRows: boolean;
@@ -12,22 +16,22 @@ export type DataTableBodyRowProps<T> = {
     parentRowCanExpand: boolean;
     isSelected: boolean;
     isSomeSelected: boolean;
-    isActivatable: boolean;
-    isActive: boolean;
     /**
-     * True when the row is the topmost active ancestor in its active chain
-     * (itself active, has sub-rows, and no ancestor row is active). Drives
-     * the darker blue/100 background; non-topmost active rows use blue/50.
+     * True when any ancestor row (parent, grandparent, etc.) is currently
+     * selected. Combined with `isSelected` to drive the row's
+     * `data-anv-is-selected-row` attribute so descendants visually adopt
+     * an ancestor's selection state without painting the ancestor itself.
+     * Computed at the parent level (`DataTableBody.tsx`) so the prop
+     * remains a serializable boolean — preserving `React.memo`
+     * comparator semantics in `areRowPropsEqual`.
      */
-    isTopMostActive: boolean;
+    isAncestorSelected: boolean;
     /**
-     * True when the row is flagged read-only via `readOnlyRowIds`. Grays
-     * plain text, shows `not-allowed` cursor on activatable rows, and
-     * disables the activation click (checkbox disabling is gated at the
-     * DataTable level via `enableRowSelection`).
+     * True when the row is flagged read-only via `readOnlyRowIds`. Grays the
+     * row's plain-text cell content. Checkbox disabling is gated separately
+     * at the DataTable level via `enableRowSelection`.
      */
     isReadOnly: boolean;
-    onToggleActive: (rowId: TableRow<T>["id"], descendantIds: TableRow<T>["id"][]) => void;
     /**
      * Optional consumer-provided function that returns a value expressing
      * "this row has changed." When supplied, the row is memoized: a row will
@@ -38,6 +42,6 @@ export type DataTableBodyRowProps<T> = {
      */
     getRowVersion?: (row: T) => unknown;
 };
-declare function DataTableBodyRowInner<T>({ columnOrder, row, rowIndex, tableHasSubRows, isExpanded, canExpand, depth, parentRowCanExpand, isActivatable, isActive, isTopMostActive, isReadOnly, onToggleActive, }: DataTableBodyRowProps<T>): import("react/jsx-runtime").JSX.Element;
+declare function DataTableBodyRowInner<T>({ columnOrder: _columnOrder, columnIndexMap, row, rowIndex, tableHasSubRows, isExpanded, canExpand, depth, parentRowCanExpand, isSelected, isSomeSelected, isAncestorSelected, isReadOnly, }: DataTableBodyRowProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare const DataTableBodyRow: typeof DataTableBodyRowInner;
 export {};

package/dist/src/beta/components/Table/DataTable/internal/context/focus/DTFocusContext.d.ts

@@ -8,10 +8,6 @@ export type DTFocusState = {
      * The last focused cell when the table was blurred or { rowIndex: 0, columnIndex: 0 } if never focused
      */
     focusRestorePoint: CellPosition;
-    /**
-     * Whether the focus has been disrupted by a sub component
-     */
-    hasFocusBeenDisrupted: boolean;
 };
 export type DTFocusStateContextValue = {
     getFocusedCell: () => CellPosition | null;
@@ -46,12 +42,6 @@ export type DTFocusCellManuallyAction = {
 export type DTBlurAction = {
     type: "BLUR";
 };
-export type DTFocusSubComponentAction = {
-    type: "FOCUS_SUB_COMPONENT";
-};
-export type DTFocusSubComponentBlurAction = {
-    type: "BLUR_SUB_COMPONENT";
-};
-export type DTFocusAction = DTFocusCellAction | DTFocusTableAction | DTFocusMoveAction | DTFocusJumpAction | DTBlurAction | DTFocusSubComponentAction | DTFocusSubComponentBlurAction | DTFocusCellManuallyAction;
+export type DTFocusAction = DTFocusCellAction | DTFocusTableAction | DTFocusMoveAction | DTFocusJumpAction | DTBlurAction | DTFocusCellManuallyAction;
 export declare const DTFocusStateContext: import('react').Context<DTFocusStateContextValue>;
 export declare const DTFocusDispatchContext: import('react').Context<import('react').Dispatch<DTFocusAction>>;

package/dist/src/beta/components/Table/DataTable/internal/context/focus/useDTFocusDispatchContext.d.ts

@@ -5,7 +5,5 @@ export declare function useDTFocusDispatchContext(): {
     moveFocus: (direction: "up" | "down" | "left" | "right") => void;
     jumpFocus: (direction: "up" | "down" | "left" | "right") => void;
     blur: () => void;
-    focusSubComponent: () => void;
-    blurSubComponent: () => void;
     dispatch: import('react').Dispatch<import('./DTFocusContext').DTFocusAction>;
 };

package/dist/src/beta/components/Table/DataTable/internal/context/surface/DataTableSurfaceCoordinatorContext.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+export type DataTableSurfaceRegistration = {
+    id: string;
+    close: (options?: {
+        restoreFocus?: boolean;
+    }) => void;
+};
+export type DataTableSurfaceCoordinator = {
+    requestOpen: (registration: DataTableSurfaceRegistration) => void;
+    clear: (id: string) => void;
+    intersectionBoundaryRef?: RefObject<HTMLElement | null>;
+};
+export declare const DataTableSurfaceCoordinatorContext: import('react').Context<DataTableSurfaceCoordinator | null>;

package/dist/src/beta/components/Table/DataTable/internal/context/surface/DataTableSurfaceCoordinatorProvider.d.ts

@@ -0,0 +1,7 @@
+import { RefObject } from 'react';
+type DataTableSurfaceCoordinatorProviderProps = {
+    children: React.ReactNode;
+    intersectionBoundaryRef?: RefObject<HTMLElement | null>;
+};
+export declare function DataTableSurfaceCoordinatorProvider({ children, intersectionBoundaryRef, }: DataTableSurfaceCoordinatorProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/beta/components/Table/DataTable/internal/context/surface/useDataTableSurfaceCoordinator.d.ts

@@ -0,0 +1 @@
+export declare function useDataTableSurfaceCoordinator(): import('./DataTableSurfaceCoordinatorContext').DataTableSurfaceCoordinator | null;