@servicetitan/anvil2 3.8.0 → 3.10.0

package/dist/beta.js

@@ -1,22 +1,22 @@
-export { F as FilterBar } from './FilterBar-DBVW3LL3.js';
-export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-Bvsijiqn.js';
-export { T as Toolbar, a as ToolbarButton, b as ToolbarButtonLink, d as ToolbarControlGroup, f as ToolbarElement, e as ToolbarSearchField, c as ToolbarSelect } from './Toolbar-BfGcDXgC.js';
-export { T as ToolbarButtonToggle } from './ToolbarButtonToggle-3xbnm1Qr.js';
-export { u as useCalendarBetaProps } from './Calendar-CekTYzdT.js';
-export { C as Calendar } from './Calendar-MRUB0XU7.js';
-import { S as SelectField$1, a as SelectFieldSync$1 } from './SelectFieldSync-VShqP5J0.js';
+export { F as FilterBar } from './FilterBar-luqnJzAK.js';
+export { C as COLUMN_TYPE_DEFAULTS, D as DataTable, b as booleanFormatter, a as chipsFormatter, c as createColumnHelper, d as currencyFormatter, i as dateFormatPresets, e as dateFormatter, f as dateTimeFormatter, g as getColumnTypeDefaults, h as htmlFormatter, m as markdownFormatter, n as numberFormatter, p as percentFormatter, r as resolveColumnTypeConfig, t as timeFormatPresets, j as timeFormatter, y as yearlessDateFormatter } from './DataTable-D-SKKt5w.js';
+export { T as Toolbar, a as ToolbarButton, b as ToolbarButtonLink, d as ToolbarControlGroup, f as ToolbarElement, e as ToolbarSearchField, c as ToolbarSelect } from './Toolbar-BOgHhw7K.js';
+export { T as ToolbarButtonToggle } from './ToolbarButtonToggle-BbtKfezH.js';
+export { u as useCalendarBetaProps } from './Calendar-D_fqe0-J.js';
+export { C as Calendar } from './Calendar-CUgFbnKj.js';
+import { S as SelectField$1, a as SelectFieldSync$1 } from './SelectFieldSync-Dyug8Fgk.js';
 import { forwardRef, createElement } from 'react';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { M as MultiSelectField$1, a as MultiSelectFieldSync$1 } from './MultiSelectFieldSync-B1tkEtft.js';
