asma-ui-core 3.112.0 → 3.113.0

package/dist/components/inputs/select-autocomplete/listboxCursor.js

@@ -0,0 +1,7 @@
+var x = (n, t, r, e) => {
+  const l = n.indexOf(t ?? r);
+  return l === -1 ? n[e === 1 ? 0 : n.length - 1] ?? null : n[Math.min(Math.max(l + e, 0), n.length - 1)] ?? null;
+};
+export {
+  x as nextActiveIndex
+};

package/dist/components/inputs/select-autocomplete/readFieldName.js

@@ -0,0 +1,18 @@
+var r = (e) => {
+  if (!e) return {
+    label: "",
+    name: ""
+  };
+  const a = (e.getAttribute("aria-labelledby") ?? "").split(/\s+/).map((l) => e.ownerDocument.getElementById(l)?.textContent?.trim() ?? "").filter(Boolean).join(" "), t = [
+    e.labels?.[0]?.textContent,
+    a,
+    e.getAttribute("aria-label")
+  ].map((l) => l?.trim() ?? "").find(Boolean) ?? "";
+  return {
+    label: t,
+    name: t === "" ? e.placeholder.trim() : t
+  };
+};
+export {
+  r as readFieldName
+};

package/dist/hooks/useMediaQuery.hook.js

@@ -1,20 +1,24 @@
 import { useSyncExternalStore as o } from "react";
