@servicetitan/anvil2 3.0.7 → 3.0.8

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-C6TDFfds.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 Dialog } from './Dialog-dE9c90iR.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 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
@@ -205,7 +204,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/DataTableBodyRow.d.ts

@@ -3,6 +3,11 @@ 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;
@@ -38,6 +43,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, isActivatable, isActive, isTopMostActive, isReadOnly, onToggleActive, }: 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/useColumnOrder.d.ts

@@ -7,4 +7,5 @@ export declare const useColumnOrder: <T>({ table }: {
     table: TanstackTable<T>;
 }) => {
     columnOrder: number[];
+    columnIndexMap: Map<number, number>;
 };

package/dist/src/beta/components/TreeSelectField/TreeSelectField.d.ts

@@ -0,0 +1,68 @@
+import { TreeSelectFieldHandle, TreeSelectFieldNode } from './types';
+/**
+ * TreeSelectField component for selecting one or more nodes from a hierarchical tree structure.
+ *
+ * Features:
+ * - Async tree data loading via loadOptions callback with optional LRU caching
+ * - Single-select and multi-select modes
+ * - Multi-select chips display with optional singleRow and maxChips limits
+ * - Search filtering that preserves tree structure
+ * - Cascading parent/child selection (linked mode) or independent node selection
+ * - Lazy branch expansion with on-demand children loading
+ * - Virtualized rendering for large trees via the virtualize prop
+ * - Full keyboard navigation (ArrowDown/Up, ArrowRight/Left, Enter, Home/End, Escape, Backspace)
+ * - Imperative handle for clearCache, invalidate, expandAll, collapseAll
+ * - Accessible label, error, hint, description, and warning helper text
+ * - Prefix and suffix slot support
+ * - Supports layout utilities for positioning and spacing
+ *
+ * @example
+ * <TreeSelectField
+ *   label="Select Categories"
+ *   value={selected}
+ *   onSelectedOptionsChange={setSelected}
+ *   loadOptions={async (search) => fetchCategories(search)}
+ * />
+ */
+export declare const TreeSelectField: import('react').ForwardRefExoticComponent<{
+    id?: string;
+    label: string;
+    labelNode?: import('react').ReactNode;
+    hideLabel?: boolean;
+    placeholder?: string;
+    size?: Extract<import('../../..').Size, "small" | "medium" | "large">;
+    displayMenuAs?: "auto" | "popover" | "dialog";
+    error?: boolean | string | string[] | import('react').ReactElement;
+    hint?: import('react').ReactElement | string;
+    moreInfo?: import('react').ReactNode;
+    labelAiMark?: import('../../..').AiMarkWithTooltipOrPopoverProps["aiMark"];
+    description?: import('react').ReactElement | string;
+    warning?: string | string[];
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    prefix?: string | import('react').ReactElement;
+    suffix?: string | import('react').ReactElement;
+    className?: string;
+    style?: import('react').CSSProperties;
+    disableSearch?: boolean;
+    debounceMs?: number;
+    searchValue?: string;
+    onSearchChange?: (v: string) => void;
+    singleRow?: boolean;
+    maxChips?: number;
+    virtualize?: boolean;
+    value: import('./types').TreeSelectFieldValue[];
+    onSelectedOptionsChange: (nodes: import('./types').TreeSelectFieldValue[]) => void;
+    selectionMode?: "single" | "independent" | "linked";
+    valueConsistsOf?: import('./types').TreeSelectFieldValueConsistsOf;
+    defaultExpandLevel?: number;
+    expandedIds?: Set<string | number>;
+    onExpandedIdsChange?: (ids: Set<string | number>) => void;
+    loadOptions: (searchValue: string, parentNode?: TreeSelectFieldNode) => TreeSelectFieldNode[] | Promise<TreeSelectFieldNode[]>;
+    cache?: {
+        enabled?: boolean;
+        maxSize?: number;
+    };
+    initialLoad?: "auto" | "immediate" | "open";
+} & import('../../..').LayoutUtilProps & import('react').RefAttributes<TreeSelectFieldHandle>>;

package/dist/src/beta/components/TreeSelectField/TreeSelectFieldSync.d.ts

@@ -0,0 +1,64 @@
+import { MatchSorterOptions } from 'match-sorter';
+import { TreeSelectFieldNode, TreeSelectFieldProps } from './types';
+import { TreeSyncFilterFn } from './internal/treeSync';
+export type { TreeSyncFilterFn };
+/**
+ * Props for the TreeSelectFieldSync component.
+ * @property options - The static tree options to display.
+ * @property filter - Custom filter function or MatchSorterOptions to control how nodes are filtered during search.
+ *   By default, filters by label and searchText using match-sorter, preserving parent nodes of any match.
+ * @extends TreeSelectFieldProps
+ */
+export type TreeSelectFieldSyncProps = Omit<TreeSelectFieldProps, "loadOptions" | "debounceMs" | "cache" | "initialLoad"> & {
+    /**
+     * The static tree options to display in the field.
+     */
+    options: TreeSelectFieldNode[];
+    /**
+     * Controls how options are filtered when the user types a search value.
+     * Can be a function that returns nodes in the desired display order,
+     * or a MatchSorterOptions object to customize the default match-sorter behavior.
+     *
+     * By default, nodes are filtered by `label` and `searchText` using match-sorter,
+     * and parents of matching nodes are preserved in the tree structure.
+     *
+     * @example
+     * <TreeSelectFieldSync
+     *   options={options}
+     *   filter={(nodes, searchValue) => {
+     *     return nodes.filter((node) =>
+     *       node.label.toLowerCase().includes(searchValue.toLowerCase())
+     *     );
+     *   }}
+     * />
+     *
+     * @example
+     * <TreeSelectFieldSync
+     *   options={options}
+     *   filter={{ keys: ["label"] }}
+     * />
+     */
+    filter?: TreeSyncFilterFn | MatchSorterOptions<TreeSelectFieldNode>;
+};
+/**
+ * TreeSelectFieldSync is a simplified wrapper around TreeSelectField for static (non-async) tree data.
+ *
+ * Features:
+ * - Accepts static `options` instead of `loadOptions`.
+ * - Performs client-side filtering with tree-structure awareness (parents of matches are preserved).
+ * - Accepts a custom filter function or MatchSorterOptions to customize filtering behavior.
+ * - Invalidates the field when the options reference changes.
+ * - Supports all other props of TreeSelectField.
+ *
+ * @example
+ * <TreeSelectFieldSync
+ *   label="Select location"
+ *   options={locationTree}
+ *   value={selected}
+ *   onSelectedOptionsChange={setSelected}
+ * />
+ */
+export declare const TreeSelectFieldSync: {
+    (props: TreeSelectFieldSyncProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

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

@@ -0,0 +1,3 @@
+export { TreeSelectField } from './TreeSelectField';
+export { TreeSelectFieldSync } from './TreeSelectFieldSync';
+export * from './types';