-import { S as SelectMenu$1, a as SelectMenuSync$1 } from './SelectMenuSync-BDx1yhZT.js';
-import { M as MultiSelectMenu$1, a as MultiSelectMenuSync$1 } from './MultiSelectMenuSync-Deki_z-0.js';
-export { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-CdtC8d3Q.js';
-export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-CPuQWUNU.js';
+import { M as MultiSelectField$1, a as MultiSelectFieldSync$1 } from './MultiSelectFieldSync-HhFKGtQM.js';
+import { S as SelectMenu$1, a as SelectMenuSync$1 } from './SelectMenuSync-BkC0FD5P.js';
+import { M as MultiSelectMenu$1, a as MultiSelectMenuSync$1 } from './MultiSelectMenuSync-C3Y7jnJQ.js';
+export { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-Cd87uR6b.js';
+export { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-88q0ydo5.js';
 export { I as InteractiveCard } from './InteractiveCard-C0g5PxB6.js';
-export { R as RichTextEditor } from './RichTextEditor-byoMZaJy.js';
-export { S as SavedFiltersButton } from './SavedFiltersButton-BHgS4akL.js';
-export { T as TypeaheadTextField } from './TypeaheadTextField-BkLECKZY.js';
-export { u as useAdaptiveView } from './useAdaptiveView-AvsDkChF.js';
+export { R as RichTextEditor } from './RichTextEditor-CTIGe6xA.js';
+export { S as SavedFiltersButton } from './SavedFiltersButton-CpnoAIrw.js';
+export { T as TypeaheadTextField } from './TypeaheadTextField-9Nkkd4c4.js';
+export { u as useAdaptiveView } from './useAdaptiveView-DmhhcX-B.js';
 
 const BETA_EXPORT_REMOVED_VERSION = "4.0";
 const STABLE_PROMOTION_PATHS = {

package/dist/{bulkActionTypes-CTKwMpO7.js → bulkActionTypes-CWcUhKFS.js}

@@ -1,6 +1,6 @@
 import { useState, useRef, useEffect, useCallback, forwardRef, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
-import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-BVclVovw.js';
+import { V as VirtualizedOptionsPanel, O as OptionsPanel } from './syncFilterUtils-YB6gRuuR.js';
 
 function useBulkActionRunner({
   setDraft
@@ -118,4 +118,4 @@ function resolveBulkActionLabel(label, current, fallback = "Select All") {
 }
 
 export { MultiSelectOptions as M, useToggleSelection as a, resolveBulkActionLabel as b, resolveBulkActionCheckState as r, useBulkActionRunner as u };
-//# sourceMappingURL=bulkActionTypes-CTKwMpO7.js.map
+//# sourceMappingURL=bulkActionTypes-CWcUhKFS.js.map

package/dist/bulkActionTypes-CWcUhKFS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bulkActionTypes-CWcUhKFS.js","sources":["../src/internal/hooks/useBulkActionRunner.ts","../src/internal/components/MultiSelectOptions.tsx","../src/internal/hooks/useToggleSelection.ts","../src/internal/types/bulkActionTypes.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\ntype BulkComputeResult<T> = T[] | Promise<T[]>;\n\nexport type UseBulkActionRunnerOptions<T> = {\n  /** Sets the draft (or commits when confirmation is off). */\n  setDraft: (next: T[]) => void;\n};\n\nexport type UseBulkActionRunnerResult<T> = {\n  /**\n   * True while a bulk-action promise is in flight. While true, callers should\n   * disable option rows, override the bulk row's checkState to \"loading\", and\n   * disable Apply.\n   */\n  pending: boolean;\n  /**\n   * Run a bulk action. If `compute` returns an array synchronously, the draft\n   * is updated immediately. If it returns a promise, the runner enters the\n   * pending state until resolve/reject. Stale resolutions (those that finish\n   * after another draft mutation or another bulk run, or after `reset()`) are\n   * silently discarded.\n   */\n  runBulk: (\n    compute: (current: T[]) => BulkComputeResult<T>,\n    current: T[],\n  ) => void;\n  /**\n   * Wrap an external draft mutation so that any in-flight bulk promise's\n   * eventual resolution is discarded. Use this in place of the raw setDraft\n   * whenever the user mutates the draft outside of a bulk action (option\n   * click, etc.) so that a slow Select-All-fetching promise can't clobber a\n   * subsequent click.\n   */\n  setDraftAndBump: (next: T[]) => void;\n  /**\n   * Discard any in-flight bulk resolution. Call when the menu closes so that\n   * a promise resolving after close can't apply to the next menu instance.\n   */\n  reset: () => void;\n};\n\n/**\n * Runs Select-All / Select-Filtered-style \"bulk action\" computations against\n * the controlled or draft selection, with support for both synchronous and\n * asynchronous results, and stale-result discard via a monotonic generation.\n */\nexport function useBulkActionRunner<T>({\n  setDraft,\n}: UseBulkActionRunnerOptions<T>): UseBulkActionRunnerResult<T> {\n  const [pending, setPending] = useState(false);\n  const genRef = useRef(0);\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  const runBulk = useCallback(\n    (compute: (current: T[]) => BulkComputeResult<T>, current: T[]) => {\n      const result = compute(current);\n\n      // Bumping the generation here means any earlier in-flight promise's\n      // eventual resolution will be discarded.\n      genRef.current += 1;\n      const myGen = genRef.current;\n\n      if (Array.isArray(result)) {\n        setDraft(result);\n        // If a previous async run was pending, it has now been superseded.\n        if (pending) setPending(false);\n        return;\n      }\n\n      setPending(true);\n      result\n        .then((next) => {\n          if (!isMountedRef.current) return;\n          if (genRef.current !== myGen) return; // stale\n          setDraft(next);\n          setPending(false);\n        })\n        .catch(() => {\n          if (!isMountedRef.current) return;\n          if (genRef.current !== myGen) return; // stale\n          // Silent failure — consumer manages their own error UI.\n          setPending(false);\n        });\n    },\n    [pending, setDraft],\n  );\n\n  const setDraftAndBump = useCallback(\n    (next: T[]) => {\n      genRef.current += 1;\n      setDraft(next);\n    },\n    [setDraft],\n  );\n\n  const reset = useCallback(() => {\n    genRef.current += 1;\n    setPending(false);\n  }, []);\n\n  return { pending, runBulk, setDraftAndBump, reset };\n}\n","import type { MultiSelectFieldOption } from \"../../components/MultiSelectField/types\";\nimport type { CheckState } from \"../../types\";\nimport { type CSSProperties, forwardRef, useCallback, useMemo } from \"react\";\nimport { OptionsPanel, type OptionsPanelHandle } from \"./OptionsPanel\";\nimport { VirtualizedOptionsPanel } from \"./VirtualizedOptionsPanel\";\nimport type {\n  GetItemPropsFn,\n  GetMenuPropsFn,\n  SectionMeta,\n  SelectItem,\n} from \"../types/selectFieldInternalTypes\";\n\nexport type MultiSelectOptionsProps = {\n  isOpen: boolean;\n  items: SelectItem[];\n  getMenuProps: GetMenuPropsFn;\n  getItemProps: GetItemPropsFn;\n  highlightedIndex: number;\n  selectedOptions: MultiSelectFieldOption[];\n  hasMore: boolean;\n  onLoadMore: () => void;\n  loading: boolean;\n  loadingMore: boolean;\n  disableAutoLoadMore?: boolean;\n  disabled?: boolean;\n  className?: string;\n  style?: CSSProperties;\n  sectionsMeta?: SectionMeta[];\n  virtualize?: boolean;\n};\n\nexport const MultiSelectOptions = forwardRef<\n  OptionsPanelHandle,\n  MultiSelectOptionsProps\n>(({ selectedOptions, items, virtualize, ...rest }, ref) => {\n  const selectedIds = useMemo(\n    () => new Set(selectedOptions.map((opt) => opt.id)),\n    [selectedOptions],\n  );\n\n  const getCheckedState = useCallback(\n    (item: SelectItem): CheckState => {\n      if (item.type === \"select-all\" || item.type === \"select-filtered\") {\n        return item.checkState ?? \"indeterminate\";\n      }\n      const checkId =\n        item.type === \"pinned-option\" ? item.original.id : item.id;\n      return selectedIds.has(checkId) ? \"checked\" : \"unchecked\";\n    },\n    [selectedIds],\n  );\n\n  const ListComponent = virtualize ? VirtualizedOptionsPanel : OptionsPanel;\n\n  return (\n    <ListComponent\n      {...rest}\n      ref={ref}\n      items={items}\n      selectionType=\"multiple\"\n      getCheckedState={getCheckedState}\n    />\n  );\n});\n\nMultiSelectOptions.displayName = \"MultiSelectOptions\";\n","import { useCallback, useMemo } from \"react\";\nimport type { SelectFieldOption } from \"../../components/SelectField/types\";\nimport type { NormalizedPinnedSection } from \"./usePinnedOptions\";\n\ntype UseToggleSelectionParams = {\n  options: SelectFieldOption[];\n  pinnedSections: NormalizedPinnedSection[];\n  selectedOptions: SelectFieldOption[];\n  onSelectedOptionsChange: (options: SelectFieldOption[]) => void;\n};\n\n/**\n * Shared multi-select toggle logic: computes allPinnedOptions and provides\n * handleItemClick to add/remove an option from the selection.\n * Used by both useComboMultiple and useSelectModeMultiple.\n */\nexport const useToggleSelection = ({\n  options,\n  pinnedSections,\n  selectedOptions,\n  onSelectedOptionsChange,\n}: UseToggleSelectionParams) => {\n  const allPinnedOptions = useMemo(() => {\n    return pinnedSections.flatMap((section) => section.options);\n  }, [pinnedSections]);\n\n  const handleItemClick = useCallback(\n    (option: { id: string | number; label: string }) => {\n      const isSelected = selectedOptions.some((opt) => opt.id === option.id);\n      if (isSelected) {\n        onSelectedOptionsChange(\n          selectedOptions.filter((opt) => opt.id !== option.id),\n        );\n      } else {\n        const fullOption =\n          options.find((opt) => opt.id === option.id) ||\n          allPinnedOptions.find((opt) => opt.id === option.id);\n        if (fullOption) {\n          onSelectedOptionsChange([...selectedOptions, fullOption]);\n        }\n      }\n    },\n    [selectedOptions, onSelectedOptionsChange, options, allPinnedOptions],\n  );\n\n  return { handleItemClick, allPinnedOptions };\n};\n","import type { CheckState } from \"../../types\";\nimport type { SelectFieldOption } from \"../../components/SelectField/types\";\n\n/**\n * The check state of a \"Select All\" / \"Select Filtered\" row.\n *\n * Accepts a static value (`boolean` shorthand or a full `CheckState`) or a\n * function that derives the state from the current selection. The function\n * form is resolved against the live selection (the confirmation draft when\n * confirmation is enabled, otherwise the committed value), so the row's\n * checkbox can reflect how much of the set is currently selected — e.g.\n * `checked` when everything is selected, `indeterminate` when some is, and\n * `unchecked` when none is. This is the async equivalent of the automatic\n * check-state behavior the `*Sync` variants provide.\n */\nexport type BulkActionCheckState =\n  | boolean\n  | CheckState\n  | ((current: SelectFieldOption[]) => boolean | CheckState);\n\n/**\n * Label for a \"Select All\" / \"Select Filtered\" row. A function form is\n * resolved against the live selection (the confirmation draft when\n * confirmation is enabled, otherwise the committed value).\n */\nexport type BulkActionLabel =\n  | string\n  | ((current: SelectFieldOption[]) => string);\n\n/**\n * Configuration for the \"Select All\" / \"Select Filtered\" rows in a\n * MultiSelectMenu or MultiSelectField.\n *\n * Choose exactly one of `onClick` or `compute`:\n *\n * - **`onClick`** — the row fires the callback; the consumer commits the next\n *   selection themselves via `onSelectedOptionsChange`. Simple and familiar.\n *   When `confirmation` is enabled, `onClick` bypasses the menu's draft layer\n *   (the menu warns once in development).\n * - **`compute`** — the menu invokes `compute(currentDraft)` and writes the\n *   result into the draft (or commits it, when confirmation is off). `compute`\n *   may return a `Promise<SelectFieldOption[]>`; while the promise is pending\n *   the menu shows a loading state, disables all option rows, and disables\n *   Apply.\n *\n * `checkState` accepts a static value (a `boolean` shorthand or a full\n * `CheckState`) or a function that derives the state from the current\n * selection, so the row's checkbox can reflect how much of the set is selected.\n */\nexport type BulkActionConfig =\n  | {\n      label?: BulkActionLabel;\n      checkState: BulkActionCheckState;\n      onClick: () => void;\n      compute?: never;\n    }\n  | {\n      label?: BulkActionLabel;\n      checkState: BulkActionCheckState;\n      compute: (\n        current: SelectFieldOption[],\n      ) => SelectFieldOption[] | Promise<SelectFieldOption[]>;\n      onClick?: never;\n    };\n\n/**\n * Normalized form used internally after `checkState`'s `boolean` shorthand has\n * been resolved to a `CheckState`.\n */\nexport type ResolvedBulkAction = {\n  label?: string;\n  checkState: CheckState;\n  onClick?: () => void;\n  compute?: (\n    current: SelectFieldOption[],\n  ) => SelectFieldOption[] | Promise<SelectFieldOption[]>;\n};\n\n/**\n * Resolves a `BulkActionCheckState` into a concrete `CheckState`.\n *\n * When `checkState` is a function it is invoked with the current selection.\n * The `boolean` shorthand maps `true → \"checked\"` and `false → \"unchecked\"`;\n * a `CheckState` is passed through, defaulting to `\"indeterminate\"`.\n */\nexport function resolveBulkActionCheckState(\n  checkState: BulkActionCheckState,\n  current: SelectFieldOption[],\n): CheckState {\n  const value =\n    typeof checkState === \"function\" ? checkState(current) : checkState;\n  return value === true\n    ? \"checked\"\n    : value === false\n      ? \"unchecked\"\n      : (value ?? \"indeterminate\");\n}\n\n/**\n * Resolves a `BulkActionLabel` into a display string.\n */\nexport function resolveBulkActionLabel(\n  label: BulkActionLabel | undefined,\n  current: SelectFieldOption[],\n  fallback = \"Select All\",\n): string {\n  if (label === undefined) return fallback;\n  return typeof label === \"function\" ? label(current) : label;\n}\n"],"names":[],"mappings":"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"}

package/dist/childrenToString-Bz9MqbHb.js.map

@@ -1 +1 @@
-{"version":3,"file":"childrenToString-Bz9MqbHb.js","sources":["../src/internal/functions/childrenToString.ts"],"sourcesContent":["import { isValidElement, ReactNode } from \"react\";\n\n/**\n * Recursively extracts text content from React children nodes.\n *\n * Features:\n * - Converts React children to plain text string\n * - Handles all React node types (strings, numbers, booleans, arrays, elements)\n * - Recursively processes nested React elements\n * - Extracts text from element children props\n * - Handles empty and null children gracefully\n * - Joins array children into single string\n * - Filters out non-text content automatically\n * - Returns empty string for unsupported node types\n *\n * Supported Node Types:\n * - String, number, boolean (converted to string)\n * - React elements (extracts children recursively)\n * - Arrays (processes each item and joins)\n * - Null, undefined (returns empty string)\n * - Objects (returns empty string)\n *\n * @param node - React node to convert to string\n * @returns Extracted text content as string, or empty string if no text content\n */\nexport function childrenToString(node: ReactNode | object): string {\n  if (\n    typeof node === \"string\" ||\n    typeof node === \"number\" ||\n    typeof node === \"boolean\"\n  ) {\n    return node.toString();\n  }\n  if (!node) {\n    return \"\";\n  }\n  if (Array.isArray(node)) {\n    if (!node.length) return \"\";\n    return node.map((entry) => childrenToString(entry)).join(\"\");\n  }\n\n  if (isValidElement(node)) {\n    const children = node.props?.children;\n    if (!children) return \"\";\n    return childrenToString(children);\n  }\n  return \"\";\n}\n"],"names":[],"mappings":";;AAyBO,SAAS,iBAAiB,IAAA,EAAkC;AACjE,EAAA,IACE,OAAO,SAAS,QAAA,IAChB,OAAO,SAAS,QAAA,IAChB,OAAO,SAAS,SAAA,EAChB;AACA,IAAA,OAAO,KAAK,QAAA,EAAS;AAAA,EACvB;AACA,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,IAAI,CAAC,IAAA,CAAK,MAAA,EAAQ,OAAO,EAAA;AACzB,IAAA,OAAO,IAAA,CAAK,IAAI,CAAC,KAAA,KAAU,iBAAiB,KAAK,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAA,EAC7D;AAEA,EAAA,IAAI,cAAA,CAAe,IAAI,CAAA,EAAG;AACxB,IAAA,MAAM,QAAA,GAAW,KAAK,KAAA,EAAO,QAAA;AAC7B,IAAA,IAAI,CAAC,UAAU,OAAO,EAAA;AACtB,IAAA,OAAO,iBAAiB,QAAQ,CAAA;AAAA,EAClC;AACA,EAAA,OAAO,EAAA;AACT;;;;"}
+{"version":3,"file":"childrenToString-Bz9MqbHb.js","sources":["../src/internal/functions/childrenToString.ts"],"sourcesContent":["import { isValidElement, type ReactNode } from \"react\";\n\n/**\n * Recursively extracts text content from React children nodes.\n *\n * Features:\n * - Converts React children to plain text string\n * - Handles all React node types (strings, numbers, booleans, arrays, elements)\n * - Recursively processes nested React elements\n * - Extracts text from element children props\n * - Handles empty and null children gracefully\n * - Joins array children into single string\n * - Filters out non-text content automatically\n * - Returns empty string for unsupported node types\n *\n * Supported Node Types:\n * - String, number, boolean (converted to string)\n * - React elements (extracts children recursively)\n * - Arrays (processes each item and joins)\n * - Null, undefined (returns empty string)\n * - Objects (returns empty string)\n *\n * @param node - React node to convert to string\n * @returns Extracted text content as string, or empty string if no text content\n */\nexport function childrenToString(node: ReactNode | object): string {\n  if (\n    typeof node === \"string\" ||\n    typeof node === \"number\" ||\n    typeof node === \"boolean\"\n  ) {\n    return node.toString();\n  }\n  if (!node) {\n    return \"\";\n  }\n  if (Array.isArray(node)) {\n    if (!node.length) return \"\";\n    return node.map((entry) => childrenToString(entry)).join(\"\");\n  }\n\n  if (isValidElement(node)) {\n    const children = node.props?.children;\n    if (!children) return \"\";\n    return childrenToString(children);\n  }\n  return \"\";\n}\n"],"names":[],"mappings":";;AAyBO,SAAS,iBAAiB,IAAA,EAAkC;AACjE,EAAA,IACE,OAAO,SAAS,QAAA,IAChB,OAAO,SAAS,QAAA,IAChB,OAAO,SAAS,SAAA,EAChB;AACA,IAAA,OAAO,KAAK,QAAA,EAAS;AAAA,EACvB;AACA,EAAA,IAAI,CAAC,IAAA,EAAM;AACT,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,IAAI,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA,EAAG;AACvB,IAAA,IAAI,CAAC,IAAA,CAAK,MAAA,EAAQ,OAAO,EAAA;AACzB,IAAA,OAAO,IAAA,CAAK,IAAI,CAAC,KAAA,KAAU,iBAAiB,KAAK,CAAC,CAAA,CAAE,IAAA,CAAK,EAAE,CAAA;AAAA,EAC7D;AAEA,EAAA,IAAI,cAAA,CAAe,IAAI,CAAA,EAAG;AACxB,IAAA,MAAM,QAAA,GAAW,KAAK,KAAA,EAAO,QAAA;AAC7B,IAAA,IAAI,CAAC,UAAU,OAAO,EAAA;AACtB,IAAA,OAAO,iBAAiB,QAAQ,CAAA;AAAA,EAClC;AACA,EAAA,OAAO,EAAA;AACT;;;;"}

package/dist/{filter-state-DKXF5MeW.js → filter-state-BQOX7_rO.js}

@@ -1,38 +1,39 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useMemo, forwardRef, createElement, createContext, useRef, useId, useState, useContext, useEffect, useCallback } from 'react';
-import { C as Chip } from './Chip-CxgryK86.js';
-import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-3xbnm1Qr.js';
+import { C as Chip } from './Chip-D6Q0J0Xe.js';
+import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
+import { d as ToolbarItemWrapper, u as useToolbarSize, T as ToolbarButtonToggle, b as ToolbarContext, g as getToolbarElements, a as updateToolbarItemsTabIndex } from './ToolbarButtonToggle-BbtKfezH.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgEvent, a as DateModeToFormatMap } from './TimezoneMessage-BrKB_psP.js';
 import { c as cx } from './index-De1g9FRV.js';
-import { B as Button } from './Button-BNzCI47m.js';
-import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-B1tkEtft.js';
-import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-Deki_z-0.js';
-import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-VShqP5J0.js';
-import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BDx1yhZT.js';
-import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-CdtC8d3Q.js';
-import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-CPuQWUNU.js';
-import { C as Checkbox } from './Checkbox-zz9TyZWn.js';
-import { a as OptionsPopover } from './useAdaptiveView-AvsDkChF.js';
-import { M as MenuFooter } from './MenuFooter-Ck9L599M.js';
+import { B as Button } from './Button-Dwh_Nd4l.js';
+import { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-HhFKGtQM.js';
+import { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-C3Y7jnJQ.js';
+import { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-Dyug8Fgk.js';
+import { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-BkC0FD5P.js';
+import { T as TreeSelectField, a as TreeSelectFieldSync } from './TreeSelectFieldSync-Cd87uR6b.js';
+import { a as TreeSelectMenu, T as TreeSelectMenuSync } from './TreeSelectMenuSync-88q0ydo5.js';
+import { C as Checkbox } from './Checkbox-4wRmrann.js';
+import { a as OptionsPopover } from './useAdaptiveView-DmhhcX-B.js';
+import { M as MenuFooter } from './MenuFooter--lBF8OjJ.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-CgMPTi1v.js';
-import { F as Flex } from './Flex-Bb3iHExM.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-BZjlO0hX.js';
+import { F as Flex } from './Flex-CRF7gj0_.js';
 import { u as useConfirmationDraft } from './confirmationTypes-CG7xl50f.js';
-import { D as Dialog } from './Dialog-BxulNN8n.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-CP7QgS6P.js';
+import { D as Dialog } from './Dialog-Clh3jaX8.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-DUFfyknZ.js';
 import { w as warnOnce } from './warnOnce-Y9PRHcU4.js';
-import { F as FieldLabel } from './FieldLabel-Cm5A1Jcx.js';
-import { G as Grid } from './Grid-ho1pGJ5L.js';
-import { N as NumberField } from './NumberField-CjC6KHKl.js';
-import { T as Text } from './Text-mDcQHC2U.js';
-import { T as TextField } from './TextField-WQTlqKso.js';
+import { F as FieldLabel } from './FieldLabel-SzH61hCb.js';
+import { G as Grid } from './Grid-CvGQrIhE.js';
+import { N as NumberField } from './NumberField-B1761jkf.js';
+import { T as Text } from './Text-CIoD_RK4.js';
+import { T as TextField } from './TextField-D3sRS5q1.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { a as SvgSearch, s as styles$1 } from './SearchField-X4B7f23E.js';
+import { a as SvgSearch, s as styles$1 } from './SearchField-DX8hZyo2.js';
 import { t as textFieldStyles } from './TextField.module-DklyLNKz.js';
-import { I as Icon } from './Icon-B4uCvMU9.js';
+import { I as Icon } from './Icon-B5zwN7GD.js';
 import { useTrackingId } from './useTrackingId.js';
-import { R as Radio } from './Radio-D9w_-JYw.js';
+import { R as Radio } from './Radio-BxSL1PoP.js';
 
 import './filter-state.css';const FilterItemWrapper = ({ children }) => {
   const props = useMemo(
@@ -51,6 +52,37 @@ import './filter-state.css';const FilterItemWrapper = ({ children }) => {
   return /* @__PURE__ */ jsx(ToolbarItemWrapper, { ...props });
 };
 
+const PARTS = {
+  // Common roles (shared values)
+  trigger: COMMON_PART.trigger,
+  input: COMMON_PART.input,
+  dialog: COMMON_PART.dialog,
+  applyButton: COMMON_PART.applyButton,
+  cancelButton: COMMON_PART.cancelButton,
+  /** Clears text in a search/text field — not the whole bar. */
+  clearButton: COMMON_PART.clearButton,
+  drawer: COMMON_PART.drawer,
+  dateInput: COMMON_PART.dateInput,
+  dateCalendar: COMMON_PART.dateCalendar,
+  // FilterBar-specific roles
+  /** Trigger that opens the filter drawer (collapsed mode). */
+  drawerTrigger: "drawer-trigger",
+  /** Lower-bound input of a numeric range filter. */
+  minInput: "min-input",
+  /** Upper-bound input of a numeric range filter. */
+  maxInput: "max-input",
+  /**
+   * Clears all active filters (inline "Clear Filters" and drawer
+   * "Clear All Filters"). Distinct from `clear-button` on search fields.
+   */
+  clearFiltersButton: "clear-filters-button",
+  /**
+   * Numeric count badge on a filter trigger / drawer trigger (not a
+   * selected-value chip).
+   */
+  countBadge: "count-badge"
+};
+
 const styles = {
 	"filter-button-trigger": "_filter-button-trigger_1kmgt_1",
 	"filter-button-trigger--selected": "_filter-button-trigger--selected_1kmgt_5",
@@ -80,6 +112,7 @@ const FilterTriggerButton = forwardRef(function FilterTriggerButton2({ filterId,
       "data-anv": "toolbar-button",
       className: buttonClass,
       ...rest,
+      ...{ [ANV_PART_ATTR]: PARTS.trigger },
       children: label
     }
   );
@@ -98,7 +131,8 @@ const formatLabel$b = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -240,7 +274,8 @@ const formatLabel$9 = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -320,6 +355,7 @@ const FilterToggleButton = ({
       ...props,
       className: styles["filter-button-trigger"],
       "data-anv": "toolbar-boolean-filter",
+      ...{ [ANV_PART_ATTR]: PARTS.trigger },
       children
     }
   ) });
@@ -348,9 +384,11 @@ const booleanAdapter = {
   renderDrawer: ({ draftFilter, onDraftChange }) => /* @__PURE__ */ jsx(
     Checkbox,
     {
+      "data-id": draftFilter.id,
       label: draftFilter.label,
       checked: draftFilter.checked,
-      onChange: (e) => onDraftChange(draftFilter.id, e?.target.checked ?? false)
+      onChange: (e) => onDraftChange(draftFilter.id, e?.target.checked ?? false),
+      ...{ [ANV_PART_ATTR]: PARTS.trigger }
     },
     draftFilter.id
   ),
@@ -565,7 +603,8 @@ const formatLabel$8 = (filter) => {
           label: filter.labelChipCount.toString(),
           color: "#0265DC",
           size: "small",
-          "aria-label": `${filter.labelChipCount} selected items`
+          "aria-label": `${filter.labelChipCount} selected items`,
+          ...{ [ANV_PART_ATTR]: PARTS.countBadge }
         }
       )
     ] });
@@ -738,7 +777,8 @@ const Body$1 = ({
         onChange: handleInputChange,
         lastValidDate: value ?? null,
         autoComplete: "off",
-        error
+        error,
+        ...{ [ANV_PART_ATTR]: PARTS.dateInput }
       }
     ),
     /* @__PURE__ */ jsx(
@@ -748,7 +788,8 @@ const Body$1 = ({
         onSelection: handleCalendarSelection,
         minDate,
         maxDate,
-        unavailable
+        unavailable,
+        ...{ [ANV_PART_ATTR]: PARTS.dateCalendar }
       }
     )
   ] });
@@ -941,10 +982,11 @@ const Body = ({
         startDate: value?.startDate ?? null,
         endDate: value?.endDate ?? null,
         autoComplete: "off",
-        error
+        error,
+        ...{ [ANV_PART_ATTR]: PARTS.dateInput }
       }
     ),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { ...{ [ANV_PART_ATTR]: PARTS.dateCalendar }, children: /* @__PURE__ */ jsx(
       DateFieldRangeCalendar,
       {
         startDate: value?.startDate ?? null,
@@ -954,7 +996,7 @@ const Body = ({
         maxDate,
         unavailable
       }
-    )
+    ) })
   ] });
 };
 const PopoverShell = ({
@@ -1072,12 +1114,20 @@ const formatRangeForLabel = (range) => {
   const formattedStart = sameYear ? `${start.monthShort} ${start.day}` : `${start.monthShort} ${start.day}, ${start.year}`;
   return `${formattedStart} – ${end.monthShort} ${end.day}, ${end.year}`;
 };
+const formatDateListValue = (value) => typeof value === "string" ? formatDateForLabel(value) : formatRangeForLabel(value);
 const formatDateListSelectionLabel = (selection) => {
   if (selection.value === null) return selection.label;
-  const formatted = typeof selection.value === "string" ? formatDateForLabel(selection.value) : formatRangeForLabel(selection.value);
+  const formatted = formatDateListValue(selection.value);
   if (selection.id === "customRange") return formatted;
   return `${selection.label}: ${formatted}`;
 };
+const formatDateListTriggerLabel = (filterLabel, selection) => {
+  if (selection.value === null) return filterLabel || selection.label;
+  if (!filterLabel) return formatDateListSelectionLabel(selection);
+  const formatted = formatDateListValue(selection.value);
+  if (selection.id === "customRange") return `${filterLabel}: ${formatted}`;
+  return `${filterLabel}: ${selection.label} (${formatted})`;
+};
 
 const DateListDialog = ({
   libraryId,
@@ -1126,50 +1176,67 @@ const DateListDialog = ({
       onCommit({ id: libraryId, label: dialogLabel, value: dateDraft });
     }
   };
-  return /* @__PURE__ */ jsx(Dialog, { open: dialogOpen, onClose: onCancel, children: libraryId && /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Dialog.Header, { children: dialogLabel }),
-    /* @__PURE__ */ jsx(Dialog.Content, { children: isRange ? /* @__PURE__ */ jsx(
-      FilterDateRange,
-      {
-        variant: "inline",
-        filter: {
-          id: `${parentFilterId}--date-list-dialog-range`,
-          label: dialogLabel,
-          type: "dateRange",
-          value: rangeDraft,
-          mode
-        },
-        draftValue: rangeDraft,
-        onDraftChange: setRangeDraft
-      }
-    ) : /* @__PURE__ */ jsx(
-      FilterDateSingle,
-      {
-        variant: "inline",
-        filter: {
-          id: `${parentFilterId}--date-list-dialog-date`,
-          label: dialogLabel,
-          type: "date",
-          value: dateDraft,
-          mode
-        },
-        draftValue: dateDraft,
-        onDraftChange: setDateDraft
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
-      /* @__PURE__ */ jsx(Dialog.CancelButton, { appearance: "ghost", "aria-label": "Cancel", children: "Cancel" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          appearance: "primary",
-          disabled: !canCommit,
-          onClick: handleCommit,
-          children: dialogCtaLabel
-        }
-      )
-    ] }) })
-  ] }) });
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open: dialogOpen,
+      onClose: onCancel,
+      ...{ [ANV_PART_ATTR]: PARTS.dialog },
+      children: libraryId && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Dialog.Header, { children: dialogLabel }),
+        /* @__PURE__ */ jsx(Dialog.Content, { children: isRange ? /* @__PURE__ */ jsx(
+          FilterDateRange,
+          {
+            variant: "inline",
+            filter: {
+              id: `${parentFilterId}--date-list-dialog-range`,
+              label: dialogLabel,
+              type: "dateRange",
+              value: rangeDraft,
+              mode
+            },
+            draftValue: rangeDraft,
+            onDraftChange: setRangeDraft
+          }
+        ) : /* @__PURE__ */ jsx(
+          FilterDateSingle,
+          {
+            variant: "inline",
+            filter: {
+              id: `${parentFilterId}--date-list-dialog-date`,
+              label: dialogLabel,
+              type: "date",
+              value: dateDraft,
+              mode
+            },
+            draftValue: dateDraft,
+            onDraftChange: setDateDraft
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Dialog.Footer, { children: /* @__PURE__ */ jsxs(Flex, { gap: 2, justifyContent: "flex-end", children: [
+          /* @__PURE__ */ jsx(
+            Dialog.CancelButton,
+            {
+              appearance: "ghost",
+              "aria-label": "Cancel",
+              ...{ [ANV_PART_ATTR]: PARTS.cancelButton },
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              appearance: "primary",
+              disabled: !canCommit,
+              onClick: handleCommit,
+              ...{ [ANV_PART_ATTR]: PARTS.applyButton },
+              children: dialogCtaLabel
+            }
+          )
+        ] }) })
+      ] })
+    }
+  );
 };
 const FilterDateList = ({
   filter,
@@ -1203,14 +1270,18 @@ const FilterDateList = ({
   }, [filter.options, visibleLibraryOptions]);
   const options = useMemo(
     () => [
-      ...filter.options.map((opt) => ({
-        id: opt.id,
-        label: opt.label
-      })),
-      ...visibleLibraryOptions.map((opt) => ({
-        id: opt.id,
-        label: opt.label
-      }))
+      ...filter.options.map(
+        (opt) => ({
+          id: opt.id,
+          label: opt.label
+        })
+      ),
+      ...visibleLibraryOptions.map(
+        (opt) => ({
+          id: opt.id,
+          label: opt.label
+        })
+      )
     ],
     [filter.options, visibleLibraryOptions]
   );
@@ -1279,11 +1350,7 @@ const FilterDateList = ({
 };
 
 const isSelected$7 = (filter) => filter.selectedOption !== void 0 && filter.selectedOption.value !== null;
-const formatLabel$6 = (filter) => {
-  const selected = filter.selectedOption;
-  if (!selected || selected.value === null) return filter.label;
-  return formatDateListSelectionLabel(selected);
-};
+const formatLabel$6 = (filter) => filter.selectedOption ? formatDateListTriggerLabel(filter.label, filter.selectedOption) : filter.label;
 const dateListAdapter = {
   getValue: (filter) => filter.selectedOption,
   setValue: (filter, value) => ({ ...filter, selectedOption: value }),
@@ -1448,7 +1515,8 @@ const formatLabel$4 = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -1509,6 +1577,7 @@ const multiSelectAdapter = {
           checked: draftFilter.selectedOptions?.some(
             (selected) => selected.id === option.id
           ) ?? false,
+          ...{ [ANV_PART_ATTR]: COMMON_PART.option },
           onChange: (e) => {
             const currentSelected = draftFilter.selectedOptions ?? [];
             if (e?.target.checked) {
@@ -1583,7 +1652,8 @@ const FilterNumericRange = ({
       label: minFieldLabel,
       value: value?.min ?? null,
       onChange: (n) => update({ min: n ?? void 0, max: value?.max }),
-      ...sharedNumberFieldProps
+      ...sharedNumberFieldProps,
+      ...{ [ANV_PART_ATTR]: PARTS.minInput }
     }
   );
   const maxField = /* @__PURE__ */ jsx(
@@ -1592,7 +1662,8 @@ const FilterNumericRange = ({
       label: maxFieldLabel,
       value: value?.max ?? null,
       onChange: (n) => update({ min: value?.min, max: n ?? void 0 }),
-      ...sharedNumberFieldProps
+      ...sharedNumberFieldProps,
+      ...{ [ANV_PART_ATTR]: PARTS.maxInput }
     }
   );
   if (layout === "compact") {
@@ -1795,7 +1866,8 @@ const FilterSearchField = ({
                 type: "search",
                 autoComplete: "off",
                 "aria-label": filter.label,
-                "data-tracking-id": trackingId
+                "data-tracking-id": trackingId,
+                ...{ [ANV_PART_ATTR]: PARTS.input }
               }
             ),
             /* @__PURE__ */ jsx(
@@ -1811,7 +1883,8 @@ const FilterSearchField = ({
                 className: styles$1["clear"],
                 style: {
                   visibility: hasValue ? "visible" : "hidden"
-                }
+                },
+                ...{ [ANV_PART_ATTR]: PARTS.clearButton }
               }
             )
           ]
@@ -1851,7 +1924,8 @@ const searchAdapter = {
       label: draftFilter.label,
       placeholder: draftFilter.placeholder,
       value: draftFilter.value ?? "",
-      onChange: (e) => onDraftChange(draftFilter.id, e.target.value || void 0)
+      onChange: (e) => onDraftChange(draftFilter.id, e.target.value || void 0),
+      ...{ [ANV_PART_ATTR]: PARTS.input }
     },
     draftFilter.id
   ),
@@ -1964,7 +2038,8 @@ const FilterTextInput = ({
       placeholder: filter.placeholder,
       value,
       onChange: (e) => onChange(truncate(e.target.value)),
-      ...counterProps
+      ...counterProps,
+      ...{ [ANV_PART_ATTR]: PARTS.input }
     }
   );
 };
@@ -2036,7 +2111,8 @@ const formatLabel = (filter) => {
         label: countLabel,
         color: "#0265DC",
         size: "small",
-        "aria-label": `${countLabel} selected items`
+        "aria-label": `${countLabel} selected items`,
+        ...{ [ANV_PART_ATTR]: PARTS.countBadge }
       }
     )
   ] });
@@ -2149,5 +2225,5 @@ const cloneFiltersWithItemRefs = (filters) => filters.map(
   (filter) => getAdapter(filter).cloneWithItemRefs(filter)
 );
 
-export { DateListDialog as D, FilterGroupContext as F, checkActiveFilters as a, getAdapter as b, cloneFiltersWithItemRefs as c, FilterItemWrapper as d, FilterTriggerButton as e, getActiveFilters as g, hasFilterSelectionChanged as h, preserveFilterState as p, resetFilters as r, styles as s, updateSingleFilter as u };
-//# sourceMappingURL=filter-state-DKXF5MeW.js.map
+export { DateListDialog as D, FilterGroupContext as F, PARTS as P, checkActiveFilters as a, getAdapter as b, cloneFiltersWithItemRefs as c, FilterItemWrapper as d, FilterTriggerButton as e, getActiveFilters as g, hasFilterSelectionChanged as h, preserveFilterState as p, resetFilters as r, styles as s, updateSingleFilter as u };
+//# sourceMappingURL=filter-state-BQOX7_rO.js.map