-function n(t) {
+function r(t) {
   function i() {
     return window.matchMedia(t).matches;
   }
   function a(e) {
-    const r = window.matchMedia(t);
-    return r.addEventListener("change", e), () => {
-      r.removeEventListener("change", e);
+    const n = window.matchMedia(t);
+    return n.addEventListener("change", e), () => {
+      n.removeEventListener("change", e);
     };
   }
+  function u() {
+    return !1;
+  }
   return function() {
-    return o(a, i);
+    return o(a, i, u);
   };
 }
-var s = n("(max-width: 743px)"), d = n("(max-height: 480px)");
+var h = r("(max-width: 743px)"), c = r("(max-height: 480px)"), d = r("(max-width: 743px), (max-height: 480px)");
 export {
-  s as useMobileMediaQuery,
-  d as useShortViewportMediaQuery
+  d as useFullScreenPickerMediaQuery,
+  h as useMobileMediaQuery,
+  c as useShortViewportMediaQuery
 };

package/dist/index.js

@@ -234,68 +234,70 @@ import { StyledSearchField as Xp } from "./components/inputs/search-field/Styled
 import { StyledTextarea as Kp } from "./components/inputs/textarea/StyledTextarea.js";
 import { StyledSelect as Zp } from "./components/inputs/select/StyledSelect.js";
 import { StyledSelectItem as Jp } from "./components/inputs/select/StyledSelectItem.js";
-import { StyledSelectAutocomplete as $p } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
-import { StyledSlider as rf } from "./components/inputs/slider/StyledSlider.js";
-import { StyledSwitch as tf } from "./components/inputs/switch/base-ui/StyledSwitch.js";
-import { StyledRadioGroup as nf } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
-import { StyledLabel as ff } from "./components/inputs/label/StyledLabel.js";
-import { StyledDynamicSelect as lf } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
-import { StyledLink as If } from "./components/navigation/link/StyledLink.js";
-import { StyledPhoneField as uf } from "./components/inputs/phone-field/StyledPhoneField.js";
-import { StyledCountryFlag as Sf } from "./components/inputs/phone-field/StyledCountryFlag.js";
-import { StyledFieldPair as Cf } from "./components/inputs/form-layout/StyledFieldPair.js";
-import { StyledFormColumn as gf } from "./components/inputs/form-layout/StyledFormColumn.js";
-import { StyledFormControl as Df } from "./components/miscellaneous/StyledFormControl.js";
-import { defaultDatePickerValidationMessages as kf, useDatePickerValidation as Lf } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
-import { StyledDrawer as Ff } from "./components/navigation/drawer/StyledDrawer.js";
-import { StyledDatePicker as Af } from "./datetime/components/date-picker/StyledDatePicker.js";
-import { PopupState as Mf, bindPopover as Bf, bindPopper as vf, bindTrigger as wf, usePopupState as xf } from "./hooks/usePopupState.js";
-import { ClickAwayListener as Hf } from "./components/mui-compat/ClickAwayListener.js";
-import { Paper as Ef } from "./components/mui-compat/Paper.js";
-import { Stack as Uf } from "./components/mui-compat/Stack.js";
-import { Container as zf } from "./components/mui-compat/Container.js";
-import { Avatar as Xf } from "./components/mui-compat/Avatar.js";
-import { Skeleton as Kf } from "./components/mui-compat/Skeleton.js";
-import { FormLabel as Zf } from "./components/mui-compat/FormLabel.js";
-import { Fade as Jf } from "./components/mui-compat/Fade.js";
-import { Popper as $f } from "./components/mui-compat/Popper.js";
-import { defaultTimePickerHelperMessages as rc } from "./datetime/components/time-picker/components/HelperText.js";
-import { StyledTimePicker as tc } from "./datetime/components/time-picker/StyledTimePicker.js";
-import { setMidnightTime as ec, setZeroTime as nc } from "./datetime/helpers/date.helper.js";
-import { StyledFormControlLabel as fc } from "./components/miscellaneous/StyledFormControlLabel.js";
-import { StyledFormHelperText as lc } from "./components/miscellaneous/StyledFormHelperText.js";
-import { StyledInputLabel as Ic } from "./components/miscellaneous/StyledInputLabel.js";
-import { StyledFormGroup as uc } from "./components/miscellaneous/StyledFormGroup.js";
-import { StyledTab as Sc } from "./components/navigation/tabs/StyledTab.js";
-import { StyledTabs as Cc } from "./components/navigation/tabs/StyledTabs.js";
-import { StyledTitleChevron as gc } from "./components/navigation/title-chevron/StyledTitleChevron.js";
-import { Listbox as Dc } from "./components/navigation/listbox/Listbox.js";
-import { StyledAccordion as kc } from "./components/utils/accordion/base-ui/StyledAccordion.js";
-import { StyledAccordionSummary as Pc } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
-import { StyledAccordionDetails as Tc } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
-import { ACTIONS_COLUMN_ID as Rc, DND_HANDLE_COLUMN_ID as Mc, EXPAND_COLUMN_ID as Bc, INTERNAL_COLUMN_IDS as vc, SELECT_COLUMN_ID as wc, SHOW_FULL_TEXT_ID as xc, isCustomAction as Nc } from "./table/types.js";
-import { RowDragHandleCell as _c } from "./table/components/columns/dndHandleColumn.js";
-import { StyledTable as Wc } from "./table/components/StyledTableIndex.js";
-import { createColumnHelper as Vc } from "./table/index.js";
-import { DynamicToolbarLayoutContext as Gc, useDynamicToolbarLayout as Xc } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
-import { StyledFilterButton as Kc } from "./components/utils/filter-menu/StyledFilterButton.js";
-import { StyledFilterMenu as Zc } from "./components/utils/filter-menu/StyledFilterMenu.js";
-import { CopyButton as Jc } from "./components/utils/copy-wrapper/CopyButton.js";
-import { CopyWrapper as $c } from "./components/utils/copy-wrapper/CopyWrapper.js";
-import { VirtualList as rl } from "./components/utils/virtual-list/VirtualList.js";
-import { StyledWidgetTitle as tl } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
-import { StyledWidgetHeader as el } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
-import { StyledWidget as pl } from "./components/custom/widget/widget/StyledWidget.js";
-import { StyledModuleTitle as cl } from "./components/custom/module/module-title/StyledModuleTitle.js";
-import { DynamicToolbar as al } from "./components/custom/module/header-layout/DynamicToolbar.js";
-import { PageHeader as dl } from "./components/custom/page/page-header/PageHeader.js";
-import { MinimizableDialog as sl } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
-import { MinimizableDialogV2 as yl } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
-import { createDialogStack as Ol } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
-import { PathfinderCard as hl } from "./components/custom/pathfinder-card/PathfinderCard.js";
-import { useRouteHeadingFocus as bl } from "./hooks/useRouteHeadingFocus.js";
+import { useAnnouncer as $p } from "./components/inputs/full-screen-picker/PickerLiveRegion.js";
+import { FullScreenPicker as rf } from "./components/inputs/full-screen-picker/FullScreenPicker.js";
+import { StyledSelectAutocomplete as tf } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
+import { StyledSlider as nf } from "./components/inputs/slider/StyledSlider.js";
+import { StyledSwitch as ff } from "./components/inputs/switch/base-ui/StyledSwitch.js";
+import { StyledRadioGroup as lf } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
+import { StyledLabel as If } from "./components/inputs/label/StyledLabel.js";
+import { StyledDynamicSelect as uf } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
+import { StyledLink as Sf } from "./components/navigation/link/StyledLink.js";
+import { StyledPhoneField as Cf } from "./components/inputs/phone-field/StyledPhoneField.js";
+import { StyledCountryFlag as gf } from "./components/inputs/phone-field/StyledCountryFlag.js";
+import { StyledFieldPair as Df } from "./components/inputs/form-layout/StyledFieldPair.js";
+import { StyledFormColumn as kf } from "./components/inputs/form-layout/StyledFormColumn.js";
+import { StyledFormControl as Pf } from "./components/miscellaneous/StyledFormControl.js";
+import { defaultDatePickerValidationMessages as Tf, useDatePickerValidation as Af } from "./datetime/components/date-picker/hooks/useDatePickerValidation.js";
+import { StyledDrawer as Mf } from "./components/navigation/drawer/StyledDrawer.js";
+import { StyledDatePicker as vf } from "./datetime/components/date-picker/StyledDatePicker.js";
+import { PopupState as xf, bindPopover as Nf, bindPopper as Hf, bindTrigger as _f, usePopupState as Ef } from "./hooks/usePopupState.js";
+import { ClickAwayListener as Uf } from "./components/mui-compat/ClickAwayListener.js";
+import { Paper as zf } from "./components/mui-compat/Paper.js";
+import { Stack as Xf } from "./components/mui-compat/Stack.js";
+import { Container as Kf } from "./components/mui-compat/Container.js";
+import { Avatar as Zf } from "./components/mui-compat/Avatar.js";
+import { Skeleton as Jf } from "./components/mui-compat/Skeleton.js";
+import { FormLabel as $f } from "./components/mui-compat/FormLabel.js";
+import { Fade as rc } from "./components/mui-compat/Fade.js";
+import { Popper as tc } from "./components/mui-compat/Popper.js";
+import { defaultTimePickerHelperMessages as ec } from "./datetime/components/time-picker/components/HelperText.js";
+import { StyledTimePicker as pc } from "./datetime/components/time-picker/StyledTimePicker.js";
+import { setMidnightTime as cc, setZeroTime as lc } from "./datetime/helpers/date.helper.js";
+import { StyledFormControlLabel as Ic } from "./components/miscellaneous/StyledFormControlLabel.js";
+import { StyledFormHelperText as uc } from "./components/miscellaneous/StyledFormHelperText.js";
+import { StyledInputLabel as Sc } from "./components/miscellaneous/StyledInputLabel.js";
+import { StyledFormGroup as Cc } from "./components/miscellaneous/StyledFormGroup.js";
+import { StyledTab as gc } from "./components/navigation/tabs/StyledTab.js";
+import { StyledTabs as Dc } from "./components/navigation/tabs/StyledTabs.js";
+import { StyledTitleChevron as kc } from "./components/navigation/title-chevron/StyledTitleChevron.js";
+import { Listbox as Pc } from "./components/navigation/listbox/Listbox.js";
+import { StyledAccordion as Tc } from "./components/utils/accordion/base-ui/StyledAccordion.js";
+import { StyledAccordionSummary as Rc } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
+import { StyledAccordionDetails as Bc } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
+import { ACTIONS_COLUMN_ID as wc, DND_HANDLE_COLUMN_ID as xc, EXPAND_COLUMN_ID as Nc, INTERNAL_COLUMN_IDS as Hc, SELECT_COLUMN_ID as _c, SHOW_FULL_TEXT_ID as Ec, isCustomAction as Wc } from "./table/types.js";
+import { RowDragHandleCell as Vc } from "./table/components/columns/dndHandleColumn.js";
+import { StyledTable as Gc } from "./table/components/StyledTableIndex.js";
+import { createColumnHelper as qc } from "./table/index.js";
+import { DynamicToolbarLayoutContext as Qc, useDynamicToolbarLayout as Zc } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
+import { StyledFilterButton as Jc } from "./components/utils/filter-menu/StyledFilterButton.js";
+import { StyledFilterMenu as $c } from "./components/utils/filter-menu/StyledFilterMenu.js";
+import { CopyButton as rl } from "./components/utils/copy-wrapper/CopyButton.js";
+import { CopyWrapper as tl } from "./components/utils/copy-wrapper/CopyWrapper.js";
+import { VirtualList as el } from "./components/utils/virtual-list/VirtualList.js";
+import { StyledWidgetTitle as pl } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
+import { StyledWidgetHeader as cl } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
+import { StyledWidget as al } from "./components/custom/widget/widget/StyledWidget.js";
+import { StyledModuleTitle as dl } from "./components/custom/module/module-title/StyledModuleTitle.js";
+import { DynamicToolbar as sl } from "./components/custom/module/header-layout/DynamicToolbar.js";
+import { PageHeader as yl } from "./components/custom/page/page-header/PageHeader.js";
+import { MinimizableDialog as Ol } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
+import { MinimizableDialogV2 as hl } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
+import { createDialogStack as bl } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
+import { PathfinderCard as Ll } from "./components/custom/pathfinder-card/PathfinderCard.js";
+import { useRouteHeadingFocus as Fl } from "./hooks/useRouteHeadingFocus.js";
 export {
-  Rc as ACTIONS_COLUMN_ID,
+  wc as ACTIONS_COLUMN_ID,
   ep as ACTION_GAP_PX,
   Ki as AppRegistrationIcon,
   xo as ArchiveIcon,
@@ -306,7 +308,7 @@ export {
   Y as AssignmentIcon,
   oo as AssignmentOutlineIcon,
   xt as AttachFileIcon,
-  Xf as Avatar,
+  Zf as Avatar,
   Em as BackIcon,
   xi as BackupIcon,
   em as BadgeIcon,
@@ -334,22 +336,22 @@ export {
   C as ChevronRightIcon,
   zo as ChevronUpIcon,
   Xi as CircleWarningOutlineIcon,
-  Hf as ClickAwayListener,
+  Uf as ClickAwayListener,
   Fm as ClockOutlineIcon,
   Xo as CloseIcon,
   Mt as CloudDoneOutlineIcon,
   vt as CloudIcon,
   re as CloudOffOutlineIcon,
   Jr as ConsentsIcon,
-  zf as Container,
+  Kf as Container,
   yt as ContentCopyIcon,
   bt as ContentCopyOutlineIcon,
   Ot as ContentCutIcon,
   ht as ContentPasteIcon,
   ti as ConversionPathIcon,
-  Jc as CopyButton,
-  $c as CopyWrapper,
-  Mc as DND_HANDLE_COLUMN_ID,
+  rl as CopyButton,
+  tl as CopyWrapper,
+  xc as DND_HANDLE_COLUMN_ID,
   R as DashboardViewIcon,
   B as DashboardViewOutlineIcon,
   ar as DeleteOutlineIcon,
@@ -369,16 +371,16 @@ export {
   Mo as DropUpIcon,
   Or as DvrIcon,
   vi as DvrIconOutline,
-  al as DynamicToolbar,
-  Gc as DynamicToolbarLayoutContext,
-  Bc as EXPAND_COLUMN_ID,
+  sl as DynamicToolbar,
+  Qc as DynamicToolbarLayoutContext,
+  Nc as EXPAND_COLUMN_ID,
   Ur as EarthIcon,
   he as EditNotesIcon,
   pm as EditSquareIcon,
   er as EmptyPageIcon,
   Oi as EnvelopeIcon,
   hr as ErrorOutlineIcon,
-  Jf as Fade,
+  rc as Fade,
   Ar as FastCheckOutlineIcon,
   Mi as FileDocIcon,
   Le as FileImageIcon,
@@ -391,9 +393,10 @@ export {
   Oo as FindReplacePeopleIcon,
   hi as FingerprintIcon,
   bm as FormIcon,
-  Zf as FormLabel,
+  $f as FormLabel,
   et as FormatListBulletedIcon,
   pt as FormatListBulletedOutlineIcon,
+  rf as FullScreenPicker,
   ei as GraphIcon,
   pi as GraphOutlineIcon,
   ci as GridViewOutlineIcon,
@@ -406,7 +409,7 @@ export {
   ye as HistoryToggleOffIcon,
   Xe as HubIcon,
   Ke as HubIconFilled,
-  vc as INTERNAL_COLUMN_IDS,
+  Hc as INTERNAL_COLUMN_IDS,
   $o as InboxOutboxIcon,
   rr as InboxOutboxOutlineIcon,
   Ue as IndeterminateIcon,
@@ -419,7 +422,7 @@ export {
   Er as ListSettingsLineIcon,
   vr as ListStatusIcon,
   xr as ListViewOutlineIcon,
-  Dc as Listbox,
+  Pc as Listbox,
   rn as LoadCurrentIcon,
   Ao as LoadingIcon,
   hm as LocationIcon,
@@ -432,8 +435,8 @@ export {
   no as MessageProcessingOutlineIcon,
   tm as MessageReplyIcon,
   Mm as MicrosoftOutlookIcon,
-  sl as MinimizableDialog,
-  yl as MinimizableDialogV2,
+  Ol as MinimizableDialog,
+  hl as MinimizableDialogV2,
   $r as MinimizeIcon,
   nn as MoveUpIcon,
   q as NewCalendarIcon,
@@ -445,9 +448,9 @@ export {
   $t as OutlineCheckboxIconIndeterminate,
   Xt as OutlineNotificationsIcon,
   wn as OverlayBackOwnerContext,
-  dl as PageHeader,
-  Ef as Paper,
-  hl as PathfinderCard,
+  yl as PageHeader,
+  zf as Paper,
+  Ll as PathfinderCard,
   T as PdfIcon,
   Xr as PencilOutlineIcon,
   N as PeopleIcon,
@@ -462,8 +465,8 @@ export {
   cm as PlusIcon,
   am as PlusIconCircle,
   Jn as PopoverSheet,
-  $f as Popper,
-  Mf as PopupState,
+  tc as Popper,
+  xf as PopupState,
   He as PrintIcon,
   Ae as ProhibitionIcon,
   Me as ProhibitionLargeIcon,
@@ -477,11 +480,11 @@ export {
   se as ResetSettingsIcon,
   $e as RocketLaunchIcon,
   tn as RotateAutoIcon,
-  _c as RowDragHandleCell,
+  Vc as RowDragHandleCell,
   dt as RuleIcon,
   st as RuleOutlineIcon,
-  wc as SELECT_COLUMN_ID,
-  xc as SHOW_FULL_TEXT_ID,
+  _c as SELECT_COLUMN_ID,
+  Ec as SHOW_FULL_TEXT_ID,
   si as SaveAsDraftIcon,
   di as SaveIcon,
   Fo as SearchIcon,
@@ -491,72 +494,72 @@ export {
   Ft as SettingsNoteIcon,
   so as SettingsOutlineIcon,
   Ji as ShareIcon,
-  Kf as Skeleton,
+  Jf as Skeleton,
   pe as SmsIcon,
   Lp as SnackbarProvider,
-  Uf as Stack,
+  Xf as Stack,
   Pn as StyledAIDisclosure,
-  kc as StyledAccordion,
-  Tc as StyledAccordionDetails,
-  Pc as StyledAccordionSummary,
+  Tc as StyledAccordion,
+  Bc as StyledAccordionDetails,
+  Rc as StyledAccordionSummary,
   gp as StyledAlert,
   f as StyledBadge,
   Zn as StyledBottomSheet,
   Bn as StyledButton,
   un as StyledCheckbox,
   In as StyledChip,
-  Sf as StyledCountryFlag,
-  Af as StyledDatePicker,
+  gf as StyledCountryFlag,
+  vf as StyledDatePicker,
   Hn as StyledDialog,
   En as StyledDialogActions,
   Un as StyledDialogContent,
   Ip as StyledDialogFooter,
   zn as StyledDialogTitle,
-  Ff as StyledDrawer,
-  lf as StyledDynamicSelect,
+  Mf as StyledDrawer,
+  uf as StyledDynamicSelect,
   up as StyledEmptyPage,
-  Cf as StyledFieldPair,
-  Kc as StyledFilterButton,
-  Zc as StyledFilterMenu,
+  Df as StyledFieldPair,
+  Jc as StyledFilterButton,
+  $c as StyledFilterMenu,
   Sp as StyledFilteredEmptyState,
-  gf as StyledFormColumn,
-  Df as StyledFormControl,
-  fc as StyledFormControlLabel,
-  uc as StyledFormGroup,
-  lc as StyledFormHelperText,
+  kf as StyledFormColumn,
+  Pf as StyledFormControl,
+  Ic as StyledFormControlLabel,
+  Cc as StyledFormGroup,
+  uc as StyledFormHelperText,
   kn as StyledFormLabel,
   zp as StyledInputField,
-  Ic as StyledInputLabel,
+  Sc as StyledInputLabel,
   Cn as StyledInteractiveChip,
-  ff as StyledLabel,
-  If as StyledLink,
+  If as StyledLabel,
+  Sf as StyledLink,
   Cp as StyledLoading,
   rp as StyledMenu,
   tp as StyledMenuItem,
   $n as StyledMenuList,
-  cl as StyledModuleTitle,
-  uf as StyledPhoneField,
+  dl as StyledModuleTitle,
+  Cf as StyledPhoneField,
   Xn as StyledPopover,
   Sn as StyledRadio,
-  nf as StyledRadioGroup,
+  lf as StyledRadioGroup,
   Xp as StyledSearchField,
   Zp as StyledSelect,
-  $p as StyledSelectAutocomplete,
+  tf as StyledSelectAutocomplete,
   Jp as StyledSelectItem,
-  rf as StyledSlider,
+  nf as StyledSlider,
   Fp as StyledSnackbar,
-  tf as StyledSwitch,
-  Sc as StyledTab,
-  Wc as StyledTable,
-  Cc as StyledTabs,
+  ff as StyledSwitch,
+  gc as StyledTab,
+  Gc as StyledTable,
+  Dc as StyledTabs,
   Kp as StyledTextarea,
-  tc as StyledTimePicker,
-  gc as StyledTitleChevron,
+  pc as StyledTimePicker,
+  kc as StyledTitleChevron,
   l as StyledTooltip,
   Dn as StyledTypography,
-  pl as StyledWidget,
-  el as StyledWidgetHeader,
-  tl as StyledWidgetTitle,
+  al as StyledWidget,
+  cl as StyledWidgetHeader,
+  pl as StyledWidgetTitle,
   ve as StylusNoteIcon,
   xe as StylusNoteLargeIcon,
   Kt as SyncIcon,
@@ -570,7 +573,7 @@ export {
   Mr as UnknownDocumentOutlineRoundedIcon,
   Zm as UnlockIcon,
   bi as UploadIcon,
-  rl as VirtualList,
+  el as VirtualList,
   gn as VirtualizedList,
   ee as VisibilityOffOutlineIcon,
   te as VisibilityOutlineIcon,
@@ -579,22 +582,22 @@ export {
   Ze as WidgetIcon,
   Je as WidgetIconFilled,
   Om as WorkIcon,
-  Bf as bindPopover,
-  vf as bindPopper,
-  wf as bindTrigger,
+  Nf as bindPopover,
+  Hf as bindPopper,
+  _f as bindTrigger,
   Dp as closeSnackbar,
   m as cn,
-  Vc as createColumnHelper,
-  Ol as createDialogStack,
-  kf as defaultDatePickerValidationMessages,
-  rc as defaultTimePickerHelperMessages,
+  qc as createColumnHelper,
+  bl as createDialogStack,
+  Tf as defaultDatePickerValidationMessages,
+  ec as defaultTimePickerHelperMessages,
   bp as enqueueSnackbar,
   pp as estimateToolbarActionWidth,
   Ep as fieldLabelAboveClass,
   Wp as fieldWidthForMaxLength,
   Up as fieldWidthStyle,
   Kn as formatResultsLabel,
-  Nc as isCustomAction,
+  Wc as isCustomAction,
   xp as message,
   i as omit,
   fp as planBulkToolbarActions,
@@ -604,14 +607,15 @@ export {
   Mp as processDefaultSnackbar,
   vp as processInfoSnackbar,
   lp as resolveToolbarActionWidth,
-  ec as setMidnightTime,
-  nc as setZeroTime,
+  cc as setMidnightTime,
+  lc as setZeroTime,
+  $p as useAnnouncer,
   xn as useBackCloses,
-  Lf as useDatePickerValidation,
+  Af as useDatePickerValidation,
   An as useDialogBusyBoundary,
-  Xc as useDynamicToolbarLayout,
-  xf as usePopupState,
+  Zc as useDynamicToolbarLayout,
+  Ef as usePopupState,
   Rn as useReportDialogBusy,
-  bl as useRouteHeadingFocus,
+  Fl as useRouteHeadingFocus,
   Hp as useSnackbar
 };

package/dist/src/components/inputs/dynamic-select/StyledDynamicSelect.d.ts

@@ -27,7 +27,10 @@ import { StyledDynamicSelectComponent } from './types';
  *   Long labels automatically switch to a vertical stacked layout.
  *   When `!required` and a value is selected, a "Clear selection" button is shown.
  * - `0 or 6+ options` → renders as a searchable autocomplete (`DynamicSelectAutocomplete`).
- *   All autocomplete option counts remain filterable and keyboard-operable.
+ *   All autocomplete option counts remain filterable and keyboard-operable. Below 744 CSS px wide
+ *   or at most 480 CSS px high it opens as a full-screen picker titled by `title` (ASMA-8468). A
+ *   picker opened on 0 options closes when 1–5 options arrive, because the field then becomes a
+ *   chip group (D-005, RISK-008).
  *
  * **Option types:**
  * Options can be primitives (`string | number | boolean`) or objects. When using objects,

package/dist/src/components/inputs/full-screen-picker/FullScreenPicker.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { DialogCloseReason } from '../../feedback/dialog/StyledDialog';
+import { PickerAnnouncement } from './PickerLiveRegion';
+export type FullScreenPickerCloseReason = DialogCloseReason | 'closeButton';
+export interface FullScreenPickerProps {
+    open: boolean;
+    /** Close button, Escape and native Back. Always a cancel: the caller discards anything not applied. */
+    onClose: (reason: FullScreenPickerCloseReason) => void;
+    dataTest: string;
+    /** The field label. Wraps onto as many lines as it needs; it is never truncated. */
+    title?: ReactNode;
+    /** Accessible name of the dialog when there is no `title`. */
+    fallbackName?: string;
+    /** Accessible name of the close button. */
+    closeLabel: string;
+    /** The search field — rendered full width under the title, or beside it on a short viewport. */
+    search: ReactNode;
+    /** The selection row (several choices) or the clear row (one choice). Part of the fixed header. */
+    headerRow?: ReactNode;
+    /** The list. It is the only part that scrolls. */
+    children: ReactNode;
+    /** Polite announcement rendered inside the dialog (counts, matches, clears). */
+    announcement?: PickerAnnouncement;
+}
+/**
+ * @figmaNode wXrXt5uKNNzV2DnQCgyYZH#45614-217265
+ * Figma "Select mobile full-screen picker": a full-screen sheet with a fixed **Header** (title, close,
+ * search, optional selection/clear row; 1 px `border/separator` delta-200 under it) and one scrolling
+ * **List**. Title = Mobile/Page title, SemiBold 20/28, `text-icon/title-label` delta-800, wraps.
+ * Close = 40 × 40 Quaternary button with a 24 px ×. Search row = `pt-8 px-16`. On a short viewport
+ * (`Variant2`, ≤ 480 px high) title, search (max 240 px) and close share the first row.
+ *
+ * The shared shell for every full-screen picker in ui-core: `StyledSelectAutocomplete` and
+ * `CountryCodeSelect` both render through it (ASMA-8468). Presentation only — the caller owns the
+ * query, the list, the keyboard and what closing means. Nothing is focused for typing on open, so
+ * the on-screen keyboard appears only when the user taps the search field (REQ-006). Opened from
+ * the keyboard, focus goes to the `listbox` in `children` when it is a Tab stop (else to the close
+ * button), where the arrows work at once. Native Back comes from `StyledDialog` (D-004).
+ *
+ * For a project's own picker (exported from `asma-ui-core`): render it below the same breakpoint
+ * as the selects (`max-width: 743px` or `max-height: 480px`); pass the search field and the list;
+ * make the list a `role="listbox"` with `tabIndex={0}` and `aria-activedescendant` if it should
+ * take keyboard focus on open; announce counts with `useAnnouncer`.
+ *
+ * @example
+ * const [announcement, announce] = useAnnouncer()
+ * <FullScreenPicker
+ *     open={open}
+ *     onClose={() => setOpen(false)}            // ×, Escape and Back: a cancel
+ *     dataTest='templates-picker'
+ *     title='Add questionnaires'
+ *     closeLabel='Close'
+ *     search={<StyledSearchField dataTest='templates-search' label='Search' value={query} fullWidth onChange={…} />}
+ *     headerRow={<MySelectionRow />}            // optional: count, clear, Done
+ *     announcement={announcement}
+ * >
+ *     <ul role='listbox' aria-label='Questionnaires' tabIndex={0} aria-activedescendant={activeId}>…</ul>
+ * </FullScreenPicker>
+ *
+ * @see asma-modules/_docs/frontend/plans/2026-10-19-11-04-plan-full-screen-select-picker-phones.md:203 — TASK-004
+ */
+export declare const FullScreenPicker: ({ open, onClose, dataTest, title, fallbackName, ...sheet }: FullScreenPickerProps) => JSX.Element;

package/dist/src/components/inputs/full-screen-picker/PickerLiveRegion.d.ts

@@ -0,0 +1,31 @@
+/** One message for a live region. `id` changes on every `announce`, so a repeated text is read again. */
+export interface PickerAnnouncement {
+    text: string;
+    id: number;
+}
+/**
+ * Holds the latest announcement for `FullScreenPicker`'s `announcement` prop, which a screen reader
+ * reads out politely from inside the dialog (counts, matches, *No matches*). `announce` accepts the
+ * same text twice and still re-announces it; `reset` forgets it, so the next opening starts silent.
+ *
+ * @example
+ * const [announcement, announce, resetAnnouncement] = useAnnouncer()
+ * // on a tick: announce(`${ticked.length} selected`); when the picker opens: resetAnnouncement()
+ * <FullScreenPicker announcement={announcement} … />
+ */
+export declare const useAnnouncer: () => [PickerAnnouncement | undefined, (text: string) => void, () => void];
+/**
+ * Polite live region for the picker (ASMA-8468 REQ-011/013/016). Inside the dialog it must be
+ * rendered **in** the dialog: while `showModal()` is active everything outside is inert and not
+ * reliably announced (ALT-005).
+ *
+ * The text is emptied and set again on the next frame, so the same message twice in a row
+ * (`0 valgt` after two clears) is read out again. Both steps write the DOM directly, not React
+ * state: two state updates that land before React renders merge into "no change", and an unchanged
+ * region is not read out again. The frame's delay also lets a closing dialog leave the top layer
+ * first, so a message set as it closes is heard.
+ */
+export declare const PickerLiveRegion: ({ announcement, dataTest, }: {
+    announcement?: PickerAnnouncement;
+    dataTest?: string;
+}) => JSX.Element;

package/dist/src/components/inputs/full-screen-picker/index.d.ts

@@ -0,0 +1,2 @@
+export { FullScreenPicker, type FullScreenPickerProps, type FullScreenPickerCloseReason } from './FullScreenPicker';
+export { useAnnouncer } from './PickerLiveRegion';

package/dist/src/components/inputs/full-screen-picker/pickerCopy.d.ts

@@ -0,0 +1,29 @@
+import { UiCoreLocale } from '../../../helpers/uiCoreLocale';
+/**
+ * Every string the full-screen picker shows or announces (ASMA-8468). ui-core ships Norwegian and
+ * English defaults; a consumer overrides any of them through `pickerText`.
+ *
+ * @see asma-modules/_docs/frontend/plans/2026-10-19-11-04-plan-full-screen-select-picker-phones.md:206 — TASK-007
+ */
+export interface PickerText {
+    /** Accessible name of the close button. */
+    close: string;
+    /** Label of the search field. */
+    search: string;
+    /** Several choices: applies the ticks and closes. */
+    done: string;
+    /** One choice, optional field: empties the field. */
+    clearOne: string;
+    /** Several choices: unticks everything, including ticks hidden by the search. */
+    clearAll: string;
+    selectedCount: (count: number) => string;
+    noMatches: string;
+    matchCount: (count: number) => string;
+    /** Announced after `clearOne`. */
+    cleared: string;
+    /** Announced after `clearAll`. */
+    clearedAll: string;
+    truncated: (shown: number, total: number) => string;
+}
+/** Default picker copy for `locale`, with any consumer overrides applied on top. */
+export declare const getPickerText: (locale: UiCoreLocale, overrides?: Partial<PickerText>) => PickerText;