@servicetitan/anvil2 3.13.1 → 3.13.3

package/dist/index.js

@@ -1,92 +1,92 @@
 import './index2.css';export { DndSort, DndSortCard, DndSortZone } from './DndSort.js';
-export { A as Alert } from './Alert-C7Y5DG99.js';
-import { P as Popover, a as usePopoverContext } from './AiMark-DkHvwBwf.js';
-export { A as AiMark } from './AiMark-DkHvwBwf.js';
+export { A as Alert } from './Alert-DtU9dbmz.js';
+import { P as Popover, a as usePopoverContext } from './AiMark-ByzCOJ1h.js';
+export { A as AiMark } from './AiMark-ByzCOJ1h.js';
 export { A as Announcement } from './Announcement-CGTv6M31.js';
 export { A as Avatar } from './Avatar-DXI-w1Vi.js';
 export { A as AvatarGroup } from './Avatar-D31JDNrs.js';
 export { B as Badge } from './Badge-BNrYBFiU.js';
-import { B as Breadcrumbs } from './Breadcrumbs-d1lHjb_U.js';
+import { B as Breadcrumbs } from './Breadcrumbs-CIKIEq9H.js';
 import { B as Button } from './Button-Dwh_Nd4l.js';
 export { B as ButtonCompound } from './ButtonCompound-D7kA0qXr.js';
 import { B as ButtonLink } from './ButtonLink-DOFAxNvC.js';
 export { B as ButtonToggle } from './ButtonToggle-DKDBD1g3.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-Db-cjtFN.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-C0xoZZge.js';
 export { C as Card } from './Card-Bt0F6RTq.js';
-export { C as Checkbox } from './Checkbox-CHVDkrNO.js';
-import { C as Chip } from './Chip-B3pbD3hQ.js';
-export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-D7saAttF.js';
-export { D as DateFieldRange } from './DateFieldRange-DCHAzabV.js';
-export { D as DateFieldSingle } from './DateFieldSingle-TGaSOGki.js';
-export { D as DateFieldYearless } from './DateFieldYearless-eKv8F4KX.js';
-export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-Cl2pWyFn.js';
-export { D as DaysOfTheWeek } from './DaysOfTheWeek-Dbgb0RsL.js';
+export { C as Checkbox } from './Checkbox-BmMJ1cZX.js';
+import { C as Chip } from './Chip-DR6fqTHq.js';
+export { C as Combobox, a as ComboboxElement, c as ComboboxList, b as ComboboxSelect, u as useInfiniteCombobox } from './useInfiniteCombobox-NqrF4TiC.js';
+export { D as DateFieldRange } from './DateFieldRange-CTAVMszB.js';
+export { D as DateFieldSingle } from './DateFieldSingle-xpye28Jn.js';
+export { D as DateFieldYearless } from './DateFieldYearless-CqjxABxj.js';
+export { D as DateFieldYearlessRange } from './DateFieldYearlessRange-_633hUT2.js';
+export { D as DaysOfTheWeek } from './DaysOfTheWeek-BIA6nA6P.js';
 export { D as Details } from './Details-CVA5zbrR.js';
-import { D as Dialog } from './Dialog-Clg6Kd96.js';
+import { D as Dialog } from './Dialog-JLZ-kN1_.js';
 export { D as Divider } from './Divider-C7fp5Xb6.js';
 export { D as Dnd } from './index-BwV_Pz7v.js';
-export { D as Drawer } from './Drawer-Mnne1lfM.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-BDKQkqA_.js';
-export { E as EditCard } from './EditCard-NAN7IqhO.js';
-export { F as FieldLabel } from './FieldLabel-DpYGFXmG.js';
+export { D as Drawer } from './Drawer-B-98XNZ_.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-Cj1GQ-wc.js';
+export { E as EditCard } from './EditCard-Bj-HPjfg.js';
+export { F as FieldLabel } from './FieldLabel-D45uUkys.js';
 export { w as warnDeprecatedErrorUsage } from './utils-CM48ODEJ.js';
 export { F as FieldMessage } from './FieldMessage-8c9yA_kw.js';
 import { F as Flex } from './Flex-CRF7gj0_.js';
 export { G as Grid } from './Grid-CvGQrIhE.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
