asma-ui-core 3.111.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/components/inputs/textarea/StyledTextarea.js

@@ -1,72 +1,71 @@
-import { CharacterCounter as R } from "../../../helpers/CharacterCounter.js";
-import { useHelperSlot as U } from "../../../helpers/useHelperSlot.js";
-import { fieldWidthStyle as V } from "../field-styles.js";
+import { CharacterCounter as U } from "../../../helpers/CharacterCounter.js";
+import { useHelperSlot as V } from "../../../helpers/useHelperSlot.js";
+import { fieldWidthStyle as X } from "../field-styles.js";
 import t from "./StyledTextarea.module.js";
-import { useEffect as X, useId as m, useRef as Y } from "react";
-import { jsx as e, jsxs as Z } from "react/jsx-runtime";
-var nt = ({ id: A, variant: h = "active", label: s = "", labelClassName: M = "", description: n = "", reserveHelperText: F, value: a = "", minRows: r = 3, maxRows: i = 1 / 0, disabled: x, error: l, errorMessage: _, containerClassName: j = "", className: w = "", maxLength: B = 1 / 0, counter: C, refLink: E, dataTest: k, counterLimit: g, width: y = "full", locale: W, ...d }) => {
-  const q = Y(null), c = E ?? q, f = !!(C && g), u = m(), b = m(), z = m(), $ = A ?? z, I = l ? _ : n, { show: N, role: D } = U("StyledTextarea", l, I, F);
-  X(() => {
-    const o = c.current;
-    if (!o) return;
-    const p = window.getComputedStyle(o), v = parseFloat(p.lineHeight) || 24, T = parseFloat(p.paddingTop), H = parseFloat(p.paddingBottom);
-    o.style.height = "auto";
-    const K = o.scrollHeight - T - H, O = Math.max(1, Math.ceil(K / v)), Q = Math.min(Math.max(O, r), i);
-    o.style.height = `${Q * v + T + H}px`;
+import { useEffect as Y, useId as x, useRef as Z } from "react";
+import { jsx as e, jsxs as L } from "react/jsx-runtime";
+var it = ({ id: F, variant: s = "active", label: d = "", labelClassName: M = "", description: n = "", reserveHelperText: B, value: o = "", minRows: i = 3, maxRows: r = 1 / 0, disabled: y, error: a, errorMessage: _, containerClassName: j = "", className: w = "", maxLength: c = 1 / 0, counter: C, refLink: E, dataTest: k, counterLimit: R, width: g = "full", locale: W, ...f }) => {
+  const q = Z(null), p = E ?? q, m = R ?? (Number.isFinite(c) ? c : void 0), h = C !== !1 && !!m, b = x(), $ = x(), z = x(), v = F ?? z, I = a ? _ : n, { show: N, role: D } = V("StyledTextarea", a, I, B);
+  Y(() => {
+    const l = p.current;
+    if (!l) return;
+    const u = window.getComputedStyle(l), T = parseFloat(u.lineHeight) || 24, H = parseFloat(u.paddingTop), A = parseFloat(u.paddingBottom);
+    l.style.height = "auto";
+    const K = l.scrollHeight - H - A, O = Math.max(1, Math.ceil(K / T)), Q = Math.min(Math.max(O, i), r);
+    l.style.height = `${Q * T + H + A}px`;
   }, [
-    c,
-    a,
-    r,
+    p,
+    o,
     i,
-    f
-  ]), i < r && (r = i);
-  const G = l ? "error" : "active", S = l ? "error" : x ? "disabled" : "active", J = typeof s != "string" || s.trim() !== "" ? void 0 : typeof n == "string" && n.trim() !== "" ? n : d.placeholder;
-  return /* @__PURE__ */ Z("div", {
+    r,
+    h
+  ]), r < i && (i = r);
+  const G = a ? "error" : "active", S = a ? "error" : y ? "disabled" : "active", J = typeof d != "string" || d.trim() !== "" ? void 0 : typeof n == "string" && n.trim() !== "" ? n : f.placeholder;
+  return /* @__PURE__ */ L("div", {
     className: `relative flex flex-col gap-1 ${j}`,
     "data-testid": k,
-    "data-field-width": y,
-    style: V(y),
+    "data-field-width": g,
+    style: X(g),
     children: [
       /* @__PURE__ */ e("label", {
-        htmlFor: $,
+        htmlFor: v,
         className: `${t.label} ${t[S]} ${M}`,
-        children: s
+        children: d
       }),
       N && /* @__PURE__ */ e("span", {
-        id: u,
+        id: b,
         role: D,
         className: `${t.description} ${t[S]} min-h-[24px]`,
         children: I
       }),
-      h === "view_only" ? /* @__PURE__ */ e("div", {
+      s === "view_only" ? /* @__PURE__ */ e("div", {
         className: "pt-3 font-roboto text-base font-normal text-delta-700",
-        children: a
-      }) : h === "not_editable" ? /* @__PURE__ */ e("div", {
+        children: o
+      }) : s === "not_editable" ? /* @__PURE__ */ e("div", {
         className: "rounded bg-delta-50 p-3 font-roboto text-base font-normal text-delta-700",
-        children: a
+        children: o
       }) : /* @__PURE__ */ e("textarea", {
-        ...d,
-        "aria-describedby": [N ? u : null, f ? b : null].filter(Boolean).join(" ") || void 0,
-        "aria-invalid": l,
-        "aria-label": d["aria-label"] ?? J,
-        id: $,
-        ref: c,
+        ...f,
+        "aria-describedby": [N ? b : null, h ? $ : null].filter(Boolean).join(" ") || void 0,
+        "aria-invalid": a,
+        "aria-label": f["aria-label"] ?? J,
+        id: v,
+        ref: p,
         className: `${t.textarea} ${t[G]} ${w}`,
         wrap: "soft",
-        value: a,
-        disabled: x,
-        maxLength: B
+        value: o,
+        disabled: y,
+        maxLength: c
       }),
-      f && /* @__PURE__ */ e(R, {
-        id: b,
-        length: a.length,
-        limit: g,
-        locale: W,
-        className: "self-end"
-      })
+      h && m && s === "active" ? /* @__PURE__ */ e(U, {
+        id: $,
+        length: o.length,
+        limit: m,
+        locale: W
+      }) : null
     ]
   });
 };
 export {
-  nt as StyledTextarea
+  it as StyledTextarea
 };

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,