-export { I as InputMask } from './InputMask-DkT6npDV.js';
+export { I as InputMask } from './InputMask-D7xKQiKw.js';
 import { L as Layout } from './Layout-C2Q2hyLG.js';
 export { b as LayoutElement, a as LayoutItem } from './Layout-C2Q2hyLG.js';
 export { L as Link, u as useLinkStyles } from './Link-D7ycmfQ_.js';
 export { L as LinkButton } from './LinkButton-C0wps8r1.js';
 export { L as List } from './List-BvzfZ9TW.js';
-export { L as Listbox } from './Listbox-qjgO_Hoo.js';
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DeA9TBIT.js';
-import { M as Menu } from './Menu-CM0EndhK.js';
-export { N as NumberField } from './NumberField-BWRgy-Xq.js';
+export { L as Listbox } from './Listbox-Nwm29Z0z.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell } from './ListView-DW5wEyR6.js';
+import { M as Menu } from './Menu-BjPE_ODh.js';
+export { N as NumberField } from './NumberField-B_WHisen.js';
 export { Overflow, OverflowText } from './Overflow.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { createContext, forwardRef, useContext, useState, useLayoutEffect, useRef, useEffect, useMemo, useCallback } from 'react';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
-export { P as Pagination } from './Pagination-DRIKAkuE.js';
-export { P as Popover } from './Popover-CVroO0T0.js';
-export { P as ProgressBar } from './ProgressBar-Cc6JQ2EH.js';
-export { R as Radio } from './Radio-CxPskh2k.js';
+export { P as Pagination } from './Pagination-8hkJz0QJ.js';
+export { P as Popover } from './Popover-BeAE-h5z.js';
+export { P as ProgressBar } from './ProgressBar-DJNobbcj.js';
+export { R as Radio } from './Radio-QIdbcbHE.js';
 export { S as SearchField } from './SearchField-ChoNtw8w.js';
 export { S as SegmentedControl, a as SegmentedControlSegment } from './SegmentedControl-CQ6DrbDc.js';
-export { S as SelectCard } from './SelectCard-CLQ8X_Xv.js';
-export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-klbql5_5.js';
-export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-D_09Osn3.js';
-export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-Bn_ksCG5.js';
-export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-DkXlWa6p.js';
-export { S as SelectTrigger } from './SelectTrigger-BO9QQqxo.js';
+export { S as SelectCard } from './SelectCard-XRdnzJGg.js';
+export { S as SelectField, a as SelectFieldSync } from './SelectFieldSync-BRlVLUx1.js';
+export { M as MultiSelectField, a as MultiSelectFieldSync } from './MultiSelectFieldSync-KYwyzshU.js';
+export { S as SelectMenu, a as SelectMenuSync } from './SelectMenuSync-B5IcJFmI.js';
+export { M as MultiSelectMenu, a as MultiSelectMenuSync } from './MultiSelectMenuSync-DXnRNK14.js';
+export { S as SelectTrigger } from './SelectTrigger-BGeAJOiy.js';
 export { S as SideNav } from './SideNav-BLXgM918.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, a as StepperBase } from './Stepper-CCKHWlUr.js';
-export { S as Switch } from './Switch-CZjpzkol.js';
+export { S as Switch } from './Switch-D4LWmhWZ.js';
 export { T as Tab } from './Tab-Bqfvg8Ce.js';
-import { T as Text } from './Text-DdNE3hPR.js';
-export { T as Textarea } from './Textarea-Cg5saqcU.js';
-import { T as TextField } from './TextField-DQ0i2nlz.js';
-export { T as TimeField } from './TimeField-DVYSA-Az.js';
-export { T as Toaster } from './Toaster-D1a3ysMN.js';
-export { t as toast } from './Toaster-BiPZIPzH.js';
-export { T as Toolbar } from './Toolbar-Dw_xAGRP.js';
-import { T as Tooltip } from './Tooltip-hen6P8WV.js';
+import { T as Text } from './Text-BPlp1ja1.js';
+export { T as Textarea } from './Textarea-Bq9AK5w9.js';
+import { T as TextField } from './TextField-DrifGXan.js';
+export { T as TimeField } from './TimeField-BW9PKqWA.js';
+export { T as Toaster } from './Toaster-7AYHdH-v.js';
+export { t as toast } from './Toaster-Bllufg1v.js';
+export { T as Toolbar } from './Toolbar-Bapm516g.js';
+import { T as Tooltip } from './Tooltip-D4sgiNLd.js';
 export { u as useAccessibleColor } from './useAccessibleColor-BYKjkGRg.js';
 export { u as useBreakpoint } from './useBreakpoint-BBNRlMGZ.js';
 export { u as usePrefersColorScheme } from './usePrefersColorScheme-CwOF0TjZ.js';
 export { u as usePrefersReducedMotion } from './usePrefersReducedMotion-DR9B_D6w.js';
 export { u as useSwipe } from './useSwipe-Cp-CJxLU.js';
 import { useTrackingId } from './useTrackingId.js';
-export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-CgYBk3YP.js';
+export { A as AnvilProvider, a as AnvilProviderContext } from './AnvilProvider-DMiXqhL4.js';
 export { L as LocalizationProvider } from './LocalizationProvider-BPcOU7YX.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-D4dbBfHd.js';
+export { T as ThemeProvider } from './ThemeProvider-Cx7wqUQh.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';
@@ -101,7 +101,7 @@ import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
 import { createPortal } from 'react-dom';
 import { d as drillDownStyles, D as DrillDownContext } from './DrillDown.module-1VBKDZRA.js';
-import { u as useDrillDownContextState } from './useInitialFocus-BIvXK1Rp.js';
+import { u as useDrillDownContextState } from './useInitialFocus-BUxEDMEG.js';
 import { u as useDrillDownContext } from './useDrillDownContext-D5_NjqY4.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjqeAJZ9.js';
 

package/dist/{portalScopeClassNames--sU7fdKW.js → portalScopeClassNames-DR6qlli0.js}

@@ -1,7 +1,7 @@
 import { c as cx } from './index-De1g9FRV.js';
 import { useContext } from 'react';
 import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
-import { t as themeStyles } from './ThemeProvider.module-_7m6Tav-.js';
+import { t as themeStyles } from './ThemeProvider.module-ByAsjx7c.js';
 
 const portalScopeClassNames = cx("anvil2", themeStyles["theme-core"]);
 function usePortalScopeStyle(style) {
@@ -13,4 +13,4 @@ function usePortalScopeStyle(style) {
 }
 
 export { portalScopeClassNames as p, usePortalScopeStyle as u };
-//# sourceMappingURL=portalScopeClassNames--sU7fdKW.js.map
+//# sourceMappingURL=portalScopeClassNames-DR6qlli0.js.map

package/dist/{portalScopeClassNames--sU7fdKW.js.map → portalScopeClassNames-DR6qlli0.js.map}

@@ -1 +1 @@
-{"version":3,"file":"portalScopeClassNames--sU7fdKW.js","sources":["../src/internal/functions/portalScopeClassNames.ts"],"sourcesContent":["import cx from \"classnames\";\nimport { type CSSProperties, useContext } from \"react\";\n\nimport { ThemeProviderContext } from \"../../providers/ThemeProvider/internal/ThemeProviderContext\";\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 *\n * Pair with `usePortalScopeStyle` so custom `ThemeProvider` tokens (e.g. Carto\n * Inter) are re-applied on top of `.theme-core`, which otherwise resets those\n * variables to core defaults (Nunito Sans).\n */\nexport const portalScopeClassNames = cx(\"anvil2\", themeStyles[\"theme-core\"]);\n\n/**\n * Merge custom-theme CSS variables onto a top-layer surface's `style`.\n *\n * `.theme-core` on the same node redefines `--a2-*` to core defaults, which\n * wins over inherited `ThemeProvider` variables. Re-applying `themeStyle`\n * after that reset keeps Carto (and other custom themes) intact.\n *\n * Pass the element's own styles so positioning / UA resets still win.\n */\nexport function usePortalScopeStyle(style?: CSSProperties): CSSProperties {\n  const { themeStyle } = useContext(ThemeProviderContext);\n  if (!themeStyle) {\n    return style ?? {};\n  }\n  return { ...themeStyle, ...style };\n}\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,qBAAA,GAAwB,EAAA,CAAG,QAAA,EAAU,WAAA,CAAY,YAAY,CAAC;AAWpE,SAAS,oBAAoB,KAAA,EAAsC;AACxE,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,UAAA,CAAW,oBAAoB,CAAA;AACtD,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OAAO,SAAS,EAAC;AAAA,EACnB;AACA,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,GAAG,KAAA,EAAM;AACnC;;;;"}
+{"version":3,"file":"portalScopeClassNames-DR6qlli0.js","sources":["../src/internal/functions/portalScopeClassNames.ts"],"sourcesContent":["import cx from \"classnames\";\nimport { type CSSProperties, useContext } from \"react\";\n\nimport { ThemeProviderContext } from \"../../providers/ThemeProvider/internal/ThemeProviderContext\";\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 *\n * Pair with `usePortalScopeStyle` so custom `ThemeProvider` tokens (e.g. Carto\n * Inter) are re-applied on top of `.theme-core`, which otherwise resets those\n * variables to core defaults (Nunito Sans).\n */\nexport const portalScopeClassNames = cx(\"anvil2\", themeStyles[\"theme-core\"]);\n\n/**\n * Merge custom-theme CSS variables onto a top-layer surface's `style`.\n *\n * `.theme-core` on the same node redefines `--a2-*` to core defaults, which\n * wins over inherited `ThemeProvider` variables. Re-applying `themeStyle`\n * after that reset keeps Carto (and other custom themes) intact.\n *\n * Pass the element's own styles so positioning / UA resets still win.\n */\nexport function usePortalScopeStyle(style?: CSSProperties): CSSProperties {\n  const { themeStyle } = useContext(ThemeProviderContext);\n  if (!themeStyle) {\n    return style ?? {};\n  }\n  return { ...themeStyle, ...style };\n}\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,qBAAA,GAAwB,EAAA,CAAG,QAAA,EAAU,WAAA,CAAY,YAAY,CAAC;AAWpE,SAAS,oBAAoB,KAAA,EAAsC;AACxE,EAAA,MAAM,EAAE,UAAA,EAAW,GAAI,UAAA,CAAW,oBAAoB,CAAA;AACtD,EAAA,IAAI,CAAC,UAAA,EAAY;AACf,IAAA,OAAO,SAAS,EAAC;AAAA,EACnB;AACA,EAAA,OAAO,EAAE,GAAG,UAAA,EAAY,GAAG,KAAA,EAAM;AACnC;;;;"}

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DateFieldSingleProps } from '../../../components/DateFieldSingle';
-import { DateListFilter, DateListLibraryOptionId, DateListOption } from './internal/types';
+import { DateListFilter, DateListLibraryOptionId, DateListOption, DateListCustomRangeConfig } from './internal/types';
 interface DateListDialogProps {
     /** Library option whose dialog is open; null when closed. */
     libraryId: DateListLibraryOptionId | null;
@@ -12,6 +12,8 @@ interface DateListDialogProps {
         endDate: string;
     };
     mode?: DateFieldSingleProps["mode"];
+    /** Constraints applied only when the Custom Range picker is open. */
+    customRange?: DateListCustomRangeConfig;
     /** Primary CTA label. "Apply" in popover, "Save" in drawer. */
     dialogCtaLabel: "Apply" | "Save";
     onCommit: (option: DateListOption) => void;
@@ -22,7 +24,7 @@ interface DateListDialogProps {
  * Renders a date or range picker for the chosen library option and commits
  * up on Apply/Save.
  */
-export declare const DateListDialog: ({ libraryId, parentFilterId, initialValue, mode, dialogCtaLabel, onCommit, onCancel, }: DateListDialogProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DateListDialog: ({ libraryId, parentFilterId, initialValue, mode, customRange, dialogCtaLabel, onCommit, onCancel, }: DateListDialogProps) => import("react/jsx-runtime").JSX.Element;
 interface FilterDateListProps {
     filter: DateListFilter;
     committedValue: DateListOption | undefined;

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, BooleanFilter, CustomFilter, SingleSelectFilter, MultiSelectFilter, DateFilter, DateRangeFilter, DateListFilter, DateListOption, DateListLibraryOptionId, AsyncSelectFilter, AsyncMultiSelectFilter, TreeFilter, AsyncTreeFilter, NumericRangeFilter, NumericRangeValue, TextInputFilter, SearchFilter, FilterValue, FilterRenderProps, BaseFilter, } from './internal/types';
+export type { Filter, BooleanFilter, CustomFilter, SingleSelectFilter, MultiSelectFilter, DateFilter, DateRangeFilter, DateListFilter, DateListOption, DateListLibraryOptionId, DateListCustomRangeConfig, AsyncSelectFilter, AsyncMultiSelectFilter, TreeFilter, AsyncTreeFilter, NumericRangeFilter, NumericRangeValue, TextInputFilter, SearchFilter, FilterValue, FilterRenderProps, BaseFilter, } from './internal/types';

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

@@ -187,11 +187,21 @@ export type DateListOption = {
         endDate: string;
     } | null;
 };
+/**
+ * Constraints for the built-in Custom Range picker on a dateList filter.
+ * On, Before, After, and consumer-supplied presets are not affected.
+ */
+export type DateListCustomRangeConfig = Pick<DateFieldRangeProps, "minDate" | "maxDate" | "unavailable">;
 /**
  * Date list filter type. Renders the consumer's options followed by built-in
  * default options (On…, Before…, After…, Custom Range…) that open a Dialog
  * with the appropriate date picker. Use `excludeDefaultOptions` to omit any
  * of those defaults.
+ *
+ * `customRange.minDate` / `customRange.maxDate` (ISO 8601) and
+ * `customRange.unavailable` restrict which dates are selectable in the Custom
+ * Range dialog only. Typing a value outside those constraints is still
+ * allowed, but surfaces an error message on the field.
  */
 export type DateListFilter = BaseFilter & Pick<DateFieldSingleProps, "mode"> & {
     /** Identifies this as a date list filter */
@@ -205,6 +215,11 @@ export type DateListFilter = BaseFilter & Pick<DateFieldSingleProps, "mode"> & {
      * `customRange`). Defaults to showing all four built-in options.
      */
     excludeDefaultOptions?: DateListLibraryOptionId[];
+    /**
+     * Constraints for the built-in Custom Range picker. Does not apply to On,
+     * Before, After, or consumer-supplied options.
+     */
+    customRange?: DateListCustomRangeConfig;
 };
 /**
  * Async select filter type. Backed by SelectMenu in the toolbar and SelectField

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

@@ -11,7 +11,7 @@ export type PageProps = ComponentPropsWithoutRef<"div">;
  * - Container for complete page layouts
  * - Supports sidebar navigation with collapsible state
  * - Header with breadcrumbs, chips, and action buttons
- * - Main content area with virtual scrolling
+ * - Main content area with its own native scroll container
  * - Optional slide-out panels with responsive dialog fallback
  * - Footer with layout utilities
  * - Responsive design with mobile adaptations
@@ -158,11 +158,10 @@ export declare const Page: import('react').ForwardRefExoticComponent<Omit<import
      *
      * Features:
      * - Renders as a section element inside Page's main landmark
-     * - Virtual scrolling support for long content
-     * - Automatic scroll synchronization
+     * - Native scroll container for long content at desktop breakpoints
+     * - Keyboard operable (Page Up / Page Down) when focus is within Page.Content
      * - Responsive design
      * - Portals into Page's content wrapper via context
-     * - Scroll position management
      *
      * @example
      * <Page.Content>

package/dist/src/beta/components/Page/PageContent.d.ts

@@ -9,11 +9,9 @@ export type PageContentProps = ComponentPropsWithoutRef<"section">;
  *
  * Features:
  * - Renders as a section element inside Page's main landmark
- * - Virtual scrolling support for long content
- * - Automatic scroll synchronization
+ * - Portals into Page's content wrapper via context, which is the native scroll
+ *   container at desktop breakpoints — sibling sections scroll together as one
  * - Responsive design
- * - Portals into Page's content wrapper via context
- * - Scroll position management
  *
  * @example
  * <Page.Content>

package/dist/src/beta/components/Page/pageBreakpoint.d.ts

@@ -1,8 +1,8 @@
 /**
  * The Page's `lg` breakpoint width in px — the boundary between the stacked
  * "mobile" layout (sidebar collapses to a popover trigger, panel becomes a
- * dialog, virtual scrollbar hidden) and the desktop layout. Parsed once from the
- * design token; falls back to `0` if the token is unavailable.
+ * dialog) and the desktop layout. Parsed once from the design token; falls
+ * back to `0` if the token is unavailable.
  *
  * Single source of truth for every width-driven layout decision in Page
  * (`PageSidebar`, `PagePanel`, `PageContent`) so they can never drift apart.
@@ -14,13 +14,12 @@ export declare const PAGE_LG_BREAKPOINT: number;
  */
 export declare const isPageMobileWidth: (pageWidth: number | undefined) => boolean;
 /**
- * Whether the virtual scrollbar should render (desktop, `lg` and above).
- *
- * Gating the sized virtual-scroll spacer on this — rather than rendering it
- * unconditionally — is what prevents the `Page.Content` feedback loop: during
- * SSR/hydration `pageWidth` is `0` and the Page stylesheet has not yet pulled
- * the spacer out of flow, so an always-rendered spacer would round-trip through
- * the `document.scrollHeight` the ResizeObserver measures ("Maximum update depth
- * exceeded"). Below `lg` the spacer is never rendered, so it can never feed back.
+ * Whether `Page`'s content wrapper — the `main` landmark every `Page.Content`
+ * portals into — is a native scroll container (desktop, `lg` and above). Below
+ * `lg`, `Page` is stacked into a single mobile column and the whole document
+ * scrolls together, so the wrapper stays in normal flow instead of becoming an
+ * independently-scrolling, keyboard-focusable region — matching when `Page`'s
+ * stylesheet switches `.sidebar`/`.panel` into their own sticky, self-scrolling
+ * desktop layout.
  */
-export declare const showsPageVirtualScroll: (pageWidth: number | undefined) => boolean;
+export declare const isPageContentScrollContainerActive: (pageWidth: number | undefined) => boolean;

package/dist/src/components/Menu/internal/menuSelectors.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns a selector for focusable menu items within a scroller element.
+ */
+export declare const getMenuFocusableItemsSelector: (scrollerId: string) => string;

package/dist/src/components/Menu/types.d.ts

@@ -1,14 +1,33 @@
 import { Placement, UseFloatingOptions } from '@floating-ui/react';
-import { AriaAttributes, KeyboardEvent, ReactElement, RefObject } from 'react';
+import { AriaAttributes, FocusEvent, KeyboardEvent, MouseEvent, ReactElement, Ref } from 'react';
+/**
+ * Props supplied to a `trigger` render function, for both root and nested menus.
+ *
+ * Spread all of them onto the returned element. Every prop is optional, so
+ * dropping one still type-checks — but `role`, `data-anv`, and `tabIndex` are what
+ * the parent menu's focus query matches on, and a trigger missing them is skipped
+ * by keyboard navigation.
+ */
 export type MenuReturnProps = {
     "data-open"?: boolean;
     "aria-controls"?: AriaAttributes["aria-controls"];
     "aria-expanded"?: AriaAttributes["aria-expanded"];
     "aria-haspopup"?: AriaAttributes["aria-haspopup"];
     "data-state": "open" | "close";
+    /** Marks the trigger as a focusable menu item. Nested menus only. */
+    "data-anv"?: "menu-item";
+    /** Nested menus only. */
+    role?: "menuitem";
+    id?: string;
+    /** Roving tab index — `0` while the item is focused, `-1` otherwise. */
+    tabIndex?: number;
+    className?: string;
     onClick?: () => void;
-    onKeyDown?: (e: KeyboardEvent<HTMLButtonElement>) => void;
-    ref?: RefObject<HTMLButtonElement>;
+    onKeyDown?: (e: KeyboardEvent<HTMLElement>) => void;
+    onFocus?: (e: FocusEvent<HTMLElement>) => void;
+    onBlur?: (e: FocusEvent<HTMLElement>) => void;
+    onMouseEnter?: (e: MouseEvent<HTMLElement>) => void;
+    ref?: Ref<HTMLButtonElement>;
 };
 /**
  * Common props shared between Menu components
@@ -52,7 +71,8 @@ export type MenuCommonProps = {
      */
     disableAutoHeight?: boolean;
     /**
-     * Custom trigger element render function
+     * Custom trigger element render function. Spread the supplied props onto the
+     * element you return, including `ref`.
      */
     trigger?: (props: MenuReturnProps) => ReactElement;
     /**

package/dist/src/integration-testing/beta-page-native-scroll.spec.d.ts

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

package/dist/{stripInlineMarkdown-Dz6vTyS_.js → stripInlineMarkdown-Vq3E88gC.js}

@@ -1,4 +1,4 @@
-import { I as INLINE_MARKDOWN_REGEX } from './FieldLabel-DpYGFXmG.js';
+import { I as INLINE_MARKDOWN_REGEX } from './FieldLabel-D45uUkys.js';
 
 const stripInlineMarkdown = (str) => {
   const parts = [];
@@ -22,4 +22,4 @@ const stripInlineMarkdown = (str) => {
 };
 
 export { stripInlineMarkdown as s };
-//# sourceMappingURL=stripInlineMarkdown-Dz6vTyS_.js.map
+//# sourceMappingURL=stripInlineMarkdown-Vq3E88gC.js.map

package/dist/{stripInlineMarkdown-Dz6vTyS_.js.map → stripInlineMarkdown-Vq3E88gC.js.map}

@@ -1 +1 @@
-{"version":3,"file":"stripInlineMarkdown-Dz6vTyS_.js","sources":["../src/internal/functions/stripInlineMarkdown.ts"],"sourcesContent":["import { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Strips inline markdown syntax from a string, returning plain text.\n * Intended for accessibility contexts (e.g. `aria-label`) where only plain text is appropriate.\n *\n * @param str - The string to strip\n * @returns The string with all inline markdown syntax removed\n */\nexport const stripInlineMarkdown = (str: string): string => {\n  const parts: string[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(str.substring(lastIndex, match.index));\n    }\n\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n    const inner =\n      match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? \"\";\n\n    // code spans don't support nested markdown, matching parseInlineMarkdown behavior\n    parts.push(match[5] ? inner : stripInlineMarkdown(inner));\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < str.length) {\n    parts.push(str.substring(lastIndex));\n  }\n\n  return parts.join(\"\");\n};\n"],"names":[],"mappings":";;AASO,MAAM,mBAAA,GAAsB,CAAC,GAAA,KAAwB;AAC1D,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,qBAAA,CAAsB,SAAA,GAAY,CAAA;AAClC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,qBAAA,CAAsB,IAAA,CAAK,GAAG,OAAO,IAAA,EAAM;AACzD,IAAA,IAAI,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC3B,MAAA,KAAA,CAAM,KAAK,GAAA,CAAI,SAAA,CAAU,SAAA,EAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,MAAM,aAAa,qBAAA,CAAsB,SAAA;AACzC,IAAA,MAAM,KAAA,GACJ,KAAA,CAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,KAAK,KAAA,CAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA;AAG9D,IAAA,KAAA,CAAM,KAAK,KAAA,CAAM,CAAC,IAAI,KAAA,GAAQ,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAExD,IAAA,qBAAA,CAAsB,SAAA,GAAY,UAAA;AAClC,IAAA,SAAA,GAAY,UAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,GAAY,IAAI,MAAA,EAAQ;AAC1B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,EACrC;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,CAAA;AACtB;;;;"}
+{"version":3,"file":"stripInlineMarkdown-Vq3E88gC.js","sources":["../src/internal/functions/stripInlineMarkdown.ts"],"sourcesContent":["import { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Strips inline markdown syntax from a string, returning plain text.\n * Intended for accessibility contexts (e.g. `aria-label`) where only plain text is appropriate.\n *\n * @param str - The string to strip\n * @returns The string with all inline markdown syntax removed\n */\nexport const stripInlineMarkdown = (str: string): string => {\n  const parts: string[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(str)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(str.substring(lastIndex, match.index));\n    }\n\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n    const inner =\n      match[1] ?? match[2] ?? match[3] ?? match[4] ?? match[5] ?? \"\";\n\n    // code spans don't support nested markdown, matching parseInlineMarkdown behavior\n    parts.push(match[5] ? inner : stripInlineMarkdown(inner));\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < str.length) {\n    parts.push(str.substring(lastIndex));\n  }\n\n  return parts.join(\"\");\n};\n"],"names":[],"mappings":";;AASO,MAAM,mBAAA,GAAsB,CAAC,GAAA,KAAwB;AAC1D,EAAA,MAAM,QAAkB,EAAC;AACzB,EAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,EAAA,qBAAA,CAAsB,SAAA,GAAY,CAAA;AAClC,EAAA,IAAI,KAAA;AAEJ,EAAA,OAAA,CAAQ,KAAA,GAAQ,qBAAA,CAAsB,IAAA,CAAK,GAAG,OAAO,IAAA,EAAM;AACzD,IAAA,IAAI,KAAA,CAAM,QAAQ,SAAA,EAAW;AAC3B,MAAA,KAAA,CAAM,KAAK,GAAA,CAAI,SAAA,CAAU,SAAA,EAAW,KAAA,CAAM,KAAK,CAAC,CAAA;AAAA,IAClD;AAEA,IAAA,MAAM,aAAa,qBAAA,CAAsB,SAAA;AACzC,IAAA,MAAM,KAAA,GACJ,KAAA,CAAM,CAAC,CAAA,IAAK,MAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,KAAK,KAAA,CAAM,CAAC,CAAA,IAAK,KAAA,CAAM,CAAC,CAAA,IAAK,EAAA;AAG9D,IAAA,KAAA,CAAM,KAAK,KAAA,CAAM,CAAC,IAAI,KAAA,GAAQ,mBAAA,CAAoB,KAAK,CAAC,CAAA;AAExD,IAAA,qBAAA,CAAsB,SAAA,GAAY,UAAA;AAClC,IAAA,SAAA,GAAY,UAAA;AAAA,EACd;AAEA,EAAA,IAAI,SAAA,GAAY,IAAI,MAAA,EAAQ;AAC1B,IAAA,KAAA,CAAM,IAAA,CAAK,GAAA,CAAI,SAAA,CAAU,SAAS,CAAC,CAAA;AAAA,EACrC;AAEA,EAAA,OAAO,KAAA,CAAM,KAAK,EAAE,CAAA;AACtB;;;;"}

package/dist/{syncFilterUtils-BbK2BCsr.js → syncFilterUtils-DITilMLU.js}

@@ -5,13 +5,13 @@ import { c as cx } from './index-De1g9FRV.js';
 import { useState, useRef, useCallback, useEffect, useMemo, forwardRef, useId, useImperativeHandle } from 'react';
 import { C as COMMON_PART, A as ANV_PART_ATTR } from './anvParts-BGg5dgfl.js';
 import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
-import { T as Text } from './Text-DdNE3hPR.js';
+import { T as Text } from './Text-BPlp1ja1.js';
 import { D as Divider } from './Divider-C7fp5Xb6.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { S as SrOnly } from './SrOnly-pnf8ajnh.js';
 import { I as Icon } from './Icon-B5zwN7GD.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
-import { i as isThenable, c as OptionRow, d as OptionRowSideContent, e as OptionCheckbox, f as OptionContentArea, b as useAdaptiveView } from './useInvalidateOnOptionsChange-DcYuWdMC.js';
+import { i as isThenable, c as OptionRow, d as OptionRowSideContent, e as OptionCheckbox, f as OptionContentArea, b as useAdaptiveView } from './useInvalidateOnOptionsChange-BdWCXlhy.js';
 import { d as defaultRangeExtractor, u as useVirtualizer } from './index-DXeGMe23.js';
 import { S as SvgAdd } from './add-BcQkAUip.js';
 import { m as matchSorter } from './match-sorter.esm-CGAauEiU.js';
@@ -1240,4 +1240,4 @@ const sortByGroup = (options, groupSorter) => {
 };
 
 export { AddNewItemButton as A, OptionsPanel as O, VirtualizedOptionsPanel as V, useProcessedOptions as a, buildSelectItems as b, sortByGroup as c, defaultSyncFilter as d, toSelectItem as e, shouldShowAddNewItem as s, toSyncFilterFn as t, useSelectOrchestration as u };
-//# sourceMappingURL=syncFilterUtils-BbK2BCsr.js.map
+//# sourceMappingURL=syncFilterUtils-DITilMLU.js.map