@loadsmart/miranda-wc 3.23.0-alpha.1 → 3.23.0

package/dist/{index-DaIT7YFO.js → index-BNaI3x4f.js}

@@ -158,7 +158,7 @@ function isInsideElement(event, element) {
     return element.contains(event.target);
 }
 
-const logger$f = createLogger('miranda');
+const logger$d = createLogger('miranda');
 class Component extends r$5 {
     static define(config) {
         const { name, constructor } = config;
@@ -166,7 +166,7 @@ class Component extends r$5 {
             window.customElements.define(name, constructor);
         }
         catch (error) {
-            logger$f.error(`Failed to define component ${name}: ${error}. Please, ensure definitions are compatible so the application does not break or have bugs due to overridden definitions.`);
+            logger$d.error(`Failed to define component ${name}: ${error}. Please, ensure definitions are compatible so the application does not break or have bugs due to overridden definitions.`);
         }
     }
     constructor() {
@@ -1020,7 +1020,7 @@ function typography(variant) {
     return r$8(`${defaultStyle}\n${variantStyle}`);
 }
 
-function styles$G() {
+function styles$H() {
     return i$9 `
 		:host {
 			background-color: ${getColor('color-background-primary')};
@@ -1388,7 +1388,7 @@ function toCSSValue(token, alpha) {
     return `var(${toCSSVariable(token)}, ${value})`;
 }
 
-function styles$F() {
+function styles$G() {
     return [
         i$3 `
 			:host {
@@ -1426,171 +1426,173 @@ function styles$F() {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case './icons/add-circle.ts': return import('./add-circle-DUC9alAp-Ctkutyu0.js');
-    case './icons/alarm.ts': return import('./alarm-BaGj0N2--Cfu4UXiK.js');
-    case './icons/alert-blocked.ts': return import('./alert-blocked-7Pq9aiIm-DCnmigRx.js');
-    case './icons/alert-circle.ts': return import('./alert-circle-DPjFhwuE-BHDwRdgh.js');
-    case './icons/anchor.ts': return import('./anchor-BOowxXQz-DR0innL6.js');
-    case './icons/archive.ts': return import('./archive-DCVFqmKd-B_rLyoe7.js');
-    case './icons/arrow-left.ts': return import('./arrow-left-UQ1azG0M-DcM92hhZ.js');
-    case './icons/arrow-right.ts': return import('./arrow-right-D9ODrfAT-JmxAxKvq.js');
-    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-DyaC4vSu-eb6U4MyY.js');
-    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-BkqHwWw9-B-1pqvab.js');
-    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-D3rkqbKD-qq4serZu.js');
-    case './icons/asterisk.ts': return import('./asterisk-ZHV7R7s1-DiF_TVwM.js');
-    case './icons/attention.ts': return import('./attention-Bktk81gv-DML6s-Jf.js');
-    case './icons/automatic.ts': return import('./automatic-C_cPnNpn-CvhswXY5.js');
-    case './icons/bank.ts': return import('./bank-AfsU0_8a-BGA3FkwI.js');
-    case './icons/bell-cancel.ts': return import('./bell-cancel-Ca9tfyFs-Bt6GSXZe.js');
-    case './icons/bell.ts': return import('./bell-BeboL9IG-D28zokT6.js');
-    case './icons/blind-bol.ts': return import('./blind-bol-buLUijt0-DNVTpLkE.js');
-    case './icons/board.ts': return import('./board-C7-8ym4Q-Cg3lcwyQ.js');
-    case './icons/bol.ts': return import('./bol-CfGOF64d-CQcAMXut.js');
-    case './icons/bolt-off.ts': return import('./bolt-off-BcH48taL-CBm4G2JC.js');
-    case './icons/bolt.ts': return import('./bolt-6Jcu4Dlq-B3U94E3R.js');
-    case './icons/box.ts': return import('./box-DCc-Lqkq-DHy_z_e8.js');
-    case './icons/broadcast.ts': return import('./broadcast-DycP-JY_-ClndtLLH.js');
-    case './icons/burguer-menu.ts': return import('./burguer-menu-Asv06-tR-BVuCMF0m.js');
-    case './icons/calendar.ts': return import('./calendar-Dx_9TSsr-BTlCmP7D.js');
-    case './icons/camera.ts': return import('./camera-Czlcg8L7-CFRyxtSV.js');
-    case './icons/canada-flag.ts': return import('./canada-flag-CfJo38yD-ByEmeJzp.js');
-    case './icons/caret-down.ts': return import('./caret-down-BVaLyzKU-RffKGWan.js');
-    case './icons/caret-left.ts': return import('./caret-left-BDnpJFoh-1rjAWHKD.js');
-    case './icons/caret-right.ts': return import('./caret-right-iJvAGCHE-CiowNQN_.js');
-    case './icons/caret-up.ts': return import('./caret-up-9pIV6ltV-C3MRuW6S.js');
-    case './icons/carrier-contract.ts': return import('./carrier-contract-DW2sjcCT-xrs1cXJe.js');
-    case './icons/chat.ts': return import('./chat-DGQ6mScP-Bxxm32Gl.js');
-    case './icons/check.ts': return import('./check-Cni8S44c-DgtR9k8w.js');
-    case './icons/clip.ts': return import('./clip-DM4Wpi9M-COBBYMI8.js');
-    case './icons/clock.ts': return import('./clock-CFBsWldY-DkTtudeU.js');
-    case './icons/clown.ts': return import('./clown-DFK7bIK4-esEEQUDv.js');
-    case './icons/code.ts': return import('./code-DmezwyM4-bhrz1LoD.js');
-    case './icons/comment.ts': return import('./comment-CjEoGy-K-BJhLaeEW.js');
-    case './icons/company.ts': return import('./company-DqCQwhbF-CsQh03Ye.js');
-    case './icons/confetti.ts': return import('./confetti-CZEHLeVv-CI_o73OB.js');
-    case './icons/contract.ts': return import('./contract-BQ6z-O8E-D9dASOaG.js');
-    case './icons/copy.ts': return import('./copy-D5yGaYk7-B6zcJ3-G.js');
-    case './icons/corner-down-r.ts': return import('./corner-down-r-CwJXOJqV-B0NKbegi.js');
-    case './icons/corner-down.ts': return import('./corner-down-Qmk_Cqah-CLZZk4xc.js');
-    case './icons/corner-up.ts': return import('./corner-up-PRIgBw5O-CqK2tbRG.js');
-    case './icons/credit-card.ts': return import('./credit-card-CPp_LFTs-DgKoFmyu.js');
-    case './icons/delivery.ts': return import('./delivery-BmLufTih-BRjR93HI.js');
-    case './icons/dislike.ts': return import('./dislike-DMXIEtzt-CLgA28z9.js');
-    case './icons/document-csv.ts': return import('./document-csv-BmSu3fps-Dlcarqn_.js');
-    case './icons/document-file-plus.ts': return import('./document-file-plus-DOQYUKtV-vonJyqMU.js');
-    case './icons/document-file.ts': return import('./document-file-BUqnmujz-DMuP94RV.js');
-    case './icons/document-image.ts': return import('./document-image-BgYsKz7H-Ch2cDD2e.js');
-    case './icons/dollar-circle.ts': return import('./dollar-circle-BVOsgQj2-3Mj7Cpkq.js');
-    case './icons/dollar.ts': return import('./dollar-CFykJiF6-MNus7vKJ.js');
-    case './icons/dots-horizontal.ts': return import('./dots-horizontal-Bl3xu7Nf-Dp90vlZY.js');
-    case './icons/dots-vertical.ts': return import('./dots-vertical-40mkkgZI-hrxBYHCb.js');
-    case './icons/double-caret-left.ts': return import('./double-caret-left-oyqAcM6D-DEOJgqt1.js');
-    case './icons/double-caret-right.ts': return import('./double-caret-right-CaEFAJUV-C2IsPG-E.js');
-    case './icons/down.ts': return import('./down--KKq0yxa-BcM4MuB6.js');
-    case './icons/download.ts': return import('./download-CAudqhnU-DW6EIePg.js');
-    case './icons/drop-trailer.ts': return import('./drop-trailer-DlAJ_vBQ-Ck7EN0yS.js');
-    case './icons/dropdown.ts': return import('./dropdown-C28rTIS0-BvGBrqaj.js');
-    case './icons/email-filled.ts': return import('./email-filled-1VNy1i0o-OAu5sjU1.js');
-    case './icons/email.ts': return import('./email-C1bySA3E-EG_ZHEpG.js');
-    case './icons/export.ts': return import('./export-CLVug2kl-CMHi_2FU.js');
-    case './icons/eye.ts': return import('./eye-BMtHMF-7-CUaSlRL2.js');
-    case './icons/fast.ts': return import('./fast-CTEZutx8-ByJQVdRY.js');
-    case './icons/favorite.ts': return import('./favorite-CdnL57Ww-DI1TnxFE.js');
-    case './icons/file.ts': return import('./file-BxDR4QmX-CsE1lR7T.js');
-    case './icons/filter.ts': return import('./filter-Db0Nlr5s-DyM8rY9A.js');
-    case './icons/flag.ts': return import('./flag-Doxn1CNj-CaRdTGRC.js');
-    case './icons/folder.ts': return import('./folder-B8oJf4Cn-DCA-hiDB.js');
-    case './icons/funnel.ts': return import('./funnel-Srs4aUjO-BHAQTjg_.js');
-    case './icons/gear.ts': return import('./gear-BAAJETHP-7vEQENh-.js');
-    case './icons/graph.ts': return import('./graph-BE58cOAU-DdTsJssn.js');
-    case './icons/hand-tap.ts': return import('./hand-tap-5_UTZG9m-UqS7SY2C.js');
-    case './icons/hand.ts': return import('./hand-BgYtdVrD-DLmIWymE.js');
-    case './icons/high-signal.ts': return import('./high-signal-B3r2CcQv-4W-4vOBy.js');
-    case './icons/history.ts': return import('./history-CNYIllfK-DO2V5LpM.js');
-    case './icons/home.ts': return import('./home-Cy8LsN5j-CqkzAESq.js');
-    case './icons/hourglass.ts': return import('./hourglass-1JnprXU6-BObLbaZW.js');
-    case './icons/import-2.ts': return import('./import-2-CkJjxM_j-Lf255DxR.js');
-    case './icons/import.ts': return import('./import-rhDUm5Dy-DZmGJV6I.js');
-    case './icons/indeterminate.ts': return import('./indeterminate-BZ0acJ1--axSk5I8y.js');
-    case './icons/info.ts': return import('./info-CXMYCD_g-CXO89mrj.js');
-    case './icons/invoice-items.ts': return import('./invoice-items-CGz7rmum-Bhy0TYpG.js');
-    case './icons/invoice.ts': return import('./invoice-CugnzNUF-CyvesXB7.js');
-    case './icons/kanban.ts': return import('./kanban-BW05GStl-D88mZ1uL.js');
-    case './icons/light-bulb.ts': return import('./light-bulb-CJYecBFg-BvJzaGIS.js');
-    case './icons/like.ts': return import('./like-QtHFzoZl-ByNxod9X.js');
-    case './icons/link.ts': return import('./link-C2K5IFfc-BJLgNy3b.js');
-    case './icons/list.ts': return import('./list-qb6yfepc-DbCwb8-1.js');
-    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-DD7mf5RA-CluOgWNu.js');
-    case './icons/log-out.ts': return import('./log-out-D7IEO_4w-ByKaYHyn.js');
-    case './icons/low-signal.ts': return import('./low-signal-CCApieja-DoxGKmkL.js');
-    case './icons/map.ts': return import('./map-DkdQQaHz-DKfXFt5h.js');
-    case './icons/medal.ts': return import('./medal-CFck2Vo9-C7pfNLEO.js');
-    case './icons/megaphone.ts': return import('./megaphone-F4dIKI-R-D2Mt3_H_.js');
-    case './icons/mexico-flag.ts': return import('./mexico-flag-B5V_6xOg-BhclLFWr.js');
-    case './icons/minus.ts': return import('./minus-BFZ6IG9o-nW_lBEqu.js');
-    case './icons/network-signal.ts': return import('./network-signal-Bb_xHR-r-BPLm4LFo.js');
-    case './icons/no-awarded.ts': return import('./no-awarded-_pC45l2Z-CaUJY35X.js');
-    case './icons/notes-lock.ts': return import('./notes-lock-C4iIdCWW-yVuCl4DX.js');
-    case './icons/notes.ts': return import('./notes-D0DnYYDF-BQO7kP2s.js');
-    case './icons/order.ts': return import('./order-D6iD-byD-CTQJvwh_.js');
-    case './icons/package-tracking.ts': return import('./package-tracking-VlPDjmKG-Bv-yuZP0.js');
-    case './icons/padlock-open.ts': return import('./padlock-open-l4wBXg6b-uw-GO5k0.js');
-    case './icons/padlock.ts': return import('./padlock-Cr-9ZU_A-CRg8ucks.js');
-    case './icons/pencil.ts': return import('./pencil-ayTIIr8--BaWHtrdJ.js');
-    case './icons/phone.ts': return import('./phone-BTCU0Wy1-cewlAn1q.js');
-    case './icons/pin-filled.ts': return import('./pin-filled-DSa95Sh1-DymPmEl2.js');
-    case './icons/pin-map.ts': return import('./pin-map-BkHB4tNw-gLWuB7Vy.js');
-    case './icons/pin.ts': return import('./pin-Bn3yTC_u-C9wnB7-L.js');
-    case './icons/plugs.ts': return import('./plugs-zfSg1YW9-BqEk5mMe.js');
-    case './icons/plus.ts': return import('./plus-ozGMFMAz-DQ-c8t1w.js');
-    case './icons/pod.ts': return import('./pod-ThCZ5RL3-BPEzs_Wa.js');
-    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-Bwr-dWH2-BAxCwo9T.js');
-    case './icons/print.ts': return import('./print-D1P_UCUE-CLd1OBvt.js');
-    case './icons/profile.ts': return import('./profile-BAhtRV-H-jVlIJFPY.js');
-    case './icons/question-dot.ts': return import('./question-dot-gWpkPf6c-Df6oW4RR.js');
-    case './icons/receipt.ts': return import('./receipt-BwBkV8gn-CYbcBIjy.js');
-    case './icons/redo.ts': return import('./redo-ByLKSZcV-BYLRRGjW.js');
-    case './icons/refresh.ts': return import('./refresh-Dom4yiat-BGP2kWUA.js');
-    case './icons/reloading.ts': return import('./reloading-CltA-FOS-BQoguQTN.js');
-    case './icons/road.ts': return import('./road-B0mpmfpO-E_icjN68.js');
-    case './icons/round-trip.ts': return import('./round-trip-CJ6rlpuR-CJYnmh0V.js');
-    case './icons/satellite.ts': return import('./satellite-B6YyzjV9-DOI-6Xw6.js');
-    case './icons/search.ts': return import('./search-CEuIfz1B-DhiljDTp.js');
-    case './icons/send.ts': return import('./send-DGyddefp-DFc_4lvT.js');
-    case './icons/share.ts': return import('./share-C6k81f3b-BrbXt8nv.js');
-    case './icons/ship.ts': return import('./ship-C4UkiVeP-BeYgOYUm.js');
-    case './icons/signal.ts': return import('./signal-DAhLkSYH-DaMubJTS.js');
-    case './icons/sparkle.ts': return import('./sparkle-pS82Zae1-D6ZHUoli.js');
-    case './icons/star.ts': return import('./star-DR6uwE4h-Csmiwd7-.js');
-    case './icons/swap.ts': return import('./swap-BtTQYKMg-9ISYqXD4.js');
-    case './icons/tag-chevron.ts': return import('./tag-chevron-DoDGVtfR-CzH_-ZmJ.js');
-    case './icons/tag.ts': return import('./tag-IL1JfL1C-CfkMrgmj.js');
-    case './icons/telephone-slash.ts': return import('./telephone-slash-BZap8ZKk-C0wOmUxT.js');
-    case './icons/telephone.ts': return import('./telephone-YrI9UwiG-y6pEfXiw.js');
-    case './icons/terminal.ts': return import('./terminal-s52u0ofd-C8hA6hUg.js');
-    case './icons/timer.ts': return import('./timer-Br-HDx_b-Du5qJ-S7.js');
-    case './icons/tms-ready.ts': return import('./tms-ready-D0C0lkjm-DIiOX7ps.js');
-    case './icons/train.ts': return import('./train-D4LRq2PY-JKTM_Ph2.js');
-    case './icons/trash.ts': return import('./trash-3UNIllFc-C3PxOS5Z.js');
-    case './icons/trend-down.ts': return import('./trend-down-BDR4cf1B-jsGarK52.js');
-    case './icons/trend-up.ts': return import('./trend-up-B_kfsVbA-CDi-eu3L.js');
-    case './icons/trophee.ts': return import('./trophee-CAwY7HPq-D-nPg_oa.js');
-    case './icons/truck.ts': return import('./truck-JWZ6uNC1-Ci9r7Npj.js');
-    case './icons/unarchive.ts': return import('./unarchive-Dk6YxGuz-yAM9N7_O.js');
-    case './icons/undo.ts': return import('./undo-D22pWaLw-uTPkcxA0.js');
-    case './icons/united-states-flag.ts': return import('./united-states-flag-CsHL9bsp-CvWWbbE4.js');
-    case './icons/up.ts': return import('./up-DO_i3SQ4-BxR4RWhC.js');
-    case './icons/upgrade.ts': return import('./upgrade-CnbgCK-Y-IS-CWzsq.js');
-    case './icons/upload.ts': return import('./upload-DtwRfNbp-BcL4xTMt.js');
-    case './icons/user.ts': return import('./user-BePsqno7-DX0UPGtB.js');
-    case './icons/wallet.ts': return import('./wallet-BWOwCd2Q-B-9iso7p.js');
-    case './icons/warehouse.ts': return import('./warehouse-CqDssJJV-PIr5jujD.js');
-    case './icons/wifi-off.ts': return import('./wifi-off-B_p79YVu-CPNxFyag.js');
-    case './icons/wifi.ts': return import('./wifi-Dt8207Jw-CBA9QF73.js');
-    case './icons/x-small.ts': return import('./x-small-C9YOZeBE-LCAFtW_J.js');
-    case './icons/x.ts': return import('./x-B2033JKZ-BCx65oiR.js');
-    case './icons/zoom-in.ts': return import('./zoom-in-CVkDSwyt-BNbYI4RI.js');
-    case './icons/zoom-out.ts': return import('./zoom-out-DqHlySLS-C2mHlT5x.js');
+    case './icons/add-circle.ts': return import('./add-circle-C5CZG77Q--0gi8VlH.js');
+    case './icons/alarm.ts': return import('./alarm-CyP8Zxl6-Cv1I0iuz.js');
+    case './icons/alert-blocked.ts': return import('./alert-blocked-q7Zp_A_k-By0UsW6L.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-cGWLbr5S-BX0GjUvn.js');
+    case './icons/anchor.ts': return import('./anchor-DMVPKiNp-Bcv7oliG.js');
+    case './icons/archive.ts': return import('./archive-pnDTQb8E-DmKDgPLo.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-BRWAN9cz-sl8qdM54.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-CKSu48Gw-BxEyjRAs.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-CmrMg0Lk-Beh3GI9k.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-Bbhd8jcg-ClMtpmet.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-CyAjlRVj-PpiGfxri.js');
+    case './icons/asterisk.ts': return import('./asterisk-DTLJw6bW-CTWu1BAE.js');
+    case './icons/attention.ts': return import('./attention-DMjDy0He-C3aC3hgk.js');
+    case './icons/automatic.ts': return import('./automatic-BUR8oJBN-Cm_gqkkG.js');
+    case './icons/bank.ts': return import('./bank-CQlFVkDh-BAcI5tYa.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-CDBcDkA0-BcQcn1T5.js');
+    case './icons/bell.ts': return import('./bell-BTxoQTPC-DByvKjAG.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-CZqV1V1H-hwaB8kOJ.js');
+    case './icons/board.ts': return import('./board-aLtjKIeA-ClFqL88H.js');
+    case './icons/bol.ts': return import('./bol-BJJ-J0up-LpEqEohs.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-B3AdWcSp-B1tGuixu.js');
+    case './icons/bolt.ts': return import('./bolt-COqZMKNg-CIdw_4Vd.js');
+    case './icons/box.ts': return import('./box-zuHa6HR_-DmgpVEkJ.js');
+    case './icons/broadcast.ts': return import('./broadcast-TK_dz7aR-BoTyBN7l.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-Dzj6LZLQ-BTtSxm2c.js');
+    case './icons/calendar.ts': return import('./calendar-CKJ9R1M3-B86kfAWO.js');
+    case './icons/camera.ts': return import('./camera-CYHpPv-X-BaKAjHut.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-Bvts7NVw-D-dqV3S6.js');
+    case './icons/caret-down.ts': return import('./caret-down-ET7jPJj6-aWI9Una3.js');
+    case './icons/caret-left.ts': return import('./caret-left-CJrTMxle-BWv1Ck1w.js');
+    case './icons/caret-right.ts': return import('./caret-right-CO6tAHy3-3jCu4HLy.js');
+    case './icons/caret-up.ts': return import('./caret-up-adKoit-d-BkagvV-_.js');
+    case './icons/carrier-contract.ts': return import('./carrier-contract-DDIOZYTO-Clgg2Z00.js');
+    case './icons/chat.ts': return import('./chat-D9O27Wlg-CF1rHN6y.js');
+    case './icons/check.ts': return import('./check-BFXJiLFA-CW-fTkD8.js');
+    case './icons/clip.ts': return import('./clip-P341vUQy-DKBCqrIM.js');
+    case './icons/clock.ts': return import('./clock-C2caSs-m-D0OK2cnS.js');
+    case './icons/clown.ts': return import('./clown-DmUuLLk4-B-VQZ2Iy.js');
+    case './icons/code.ts': return import('./code-ChXBeKNh-BPF0qsNz.js');
+    case './icons/comment.ts': return import('./comment-DRU7wtDh-Cc9EJPLO.js');
+    case './icons/company.ts': return import('./company-DWk-jnfV-CD3lFwF_.js');
+    case './icons/confetti.ts': return import('./confetti-DN5YrZtA-_hfS77iq.js');
+    case './icons/contract.ts': return import('./contract-Cyc9s58T-ClAaUAYp.js');
+    case './icons/copy.ts': return import('./copy-j_CeO5j1-DbtTTDz3.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-C7krDHJc-Bu7wWUuU.js');
+    case './icons/corner-down.ts': return import('./corner-down-1Myalil_-DN9WOVgU.js');
+    case './icons/corner-up.ts': return import('./corner-up-BTXOtxnq-BLDMeVNE.js');
+    case './icons/credit-card.ts': return import('./credit-card-CRCi9Dc8-BddrFZWI.js');
+    case './icons/delivery.ts': return import('./delivery-7Oi3CKNv-uc9hKOrk.js');
+    case './icons/dislike.ts': return import('./dislike-D1sqCnIX-_HjKu1iN.js');
+    case './icons/document-csv.ts': return import('./document-csv-oxxbZVF7-CEiIGVyN.js');
+    case './icons/document-file-plus.ts': return import('./document-file-plus-CCj1Qvd6-CiOrJdkx.js');
+    case './icons/document-file.ts': return import('./document-file-CE5ecStB-DR8vNFa7.js');
+    case './icons/document-image.ts': return import('./document-image-BQu_wEtn-DGnevApz.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-Ddk376Gg-2im7Lgzn.js');
+    case './icons/dollar.ts': return import('./dollar-C3wdHOZl-CHz0JibF.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BlIObsKU-zgBIqnyP.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-k5xFcwIu-CQart2W-.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-CjLyeUd--BQWoEdR8.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-7PMhIXE9-BlOqvo_5.js');
+    case './icons/down.ts': return import('./down-BnFQb3XZ-OLcQxPUc.js');
+    case './icons/download.ts': return import('./download-Do14r3qE-C4osreOh.js');
+    case './icons/drop-trailer.ts': return import('./drop-trailer-Bz7LYaXa-cTPqiqRU.js');
+    case './icons/dropdown.ts': return import('./dropdown-Bs3mrz2x-4EqCdQwv.js');
+    case './icons/email-filled.ts': return import('./email-filled-Ib6vSSpF-DJQwLoAm.js');
+    case './icons/email.ts': return import('./email-sSntT_Db-BRKswRoW.js');
+    case './icons/export.ts': return import('./export-B6qVJDet-CuIKALsw.js');
+    case './icons/eye.ts': return import('./eye-CvKzelpb-BwX8wGfM.js');
+    case './icons/fast.ts': return import('./fast-DFs8Vck6-CGliSXrU.js');
+    case './icons/favorite.ts': return import('./favorite-CVS0mRwO-BDwCvjrT.js');
+    case './icons/file.ts': return import('./file-BomGbT3S-B-9Wix9N.js');
+    case './icons/filter.ts': return import('./filter-BgtQFowd-CmO5IA0A.js');
+    case './icons/flag.ts': return import('./flag-DOUKKNuK-D4TgDcv0.js');
+    case './icons/folder.ts': return import('./folder-BiaiDHsc-CecrePqM.js');
+    case './icons/funnel.ts': return import('./funnel-BW6HCB61-CYvL7M0m.js');
+    case './icons/gear.ts': return import('./gear-B_hGAVA7-87P31evL.js');
+    case './icons/graph.ts': return import('./graph-CEsr42RI-CM6dkroH.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-B4Et1ymq-B_Tj4k9F.js');
+    case './icons/hand.ts': return import('./hand-4ybtavNz-CcBoksi_.js');
+    case './icons/high-signal.ts': return import('./high-signal-CRsfjD8h-Bo_zU9SB.js');
+    case './icons/history.ts': return import('./history-BUA_kYSU-FsZyek6w.js');
+    case './icons/home.ts': return import('./home-CDbXj8SJ-TD7GiCR0.js');
+    case './icons/hourglass.ts': return import('./hourglass-sG5QE8qB-FopfR-m2.js');
+    case './icons/import-2.ts': return import('./import-2-BQzYJT1j-CKa45bfg.js');
+    case './icons/import.ts': return import('./import-CpZfll3l-BUXElyG6.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-BM1GmESx-BqQMX6rr.js');
+    case './icons/info.ts': return import('./info-C2NIoStv-CwD9znVQ.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-1safxj-W-CQeCYJY6.js');
+    case './icons/invoice.ts': return import('./invoice-Eiu4J-yI-B_LLW9jo.js');
+    case './icons/kanban.ts': return import('./kanban-D1czVvgo-CbN40luv.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-juJvGfZZ-D2n-zv9o.js');
+    case './icons/like.ts': return import('./like-CDk1Eq-B-hTWV7_el.js');
+    case './icons/link.ts': return import('./link-CtzKePzW-D5ebWH9A.js');
+    case './icons/list.ts': return import('./list-B5ppYWf8-D_VCPEeY.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-D-Umqpvn-Bgx__Aa-.js');
+    case './icons/log-out.ts': return import('./log-out-B41_O6WF-DegNZ0fK.js');
+    case './icons/low-signal.ts': return import('./low-signal-mu1iPs24-Bvf05M6P.js');
+    case './icons/map.ts': return import('./map-DxwLwi5r-BY5ZDg3w.js');
+    case './icons/medal.ts': return import('./medal-CBsl8HFi-DVceL3Mw.js');
+    case './icons/megaphone.ts': return import('./megaphone-xj1cRrob-CUrdI6M5.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-BmBwsYxY-qjReDDef.js');
+    case './icons/minus.ts': return import('./minus-Cynpy0uu-BTZLBag8.js');
+    case './icons/network-signal.ts': return import('./network-signal-DRnIASxY-hPjxNG-F.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-D7VWZare-BfOy6wbe.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-CWy8CWH7-8wrr9bMj.js');
+    case './icons/notes.ts': return import('./notes-EklJGrPE-CqWKNHTg.js');
+    case './icons/order.ts': return import('./order-aNev5nyR-Dul2Tlu9.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-DAjMkdDV-BPwSSCIS.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-CdifcEIy-C6YefEze.js');
+    case './icons/padlock.ts': return import('./padlock-CgI0Uupk-CYko9NTl.js');
+    case './icons/pencil.ts': return import('./pencil-D-G9Wa9K-ClWRhX8W.js');
+    case './icons/phone.ts': return import('./phone-DtPE_Z2v-DIKvvNI7.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-BrhKKOdN-BAMr6aj-.js');
+    case './icons/pin-map.ts': return import('./pin-map-BkTZPYt1-BvBzkWV7.js');
+    case './icons/pin.ts': return import('./pin-xZsWdXmM-DP9FVbYS.js');
+    case './icons/plugs.ts': return import('./plugs-BBgNl-uU-DlpcQ2_J.js');
+    case './icons/plus.ts': return import('./plus-DxcPEsVO-DWZImTiV.js');
+    case './icons/pod.ts': return import('./pod-D8hsnvJ3-SKZfzrEV.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-CtfeOCYU-BqkqgwbN.js');
+    case './icons/print.ts': return import('./print-CL8Vj4GX-Ba0Rfu7T.js');
+    case './icons/profile.ts': return import('./profile-BJby3iCY-iD_X45fH.js');
+    case './icons/question-dot.ts': return import('./question-dot-dxHwsnx--DIZBs1LG.js');
+    case './icons/receipt.ts': return import('./receipt-BDTlql0N-CJ-CZGku.js');
+    case './icons/redo.ts': return import('./redo-lRFPmbD_-BSfyh9Im.js');
+    case './icons/refresh.ts': return import('./refresh-DsPShlYW-B2v4tXZH.js');
+    case './icons/reloading.ts': return import('./reloading-Whmp4x7F-BldzVGD8.js');
+    case './icons/road.ts': return import('./road-B_IjFqpU-CP81BUnE.js');
+    case './icons/round-trip.ts': return import('./round-trip-CZt2wg2s-Ccrv6Oz7.js');
+    case './icons/satellite.ts': return import('./satellite-BcK4XqCU-CQObgXmG.js');
+    case './icons/search.ts': return import('./search-CmOXP39p-CGS83zDD.js');
+    case './icons/send.ts': return import('./send-uQKs3Nz2-oOlrNqYO.js');
+    case './icons/share.ts': return import('./share-ULuh_5j--BJU8Zvw4.js');
+    case './icons/ship.ts': return import('./ship-uXqn1PRV-BVP2CBTB.js');
+    case './icons/signal.ts': return import('./signal-DNd7ZXxZ-NOdYXNlA.js');
+    case './icons/sparkle.ts': return import('./sparkle-C0_KLrse-D99BAKch.js');
+    case './icons/star.ts': return import('./star-BCMp6xLn-BujC9TD2.js');
+    case './icons/swap.ts': return import('./swap-4kVMGb8W-B6icT5By.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-DyMa_ivR-BrE6uZYL.js');
+    case './icons/tag.ts': return import('./tag-Dbvqw_0i-CXIb0MOT.js');
+    case './icons/telephone-slash.ts': return import('./telephone-slash-CjnG40rr-D5DhzOFa.js');
+    case './icons/telephone.ts': return import('./telephone-CGWecdDa-Drba64_2.js');
+    case './icons/terminal.ts': return import('./terminal-BU2O_2dX-CaJxdu7q.js');
+    case './icons/timer.ts': return import('./timer-uB5-42oS-CZNMmRml.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-4wJduyQX-B7SNv27A.js');
+    case './icons/train.ts': return import('./train-DDGH-b9H-DIegVSoV.js');
+    case './icons/trash.ts': return import('./trash-DXbuipWA-DWbVLtPZ.js');
+    case './icons/trend-down.ts': return import('./trend-down-Cmku22zF-BtvXlMb0.js');
+    case './icons/trend-up.ts': return import('./trend-up-BaV6JoRm-BVC1Z9ip.js');
+    case './icons/trophee.ts': return import('./trophee-K1cFUToB-DjKHIy2z.js');
+    case './icons/truck.ts': return import('./truck-CyYshCvB-BGIkQ_nm.js');
+    case './icons/truckload.ts': return import('./truckload-BuNTTF10-nw28MKXj.js');
+    case './icons/unarchive.ts': return import('./unarchive-BdxMLGKF-Cne-Nrp_.js');
+    case './icons/undo.ts': return import('./undo-D_JUFtL7-CQzGJxeF.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-DistuceF-DF1vAgkd.js');
+    case './icons/up.ts': return import('./up-B2YYkNsZ-BfhkqzTx.js');
+    case './icons/upgrade.ts': return import('./upgrade-Bk3Cmbfi-jEMV7jww.js');
+    case './icons/upload.ts': return import('./upload-eRCnmhJL-Q-kOwKGu.js');
+    case './icons/user.ts': return import('./user-DlAoP5wu-FXblEGoD.js');
+    case './icons/wallet.ts': return import('./wallet-BfC41f7v-Cp11Qdo7.js');
+    case './icons/warehouse.ts': return import('./warehouse-C1NpX4x7-DqAHHkaF.js');
+    case './icons/website-visibility.ts': return import('./website-visibility-Cm79KTVY-DGuGkffz.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-9WwqaEGe-D-8Wglb3.js');
+    case './icons/wifi.ts': return import('./wifi-6CmnWuyt-DT_1_uEp.js');
+    case './icons/x-small.ts': return import('./x-small-DnsMuXB4-DEhSGR85.js');
+    case './icons/x.ts': return import('./x-ooA6Tcn9-CJlqqwZZ.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-Cke6gMw8-BrHgoYKR.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-BdmC2eOs-Bq0FaoZu.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -1750,6 +1752,7 @@ const AVAILABLE_ICONS = [
     'trend-up',
     'trophee',
     'truck',
+    'truckload',
     'unarchive',
     'undo',
     'united-states-flag',
@@ -1759,6 +1762,7 @@ const AVAILABLE_ICONS = [
     'user',
     'wallet',
     'warehouse',
+    'website-visibility',
     'wifi-off',
     'wifi',
     'x-small',
@@ -1903,7 +1907,7 @@ class Icon extends r$4 {
     }
 }
 _Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
-Icon.styles = [styles$F()];
+Icon.styles = [styles$G()];
 Icon.define();
 
 var _Accordion_instances, _Accordion_accordionTrigger_get, _Accordion_accordionPanel_get, _Accordion_accordionContent_get, _Accordion_handleExpand, _Accordion_toggle, _Accordion_handleTransition;
@@ -2001,7 +2005,7 @@ _Accordion_handleTransition = new WeakMap(), _Accordion_instances = new WeakSet(
         detail: { name: 'accordion', value: this.expanded },
     });
 };
-Accordion.styles = [styles$G()];
+Accordion.styles = [styles$H()];
 Accordion.define();
 
 class AccordionTitle extends Component {
@@ -2120,7 +2124,7 @@ Avatar.define();
  * SPDX-License-Identifier: BSD-3-Clause
  */const o$3=o=>o??E$1;
 
-function styles$E(selector = '#button') {
+function styles$F(selector = '#button') {
     return i$9 `
 		:host {
 			${typography('button-md')};
@@ -2237,9 +2241,9 @@ function styles$E(selector = '#button') {
 	`;
 }
 
-function styles$D() {
+function styles$E() {
     return [
-        styles$E(),
+        styles$F(),
         i$9 `
 			:host([variant='primary']) {
 				--m-button-background-color: ${getColor('color-primary-60')};
@@ -2512,7 +2516,7 @@ function styles$D() {
 }
 
 const DEFAULT_SIZE$2 = 10;
-function styles$C() {
+function styles$D() {
     return i$9 `
 		:host {
 			color: inherit;
@@ -2588,7 +2592,7 @@ _DotsLoader_instances = new WeakSet(), _DotsLoader_getSize = function _DotsLoade
     }
     return `${parsedSize || DEFAULT_SIZE$2}px`;
 };
-DotsLoader.styles = [styles$C()];
+DotsLoader.styles = [styles$D()];
 DotsLoader.define();
 
 var _Button_handleDisabledChange, _Button_handleClick, _Button_handleLinkClick, _Button_handleSubmit, _Button_handleReset, _Button_isDisabled, _Button_isLink;
@@ -2754,7 +2758,7 @@ Button.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Button.styles = [styles$D()];
+Button.styles = [styles$E()];
 Button.define();
 
 var _BackButton_handleLabelChange;
@@ -2818,7 +2822,7 @@ const t$1={ATTRIBUTE:1},e$2=t=>(...e)=>({_$litDirective$:t,values:e});let i$2 =
  * SPDX-License-Identifier: BSD-3-Clause
  */const e$1=e$2(class extends i$2{constructor(t){if(super(t),t.type!==t$1.ATTRIBUTE||"class"!==t.name||t.strings?.length>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(t){return " "+Object.keys(t).filter((s=>t[s])).join(" ")+" "}update(s,[i]){if(void 0===this.st){this.st=new Set,void 0!==s.strings&&(this.nt=new Set(s.strings.join(" ").split(/\s/).filter((t=>""!==t))));for(const t in i)i[t]&&!this.nt?.has(t)&&this.st.add(t);return this.render(i)}const r=s.element.classList;for(const t of this.st)t in i||(r.remove(t),this.st.delete(t));for(const t in i){const s=!!i[t];s===this.st.has(t)||this.nt?.has(t)||(s?(r.add(t),this.st.add(t)):(r.remove(t),this.st.delete(t)));}return T$1}});
 
-function styles$B() {
+function styles$C() {
     return i$9 `
 		:host {
 			--m-host-size: 24px;
@@ -2921,7 +2925,7 @@ _Badge_instances = new WeakSet(), _Badge_counter_get = function _Badge_counter_g
     }
     return E$1;
 };
-Badge.styles = [styles$B()];
+Badge.styles = [styles$C()];
 Badge.define();
 
 class BannerActionPrimary extends Button {
@@ -2963,7 +2967,7 @@ class BannerActionSecondary extends Button {
 }
 BannerActionSecondary.define();
 
-function styles$A() {
+function styles$B() {
     return i$9 `
 		:host {
 			display: flex;
@@ -2992,10 +2996,10 @@ class BannerActions extends Component {
 		`;
     }
 }
-BannerActions.styles = [styles$A()];
+BannerActions.styles = [styles$B()];
 BannerActions.define();
 
-function styles$z() {
+function styles$A() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -3020,7 +3024,7 @@ class BannerDescription extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerDescription.styles = [styles$z()];
+BannerDescription.styles = [styles$A()];
 BannerDescription.define();
 
 class BannerIcon extends Component {
@@ -3041,7 +3045,7 @@ class BannerIcon extends Component {
 }
 BannerIcon.define();
 
-function styles$y() {
+function styles$z() {
     return i$9 `
 		:host {
 			${typography('body-md-bold')};
@@ -3077,10 +3081,10 @@ class BannerTitle extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerTitle.styles = [styles$y()];
+BannerTitle.styles = [styles$z()];
 BannerTitle.define();
 
-function styles$x() {
+function styles$y() {
     return i$9 `
 		:host {
 			display: block;
@@ -3202,7 +3206,7 @@ function toRem(value, base = BASE_PIXELS) {
     return r$8(`${parseInt(String(value), 10) / base}rem`);
 }
 
-function styles$w() {
+function styles$x() {
     return i$9 `
 		:host {
 			--m-close-button-base-color: ${getColor('color-text-primary')};
@@ -3378,7 +3382,7 @@ CloseButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CloseButton.styles = [styles$w()];
+CloseButton.styles = [styles$x()];
 CloseButton.define();
 
 /**
@@ -3442,7 +3446,7 @@ const TEXT_CONTENT_HTML_TAGS = [
     'var', // Variables
 ];
 
-function styles$v() {
+function styles$w() {
     return i$9 `
 		:host {
 			--m-text-color: ${getColor('color-text-primary')};
@@ -3636,7 +3640,7 @@ class Text extends Component {
         return u `<slot></slot>`;
     }
 }
-Text.styles = [styles$v()];
+Text.styles = [styles$w()];
 Text.define();
 
 var _Banner_primaryAction, _Banner_handleDismissClick;
@@ -3750,7 +3754,7 @@ class Banner extends Component {
     }
 }
 _Banner_primaryAction = new WeakMap(), _Banner_handleDismissClick = new WeakMap();
-Banner.styles = [styles$x()];
+Banner.styles = [styles$y()];
 Banner.define();
 
 var _BaseLayout_setOrRemoveProperty;
@@ -3856,7 +3860,7 @@ function getBaseLayoutStyles(cssPropertiesPrefix) {
 	`;
 }
 
-function styles$u() {
+function styles$v() {
     return i$9 `
 		:host {
 			--m-body-padding: ${getToken$1('spacing-4')};
@@ -3901,7 +3905,7 @@ class Body extends BaseLayout {
 Body.CSSPropertiesPrefix = 'body';
 Body.styles = [
     getBaseLayoutStyles(Body.CSSPropertiesPrefix),
-    styles$u(),
+    styles$v(),
 ];
 Body.define();
 
@@ -4956,7 +4960,7 @@ class CardTitle extends Component {
 CardTitle.styles = [cardTitleStyles()];
 CardTitle.define();
 
-function styles$t() {
+function styles$u() {
     return i$9 `
 		.m-divider {
 			border: 0;
@@ -4981,7 +4985,7 @@ class Divider extends Component {
         return x `<hr class="m-divider" />`;
     }
 }
-Divider.styles = [styles$t()];
+Divider.styles = [styles$u()];
 Divider.define();
 
 class CardDivider extends Divider {
@@ -5083,7 +5087,7 @@ class CardActionTertiary extends Button {
 }
 CardActionTertiary.define();
 
-function styles$s() {
+function styles$t() {
     return i$9 `
 		:host {
 			--m-caret-button-base-color: ${getColor('color-text-primary')};
@@ -5264,10 +5268,10 @@ CaretButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CaretButton.styles = [styles$s()];
+CaretButton.styles = [styles$t()];
 CaretButton.define();
 
-function styles$r() {
+function styles$s() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -5610,7 +5614,7 @@ Checkbox.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Checkbox.styles = [styles$r()];
+Checkbox.styles = [styles$s()];
 Checkbox.define();
 
 /**
@@ -5643,7 +5647,7 @@ function attachContextRoot() {
 
 const dialogContext = n$4(Symbol('dialog'));
 
-function styles$q() {
+function styles$r() {
     return i$9 `
 		:host {
 			--margin: ${getToken$1('spacing-6')};
@@ -5890,7 +5894,7 @@ _Dialog_contextProvider = new WeakMap(), _Dialog_handleClick = new WeakMap(), _D
     event.preventDefault();
     __classPrivateFieldGet$1(this, _Dialog_instances, "m", _Dialog_emitCloseEvent).call(this);
 };
-Dialog.styles = [styles$q()];
+Dialog.styles = [styles$r()];
 Dialog.define();
 
 const DIALOG_SIZES = [
@@ -5993,7 +5997,7 @@ class DialogActions extends Group {
 }
 DialogActions.define();
 
-function styles$p() {
+function styles$q() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6016,7 +6020,7 @@ class DialogBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DialogBody.styles = [styles$p()];
+DialogBody.styles = [styles$q()];
 DialogBody.define();
 
 class DialogClose extends CloseButton {
@@ -6051,7 +6055,7 @@ class DialogFooter extends Component {
 }
 DialogFooter.define();
 
-function styles$o() {
+function styles$p() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6129,10 +6133,10 @@ _DialogHeader_context = new WeakMap(), _DialogHeader_instances = new WeakSet(),
 			<m-icon name=${name} color=${color} size="24" aria-hidden="true"></m-icon>
 		`;
 };
-DialogHeader.styles = [styles$o()];
+DialogHeader.styles = [styles$p()];
 DialogHeader.define();
 
-function styles$n() {
+function styles$o() {
     return i$9 `
 		:host {
 			--padding: ${getToken$1('spacing-6')};
@@ -6359,7 +6363,7 @@ _Drawer_handleClick = new WeakMap(), _Drawer_instances = new WeakSet(), _Drawer_
     event.preventDefault();
     __classPrivateFieldGet$1(this, _Drawer_instances, "m", _Drawer_emitCloseEvent).call(this);
 };
-Drawer.styles = [styles$n()];
+Drawer.styles = [styles$o()];
 Drawer.define();
 
 const DRAWER_SIZES = ['small', 'medium', 'large'];
@@ -6406,7 +6410,7 @@ class DrawerActionTertiary extends Button {
 }
 DrawerActionTertiary.define();
 
-function styles$m() {
+function styles$n() {
     return i$9 `
 		:host {
 			margin-top: auto;
@@ -6436,10 +6440,10 @@ class DrawerActions extends Group {
         this.setAttribute('slot', 'actions');
     }
 }
-DrawerActions.styles = [...Group.styles, styles$m()];
+DrawerActions.styles = [...Group.styles, styles$n()];
 DrawerActions.define();
 
-function styles$l() {
+function styles$m() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6464,7 +6468,7 @@ class DrawerBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DrawerBody.styles = [styles$l()];
+DrawerBody.styles = [styles$m()];
 DrawerBody.define();
 
 class DrawerClose extends CloseButton {
@@ -6485,7 +6489,7 @@ class DrawerClose extends CloseButton {
 }
 DrawerClose.define();
 
-function styles$k() {
+function styles$l() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6538,7 +6542,7 @@ class DrawerHeader extends Component {
 		`;
     }
 }
-DrawerHeader.styles = [styles$k()];
+DrawerHeader.styles = [styles$l()];
 DrawerHeader.define();
 
 /**
@@ -7165,90 +7169,6 @@ const hide$1 = function (options) {
   };
 };
 
-// For type backwards-compatibility, the `OffsetOptions` type was also
-// Derivable.
-
-async function convertValueToCoords(state, options) {
-  const {
-    placement,
-    platform,
-    elements
-  } = state;
-  const rtl = await (platform.isRTL == null ? void 0 : platform.isRTL(elements.floating));
-  const side = getSide(placement);
-  const alignment = getAlignment(placement);
-  const isVertical = getSideAxis(placement) === 'y';
-  const mainAxisMulti = ['left', 'top'].includes(side) ? -1 : 1;
-  const crossAxisMulti = rtl && isVertical ? -1 : 1;
-  const rawValue = evaluate(options, state);
-
-  // eslint-disable-next-line prefer-const
-  let {
-    mainAxis,
-    crossAxis,
-    alignmentAxis
-  } = typeof rawValue === 'number' ? {
-    mainAxis: rawValue,
-    crossAxis: 0,
-    alignmentAxis: null
-  } : {
-    mainAxis: rawValue.mainAxis || 0,
-    crossAxis: rawValue.crossAxis || 0,
-    alignmentAxis: rawValue.alignmentAxis
-  };
-  if (alignment && typeof alignmentAxis === 'number') {
-    crossAxis = alignment === 'end' ? alignmentAxis * -1 : alignmentAxis;
-  }
-  return isVertical ? {
-    x: crossAxis * crossAxisMulti,
-    y: mainAxis * mainAxisMulti
-  } : {
-    x: mainAxis * mainAxisMulti,
-    y: crossAxis * crossAxisMulti
-  };
-}
-
-/**
- * Modifies the placement by translating the floating element along the
- * specified axes.
- * A number (shorthand for `mainAxis` or distance), or an axes configuration
- * object may be passed.
- * @see https://floating-ui.com/docs/offset
- */
-const offset$1 = function (options) {
-  if (options === void 0) {
-    options = 0;
-  }
-  return {
-    name: 'offset',
-    options,
-    async fn(state) {
-      var _middlewareData$offse, _middlewareData$arrow;
-      const {
-        x,
-        y,
-        placement,
-        middlewareData
-      } = state;
-      const diffCoords = await convertValueToCoords(state, options);
-
-      // If the placement is the same and the arrow caused an alignment offset
-      // then we don't need to change the positioning coordinates.
-      if (placement === ((_middlewareData$offse = middlewareData.offset) == null ? void 0 : _middlewareData$offse.placement) && (_middlewareData$arrow = middlewareData.arrow) != null && _middlewareData$arrow.alignmentOffset) {
-        return {};
-      }
-      return {
-        x: x + diffCoords.x,
-        y: y + diffCoords.y,
-        data: {
-          ...diffCoords,
-          placement
-        }
-      };
-    }
-  };
-};
-
 /**
  * Optimizes the visibility of the floating element by shifting it in order to
  * keep it in view when it will overflow the clipping boundary.
@@ -8127,15 +8047,6 @@ function autoUpdate(reference, floating, update, options) {
   };
 }
 
-/**
- * Modifies the placement by translating the floating element along the
- * specified axes.
- * A number (shorthand for `mainAxis` or distance), or an axes configuration
- * object may be passed.
- * @see https://floating-ui.com/docs/offset
- */
-const offset = offset$1;
-
 /**
  * Optimizes the visibility of the floating element by shifting it in order to
  * keep it in view when it will overflow the clipping boundary.
@@ -8272,7 +8183,7 @@ const POPOVER_PLACEMENT_VALUES = [
     'bottom-start',
     'bottom-end',
 ];
-const logger$e = createLogger('popover');
+const logger$c = createLogger('popover');
 class Popover extends Component {
     static get properties() {
         return {
@@ -8286,12 +8197,16 @@ class Popover extends Component {
         super();
         _Popover_updateCleanup.set(this, void 0);
         // eslint-disable-next-line class-methods-use-this
+        this.getFloatingOffset = () => {
+            return 10;
+        };
+        // eslint-disable-next-line class-methods-use-this
         this.renderArrow = () => {
             return x `<span id="arrow"></span>`;
         };
         this.reposition = async (reason) => {
             if (this.floating == null || this.reference == null) {
-                logger$e.warn('[popover]', 'both floating and reference elements should be available', { reference: this.reference, floating: this.floating });
+                logger$c.warn('[popover]', 'both floating and reference elements should be available', { reference: this.reference, floating: this.floating });
                 return;
             }
             const { x, y, placement, middlewareData } = await computePosition(this.reference, this.floating, {
@@ -8305,7 +8220,6 @@ class Popover extends Component {
                     },
                 },
                 middleware: [
-                    offset(this.getFloatingOffset()),
                     // to prevent the floating element from overflowing on the main axis of its placement
                     flip(),
                     // preventing overflow while maintaining the desired placement as best as possible.
@@ -8328,22 +8242,21 @@ class Popover extends Component {
             }
             const [side] = placement.split('-');
             const hasArrow = this.arrow != null;
-            const floatingOffset = this.getFloatingOffset();
             const mainSideIncrement = {
                 top: {
                     x: '0px',
-                    y: getPositionOffset(hasArrow, 'top', floatingOffset.mainAxis),
+                    y: getPositionOffset(hasArrow, 'top', this.getFloatingOffset()),
                 },
                 bottom: {
                     x: '0px',
-                    y: getPositionOffset(hasArrow, 'bottom', floatingOffset.mainAxis),
+                    y: getPositionOffset(hasArrow, 'bottom', this.getFloatingOffset()),
                 },
                 right: {
-                    x: getPositionOffset(hasArrow, 'right', floatingOffset.mainAxis),
+                    x: getPositionOffset(hasArrow, 'right', this.getFloatingOffset()),
                     y: '0px',
                 },
                 left: {
-                    x: getPositionOffset(hasArrow, 'left', floatingOffset.mainAxis),
+                    x: getPositionOffset(hasArrow, 'left', this.getFloatingOffset()),
                     y: '0px',
                 },
             };
@@ -8391,8 +8304,7 @@ class Popover extends Component {
         super.disconnectedCallback();
         __classPrivateFieldGet$1(this, _Popover_updateCleanup, "f")?.call(this);
     }
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
+    firstUpdated() {
         if (this.asPopover && supportsPopover() && this.floating) {
             /**
              * setting this attribute to manual means the popover must always be explicitly hidden
@@ -8424,13 +8336,6 @@ class Popover extends Component {
     getArrowElement() {
         throw new Error('Method not implemented.');
     }
-    // eslint-disable-next-line class-methods-use-this
-    getFloatingOffset() {
-        return {
-            mainAxis: 4,
-            crossAxis: 0,
-        };
-    }
     get reference() {
         return this.getReferenceElement();
     }
@@ -8448,11 +8353,7 @@ class Popover extends Component {
         if (!this.reference || !this.floating) {
             return;
         }
-        /**
-         * Add the isConnected check to prevent us from attempting to show
-         * the popover when the component is not connected to the DOM.
-         */
-        if (isPopover(this.floating) && this.floating.isConnected) {
+        if (isPopover(this.floating)) {
             this.floating.showPopover();
         }
         this.reposition('auto');
@@ -8465,9 +8366,7 @@ class Popover extends Component {
             return;
         }
         this.open = false;
-        if (this.floating != null &&
-            isPopover(this.floating) &&
-            this.floating.isConnected) {
+        if (this.floating != null && isPopover(this.floating)) {
             this.floating.hidePopover();
         }
         __classPrivateFieldGet$1(this, _Popover_updateCleanup, "f")?.call(this);
@@ -8484,70 +8383,99 @@ class Popover extends Component {
 _Popover_updateCleanup = new WeakMap(), _Popover_getArrowPosition = new WeakMap();
 
 const DEFAULT_SELECTORS = {
+    referenceSelector: "slot[name='reference']::slotted(*),",
     floatingSelector: "slot[name='floating']::slotted(*)",
-    arrowSelector: '#arrow',
 };
-function popoverHostStyles() {
-    return i$9 `
-		:host {
-			--m-popover-elevation: ${getToken$1('elevation-2')};
-			--m-popover-floating-position: fixed;
-			--m-popover-z-index: 10;
-			--m-popover-arrow-size: 12px;
-			--m-popover-arrow-offset: calc(-1 * (var(--m-popover-arrow-size) / 2));
+function styles$k(selectors = DEFAULT_SELECTORS) {
+    const { referenceSelector, floatingSelector } = {
+        ...DEFAULT_SELECTORS,
+        ...selectors,
+    };
+    return [
+        i$9 `
+			:host {
+				--m-popover-background-color: ${getColor('color-background-secondary-inverted')};
+				--m-popover-border-radius: ${getToken$1('border-radius-m')};
+				--m-popover-border-width: 0;
+				--m-popover-border-style: none;
+				--m-popover-overflow-x: hidden;
+				--m-popover-overflow-y: visible;
+				--m-popover-border-color: transparent;
+				--m-popover-color: ${getColor('color-text-inverted')};
+				--m-popover-elevation: ${getToken$1('elevation-2')};
+				--m-popover-width: initial;
+				--m-popover-min-width: initial;
+				--m-popover-max-width: initial;
+				--m-popover-z-index: 10;
+				--m-popover-floating-spacing-x: ${getToken$1('spacing-4')};
+				--m-popover-floating-spacing-y: ${getToken$1('spacing-2')};
+				--m-popover-floating-display: none;
+				--m-popover-floating-position: fixed;
+
+				--m-popover-arrow-size: 12px;
+				--m-popover-arrow-offset: calc(-1 * (var(--m-popover-arrow-size) / 2));
 
-			position: relative;
-		}
+				position: relative;
+			}
 
-		:host([position='absolute']) {
-			--m-popover-floating-position: absolute;
-		}
+			${r$8(referenceSelector)} {
+				display: inline-flex;
+			}
 
-		:host([position='fixed']) {
-			--m-popover-floating-position: fixed;
-		}
-	`;
-}
-function popoverFloatingStyles(options) {
-    const { floatingSelector } = {
-        floatingSelector: DEFAULT_SELECTORS.floatingSelector,
-        ...options,
-    };
-    return i$9 `
-		${r$8(floatingSelector)} {
-			position: var(--m-popover-floating-position);
+			${r$8(floatingSelector)} {
+				${transition([{ property: 'box-shadow' }])};
+				${typography('body-md')};
 
-			box-shadow: var(--m-popover-elevation);
-			z-index: var(--m-popover-z-index);
-		}
-	`;
-}
-function popoverArrowStyles(options) {
-    const { arrowSelector } = {
-        arrowSelector: DEFAULT_SELECTORS.arrowSelector,
-        ...options,
-    };
-    return i$9 `
-		${r$8(arrowSelector)} {
-			position: absolute;
-			inline-size: var(--m-popover-arrow-size);
-			block-size: var(--m-popover-arrow-size);
-			background-color: inherit;
-			transform: rotate(45deg);
+				padding-inline: var(--m-popover-floating-spacing-x);
+				padding-block: var(--m-popover-floating-spacing-y);
+				margin: 0;
 
-			pointer-events: none;
-		}
-	`;
-}
-function popoverStyles(selectors = DEFAULT_SELECTORS) {
-    const { floatingSelector, arrowSelector } = {
-        ...DEFAULT_SELECTORS,
-        ...selectors,
-    };
-    return [
-        popoverHostStyles(),
-        popoverFloatingStyles({ floatingSelector }),
-        popoverArrowStyles({ arrowSelector }),
+				position: var(--m-popover-floating-position);
+				display: var(--m-popover-floating-display);
+
+				box-sizing: border-box;
+				inline-size: var(--m-popover-width);
+				min-inline-size: var(--m-popover-min-width);
+				max-inline-size: var(--m-popover-max-width);
+
+				overflow-x: var(--m-popover-overflow-x);
+				overflow-y: var(--m-popover-overflow-y);
+
+				border-width: var(--m-popover-border-width);
+				border-style: var(--m-popover-border-style);
+				border-color: var(--m-popover-border-color);
+				border-radius: var(--m-popover-border-radius);
+
+				background-color: var(--m-popover-background-color);
+				color: var(--m-popover-color);
+
+				box-shadow: var(--m-popover-elevation);
+				z-index: var(--m-popover-z-index);
+			}
+
+			:host([position='absolute']) {
+				--m-popover-floating-position: absolute;
+			}
+
+			:host([position='fixed']) {
+				--m-popover-floating-position: fixed;
+			}
+
+			:host([open]) {
+				--m-popover-floating-display: inline-block;
+			}
+
+			#arrow {
+				display: var(--m-popover-floating-display);
+				position: absolute;
+				inline-size: var(--m-popover-arrow-size);
+				block-size: var(--m-popover-arrow-size);
+				background-color: var(--m-popover-background-color);
+				transform: rotate(45deg);
+
+				pointer-events: none;
+			}
+		`,
     ];
 }
 
@@ -8682,160 +8610,23 @@ _BoundaryController_handleEvent = new WeakMap(), _BoundaryController_handleBlurE
     window.removeEventListener('blur', __classPrivateFieldGet$1(this, _BoundaryController_handleBlurEvent, "f"), true);
 };
 
-const logger$d = createLogger('expandable-controller');
-/**
- * Simple controller for expandable elements using CSS animations
- */
-class ExpandableController {
-    constructor(host, options) {
-        this.host = host;
-        this.options = options;
-        this.wasExpanded = false;
-        this.isInitialized = false;
-        logger$d.info(`expandable controller initialized (${this.host.id || 'no id'})`);
-        host.addController(this);
-    }
-    hostUpdated() {
-        const expandable = this.options.getExpandableElement(this.host);
-        if (!expandable)
-            return;
-        if (!this.isInitialized) {
-            this.isInitialized = true;
-            this.wasExpanded = this.options.isExpanded(this.host);
-            if (!this.wasExpanded) {
-                expandable.style.display = 'none';
-            }
-            return;
-        }
-        const isExpanded = this.options.isExpanded(this.host);
-        if (isExpanded !== this.wasExpanded) {
-            this.wasExpanded = isExpanded;
-            this.updateExpandableState(expandable, isExpanded);
-        }
-    }
-    async updateExpandableState(expandable, isExpanded) {
-        if (isExpanded) {
-            expandable.style.setProperty('overflow', 'hidden');
-            expandable.style.removeProperty('display');
-            this.host.classList.add('is-showing');
-            await waitForAnimations(expandable);
-            this.host.classList.remove('is-showing');
-            expandable.style.removeProperty('overflow');
-        }
-        else {
-            expandable.style.setProperty('overflow', 'hidden');
-            this.host.classList.add('is-hiding');
-            await waitForAnimations(expandable);
-            expandable.style.setProperty('display', 'none');
-            this.host.classList.remove('is-hiding');
-            expandable.style.removeProperty('overflow');
-        }
-    }
-    hostDisconnected() {
-        this.isInitialized = false;
-    }
-}
-
-function expandableHostStyles() {
-    return i$9 `
-		:host {
-			--expandable-animation: none;
-		}
-
-		@media (prefers-reduced-motion: no-preference) {
-			:host(.is-showing) {
-				--expandable-animation: show-expandable 0.2s ease forwards;
-			}
-
-			:host(.is-hiding) {
-				--expandable-animation: hide-expandable 0.25s ease forwards;
-			}
-		}
-	`;
-}
-function expandableElementStyles(options) {
-    const { expandableSelector, animate } = {
-        expandableSelector: ':host',
-        ...options,
-    };
-    const { opacity: animateOpacity, blur: animateBlur, transform: animateTransform, height: animateHeight, } = {
-        opacity: true,
-        blur: true,
-        transform: true,
-        height: false,
-        ...animate,
-    };
-    return i$9 `
-		${r$8(expandableSelector)} {
-			overflow: hidden;
-
-			${r$8(animateHeight ? 'interpolate-size: allow-keywords;' : '')};
-		}
-
-		@media (prefers-reduced-motion: no-preference) {
-			${r$8(expandableSelector)} {
-				animation: var(--expandable-animation, none);
-			}
-		}
-
-		@keyframes show-expandable {
-			from {
-				${r$8(animateOpacity ? 'opacity: 0;' : '')};
-				${r$8(animateTransform ? 'transform: translateY(-12px);' : '')};
-				${r$8(animateBlur ? 'filter: blur(4px);' : '')};
-				${r$8(animateHeight ? 'height: 0;' : '')};
-			}
-
-			to {
-				${r$8(animateOpacity ? 'opacity: 1;' : '')};
-				${r$8(animateTransform ? 'transform: translateY(0);' : '')};
-				${r$8(animateBlur ? 'filter: blur(0);' : '')};
-			}
-		}
-
-		@keyframes hide-expandable {
-			from {
-				${r$8(animateOpacity ? 'opacity: 1;' : '')};
-				${r$8(animateTransform ? 'transform: translateY(0);' : '')};
-				${r$8(animateBlur ? 'filter: blur(0);' : '')};
-			}
-
-			to {
-				${r$8(animateOpacity ? 'opacity: 0;' : '')};
-				${r$8(animateTransform ? 'transform: translateY(-12px);' : '')};
-				${r$8(animateBlur ? 'filter: blur(4px);' : '')};
-				${r$8(animateHeight ? 'height: 0;' : '')};
-			}
-		}
-	`;
-}
-function expandableStyles(options) {
-    return [expandableHostStyles(), expandableElementStyles(options)];
+var _FocusManagerController_instances, _FocusManagerController_focusElement, _FocusManagerController_focusIndex, _FocusManagerController_focusPosition, _FocusManagerController_getIndexOfQueried, _FocusManagerController_findQueriedById, _FocusManagerController_handleKeyPress, _FocusManagerController_clearBufferAfterDelay, _FocusManagerController_findMatchInRange;
+const logger$b = createLogger('focus-manager-controller');
+function isDisabled(element) {
+    return (element != null &&
+        typeof element === 'object' &&
+        'disabled' in element &&
+        element.disabled === true);
 }
-
 /**
  * Check if `keyboardEventKey` is a character, and more specifically, anything
  * other than a space, tab, or newline.
- * Based on https://www.w3.org/WAI/content-assets/wai-aria-practices/patterns/combobox/examples/js/combobox-autocomplete.js
  */
 function isPrintableCharacter(keyboardEventKey) {
     const printableCharacterRegex = /\S/;
     return (keyboardEventKey.length === 1 &&
         printableCharacterRegex.test(keyboardEventKey));
 }
-
-var _FocusManagerController_instances, _FocusManagerController_focusIndex, _FocusManagerController_focusId, _FocusManagerController_focusPosition, _FocusManagerController_getIndexOfQueried, _FocusManagerController_findQueriedById, _FocusManagerController_handleKeyUp, _FocusManagerController_clearBufferAfterDelay, _FocusManagerController_findMatchInRange;
-const logger$c = createLogger('focus-manager-controller');
-const POSITIONAL_FOCUS = ['first', 'last', 'previous', 'next'];
-function isDisabled(element) {
-    return (element != null &&
-        typeof element === 'object' &&
-        'disabled' in element &&
-        element.disabled === true);
-}
-function isPositionalFocus(value) {
-    return POSITIONAL_FOCUS.includes(value);
-}
 /**
  * Manages **virtual/visual** focus, for a11y purposes.
  */
@@ -8843,64 +8634,50 @@ class FocusManagerController {
     constructor(host, options) {
         _FocusManagerController_instances.add(this);
         this.activeDescendant = null;
-        /**
-         * Internal method to apply focus state to an element.
-         * Base implementation sets aria-activedescendant and visual styles.
-         * Subclasses can override this to implement different focus mechanisms (e.g., roving tabindex).
-         */
-        this.focusElement = (element, options) => {
+        _FocusManagerController_focusElement.set(this, (element) => {
             if (!element || isDisabled(element) || !element.id) {
-                logger$c.debug('could not focus element', element, !element?.id ? ' element has no id' : '');
+                logger$b.debug('could not focus element', element, !element?.id ? ' element has no id' : '');
                 return;
             }
-            this.clear({
-                onBlur: options?.onBlur,
-            });
+            this.clear();
             this.activeDescendant = element.id;
             this.getInteractiveElement(this.host).setAttribute('aria-activedescendant', element.id);
             element.classList.add('is-focused');
-            // Scroll the element into view after the call stack is cleared to allow the browser to update the layout
-            setTimeout(() => {
-                element.scrollIntoView({
-                    block: 'nearest',
-                    inline: 'nearest',
-                    behavior: 'smooth',
-                });
-                options?.onFocus?.(element);
-            }, 150);
-        };
-        _FocusManagerController_focusIndex.set(this, (index, options) => {
-            this.focusElement(this.queried.at(index), options);
+            element.scrollIntoView({
+                block: 'nearest',
+                inline: 'nearest',
+                behavior: 'smooth',
+            });
         });
-        _FocusManagerController_focusId.set(this, (id, options) => {
-            this.focusElement(__classPrivateFieldGet$1(this, _FocusManagerController_instances, "m", _FocusManagerController_findQueriedById).call(this, id), options);
+        _FocusManagerController_focusIndex.set(this, (index) => {
+            __classPrivateFieldGet$1(this, _FocusManagerController_focusElement, "f").call(this, this.queried.at(index));
         });
-        _FocusManagerController_focusPosition.set(this, (position, options) => {
+        _FocusManagerController_focusPosition.set(this, (position) => {
             const currentFocusedIndex = __classPrivateFieldGet$1(this, _FocusManagerController_instances, "m", _FocusManagerController_getIndexOfQueried).call(this, this.focused);
             switch (position) {
                 case 'first':
-                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, 0, options);
+                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, 0);
                     break;
                 case 'last':
-                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, this.queried.length - 1, options);
+                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, this.queried.length - 1);
                     break;
                 case 'previous': {
                     if (currentFocusedIndex === -1) {
-                        logger$c.debug('focus previous, could not get current focused; focusing on last queried instead');
-                        __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, currentFocusedIndex, options);
+                        logger$b.debug('focus previous, could not get current focused; focusing on last queried instead');
+                        __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, currentFocusedIndex);
                         return;
                     }
                     // it's ok to have a negative index here. `Array.prototype.at()` will handle that correctly.
                     const previousItemIndex = (currentFocusedIndex - 1) % this.queried.length;
-                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, previousItemIndex, options);
+                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, previousItemIndex);
                     break;
                 }
                 case 'next': {
                     if (currentFocusedIndex === -1) {
-                        logger$c.debug('focus next, could not get current focused. focusing on first queried instead');
+                        logger$b.debug('focus next, could not get current focused. focusing on first queried instead');
                     }
                     const nextItemIndex = (currentFocusedIndex + 1) % this.queried.length;
-                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, nextItemIndex, options);
+                    __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, nextItemIndex);
                     break;
                 }
             }
@@ -8909,7 +8686,7 @@ class FocusManagerController {
          * Moves focus to the next item with a label that starts with the typed character
          * if such item exists. Otherwise, focus does not move.
          */
-        _FocusManagerController_handleKeyUp.set(this, (event) => {
+        _FocusManagerController_handleKeyPress.set(this, (event) => {
             const { key } = event;
             if (!isPrintableCharacter(key)) {
                 return;
@@ -8967,13 +8744,13 @@ class FocusManagerController {
     }
     hostConnected() {
         if (!this.focusOnType) {
-            logger$c.debug('focus on type is disabled. Controller will not listen to keyup events');
+            logger$b.debug('focus on type is disabled. Controller will not listen to keyup events');
             return;
         }
-        this.host.addEventListener('keyup', __classPrivateFieldGet$1(this, _FocusManagerController_handleKeyUp, "f"));
+        this.host.addEventListener('keyup', __classPrivateFieldGet$1(this, _FocusManagerController_handleKeyPress, "f"));
     }
     hostDisconnected() {
-        this.host.removeEventListener('keyup', __classPrivateFieldGet$1(this, _FocusManagerController_handleKeyUp, "f"));
+        this.host.removeEventListener('keyup', __classPrivateFieldGet$1(this, _FocusManagerController_handleKeyPress, "f"));
     }
     /**
      * Get the list of elements matching the given `options.query`.
@@ -8993,66 +8770,53 @@ class FocusManagerController {
         }
         return __classPrivateFieldGet$1(this, _FocusManagerController_instances, "m", _FocusManagerController_findQueriedById).call(this, this.activeDescendant);
     }
-    get focusedIndex() {
-        if (!this.activeDescendant) {
-            return null;
-        }
-        const index = __classPrivateFieldGet$1(this, _FocusManagerController_instances, "m", _FocusManagerController_getIndexOfQueried).call(this, this.focused);
-        if (index === -1) {
-            return null;
-        }
-        return index;
-    }
     /**
      * If none of the options are selected, the first option receives focus; otherwise, the
      * focus moves to the next option.
      * If we are at the end of the `queried` array, the focus moves to the first option.
      */
-    focusNext(options) {
-        this.focus('next', options);
+    focusNext() {
+        this.focus('next');
     }
     /**
      * If none of the options are selected, the last option receives focus; otherwise, the
      * focus moves to the next option.
      * If we are at the start of the `queried` array, the focus moves to the last option.
      */
-    focusPrevious(options) {
-        this.focus('previous', options);
+    focusPrevious() {
+        this.focus('previous');
     }
     /**
      * Focus the first element in `queried`.
      */
-    focusFirst(options) {
-        this.focus(0, options);
+    focusFirst() {
+        this.focus(0);
     }
     /**
      * Focus the last element in `queried`.
      */
-    focusLast(options) {
-        this.focus(this.queried.length - 1, options);
+    focusLast() {
+        this.focus(this.queried.length - 1);
     }
     /**
      * Focus the given element or the element at the given index or position, based on `queried`.
      */
-    focus(where, options) {
+    focus(where) {
         if (typeof where === 'number') {
-            __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, where, options);
-        }
-        else if (where instanceof HTMLElement) {
-            this.focusElement(where, options);
+            __classPrivateFieldGet$1(this, _FocusManagerController_focusIndex, "f").call(this, where);
         }
-        else if (isPositionalFocus(where)) {
-            __classPrivateFieldGet$1(this, _FocusManagerController_focusPosition, "f").call(this, where, options);
+        else if (typeof where === 'string') {
+            __classPrivateFieldGet$1(this, _FocusManagerController_focusPosition, "f").call(this, where);
         }
         else {
-            __classPrivateFieldGet$1(this, _FocusManagerController_focusId, "f").call(this, where, options);
+            __classPrivateFieldGet$1(this, _FocusManagerController_focusElement, "f").call(this, where);
         }
     }
     /**
      * Remove the visual focus (`.is-focused` class) from the currently focused element and
      * clear the `activeDescendant` attribute.
      */
-    clear(options) {
+    clear() {
         this.getInteractiveElement(this.host).removeAttribute('aria-activedescendant');
         const element = this.focused;
         this.activeDescendant = null;
@@ -9060,10 +8824,9 @@ class FocusManagerController {
             return;
         }
         element.classList.remove('is-focused');
-        options?.onBlur?.(element);
     }
 }
-_FocusManagerController_focusIndex = new WeakMap(), _FocusManagerController_focusId = new WeakMap(), _FocusManagerController_focusPosition = new WeakMap(), _FocusManagerController_handleKeyUp = new WeakMap(), _FocusManagerController_clearBufferAfterDelay = new WeakMap(), _FocusManagerController_findMatchInRange = new WeakMap(), _FocusManagerController_instances = new WeakSet(), _FocusManagerController_getIndexOfQueried = function _FocusManagerController_getIndexOfQueried(element) {
+_FocusManagerController_focusElement = new WeakMap(), _FocusManagerController_focusIndex = new WeakMap(), _FocusManagerController_focusPosition = new WeakMap(), _FocusManagerController_handleKeyPress = new WeakMap(), _FocusManagerController_clearBufferAfterDelay = new WeakMap(), _FocusManagerController_findMatchInRange = new WeakMap(), _FocusManagerController_instances = new WeakSet(), _FocusManagerController_getIndexOfQueried = function _FocusManagerController_getIndexOfQueried(element) {
     if (!element) {
         return -1;
     }
@@ -9074,90 +8837,6 @@ _FocusManagerController_focusIndex = new WeakMap(), _FocusManagerController_focu
     }) ?? null);
 };
 
-var _RovingFocusController_instances, _RovingFocusController_setActiveRovingItem, _RovingFocusController_setInactiveRovingItem;
-const logger$b = createLogger('roving-focus');
-/**
- * Manages focus for interactive elements within a composite widget using the roving tabindex pattern.
- * Focus moves directly to the active element by managing tabindex and calling element.focus().
- * Extends FocusManagerController to reuse common focus logic like type-ahead search.
- */
-class RovingFocusController extends FocusManagerController {
-    constructor() {
-        super(...arguments);
-        _RovingFocusController_instances.add(this);
-        /**
-         * Initializes the tabindex for all queried elements.
-         * Ensures exactly one element has tabindex="0", others have tabindex="-1".
-         * Should be called by the host when the queried elements are known to be ready.
-         */
-        this.initialize = () => {
-            // eslint-disable-next-line prefer-destructuring
-            const queried = this.queried;
-            const currentFocused = this.focused;
-            queried.forEach((element) => {
-                if (currentFocused && element === currentFocused) {
-                    __classPrivateFieldGet$1(this, _RovingFocusController_instances, "m", _RovingFocusController_setActiveRovingItem).call(this, element);
-                }
-                else {
-                    __classPrivateFieldGet$1(this, _RovingFocusController_instances, "m", _RovingFocusController_setInactiveRovingItem).call(this, element);
-                }
-            });
-        };
-        this.focusElement = (element, options) => {
-            if (!element || isDisabled(element) || !element.id) {
-                logger$b.debug('could not focus element', element, !element?.id ? ' element has no id' : '');
-                return;
-            }
-            this.clear({
-                returnFocusToHost: false,
-                onBlur: options?.onBlur,
-            });
-            __classPrivateFieldGet$1(this, _RovingFocusController_instances, "m", _RovingFocusController_setActiveRovingItem).call(this, element);
-            setTimeout(() => {
-                element.focus();
-                element.scrollIntoView({
-                    block: 'nearest',
-                    inline: 'nearest',
-                    behavior: 'smooth',
-                });
-            }, 150);
-            options?.onFocus?.(element);
-        };
-    }
-    /**
-     * Removes focus from the currently focused element and resets tabindex.
-     * Optionally moves focus back to the host element.
-     */
-    clear(options = { returnFocusToHost: false }) {
-        const element = this.focused;
-        this.activeDescendant = null;
-        this.initialize();
-        if (element) {
-            options?.onBlur?.(element);
-        }
-        if (options.returnFocusToHost) {
-            this.host.focus();
-        }
-    }
-}
-_RovingFocusController_instances = new WeakSet(), _RovingFocusController_setActiveRovingItem = function _RovingFocusController_setActiveRovingItem(element) {
-    if (!element) {
-        return;
-    }
-    // Set tabindex and visual styles for roving focus
-    // eslint-disable-next-line no-param-reassign
-    element.tabIndex = 0;
-    element.classList.add('is-focused');
-    this.activeDescendant = element.id;
-}, _RovingFocusController_setInactiveRovingItem = function _RovingFocusController_setInactiveRovingItem(element) {
-    if (!element) {
-        return;
-    }
-    // eslint-disable-next-line no-param-reassign
-    element.tabIndex = -1;
-    element.classList.remove('is-focused');
-};
-
 var _KeyboardSupportController_instances, _KeyboardSupportController_handleKey, _KeyboardSupportController_subscribe, _KeyboardSupportController_unsubscribe;
 const logger$a = createLogger('keyboard-support-controller');
 function getShortcutKey(shortcut) {
@@ -9230,43 +8909,37 @@ _KeyboardSupportController_handleKey = new WeakMap(), _KeyboardSupportController
     target?.removeEventListener(this.event, __classPrivateFieldGet$1(this, _KeyboardSupportController_handleKey, "f"));
 };
 
-const TRIGGER_SELECTOR = '[aria-haspopup="true"]';
+const TRIGGER_SELECTOR$1 = '[aria-haspopup="true"]';
 const MENU_SELECTOR$1 = '[role="menu"]';
-const ITEM_SELECTOR$1 = '[role="menuitem"]';
+const ITEM_SELECTOR = '[role="menuitem"]';
+
 function dropdownStyles() {
     return [
-        popoverHostStyles(),
-        expandableHostStyles(),
+        styles$k({
+            referenceSelector: `::slotted(${TRIGGER_SELECTOR$1})`,
+            floatingSelector: `::slotted(${MENU_SELECTOR$1})`,
+        }),
         i$9 `
 			:host {
-				display: inline-block;
-				box-sizing: border-box;
-			}
+				--m-popover-floating-spacing-x: ${getToken$1('spacing-2')};
+				--m-popover-floating-spacing-y: ${getToken$1('spacing-2')};
+				/* TODO: figure out a way to avoid layout shift when using narrow triggers */
+				--m-popover-width: max-content;
+				--m-popover-min-width: 16ch;
 
-			:host([hidden]) {
-				display: none;
+				display: inline-block;
 			}
 
 			::slotted(${r$8(MENU_SELECTOR$1)}) {
-				outline: none;
-				display: inline-flex;
-				flex-direction: column;
-
-				padding: ${getToken$1('spacing-2')};
-				margin: 0;
-
-				box-sizing: border-box;
-				inline-size: max-content;
-				min-inline-size: 16ch;
-				max-inline-size: initial;
+				--m-popover-background-color: ${getColor('color-background-primary')};
 
-				overflow: auto;
+				outline: none;
+			}
 
-				border: none;
-				border-radius: ${getToken$1('border-radius-m')};
+			:host([open]) ::slotted(${r$8(MENU_SELECTOR$1)}) {
+				display: inline-flex;
 
-				background-color: ${getColor('color-background-primary')};
-				color: ${getColor('color-text-secondary')};
+				flex-direction: column;
 			}
 		`,
     ];
@@ -9275,7 +8948,7 @@ function triggerStyles() {
     return [
         i$9 `
 			:host {
-				--m-dropdown-trigger-background-color: inherit;
+				--m-dropdown-trigger-background-color: ${getColor('color-background-primary')};
 				--m-dropdown-trigger-border-color: ${getColor('color-border-input')};
 				--m-dropdown-trigger-border-radius: ${getToken$1('border-radius-s')};
 				--m-dropdown-trigger-color: ${getColor('color-text-tertiary')};
@@ -9379,14 +9052,6 @@ function triggerStyles() {
 		`,
     ];
 }
-function menuStyles() {
-    return [
-        expandableElementStyles(),
-        popoverFloatingStyles({
-            floatingSelector: ':host',
-        }),
-    ];
-}
 function itemStyles() {
     return [
         i$9 `
@@ -9491,12 +9156,16 @@ class Dropdown extends Popover {
     constructor() {
         super();
         _Dropdown_controllers.set(this, void 0);
+        // eslint-disable-next-line class-methods-use-this
+        this.getFloatingOffset = () => {
+            return 4;
+        };
         _Dropdown_handleClick.set(this, (event) => {
             const { target } = event;
             if (!target) {
                 return;
             }
-            if (target.matches(ITEM_SELECTOR$1)) {
+            if (target.matches(ITEM_SELECTOR)) {
                 /**
                  * we set focus so we can trigger the item click event when the user
                  * presses <Enter> or <Space>, through the KeyboardSupportController.
@@ -9515,7 +9184,7 @@ class Dropdown extends Popover {
              * - https://css-tricks.com/when-a-click-is-not-just-a-click/
              * - https://developer.mozilla.org/en-US/docs/Web/API/UIEvent/detail
              */
-            if (target.matches(TRIGGER_SELECTOR) &&
+            if (target.matches(TRIGGER_SELECTOR$1) &&
                 event.detail > 0) {
                 this.toggle();
             }
@@ -9535,14 +9204,8 @@ class Dropdown extends Popover {
         this.disabled = false;
         __classPrivateFieldSet(this, _Dropdown_controllers, {
             boundary: new BoundaryController(this),
-            expandable: new ExpandableController(this, {
-                getExpandableElement: () => {
-                    return this.getFloatingElement();
-                },
-                isExpanded: () => Boolean(this.open),
-            }),
             focus: new FocusManagerController(this, {
-                query: ITEM_SELECTOR$1,
+                query: ITEM_SELECTOR,
                 getInteractiveElement: () => {
                     return this.getFloatingElement();
                 },
@@ -9557,7 +9220,7 @@ class Dropdown extends Popover {
                         if (!target || this.disabled) {
                             return;
                         }
-                        if (target.matches(TRIGGER_SELECTOR)) {
+                        if (target.matches(TRIGGER_SELECTOR$1)) {
                             this.expand({ position: 'last' });
                             return;
                         }
@@ -9575,7 +9238,7 @@ class Dropdown extends Popover {
                         if (!target || this.disabled) {
                             return;
                         }
-                        if (target.matches(TRIGGER_SELECTOR)) {
+                        if (target.matches(TRIGGER_SELECTOR$1)) {
                             this.expand({ position: 'first' });
                             return;
                         }
@@ -9598,7 +9261,7 @@ class Dropdown extends Popover {
                         if (!target || this.disabled) {
                             return;
                         }
-                        if (target.matches(TRIGGER_SELECTOR)) {
+                        if (target.matches(TRIGGER_SELECTOR$1)) {
                             this.toggle({ position: 'first' });
                             return;
                         }
@@ -9626,7 +9289,7 @@ class Dropdown extends Popover {
                         if (!target) {
                             return;
                         }
-                        if (target.matches(TRIGGER_SELECTOR) &&
+                        if (target.matches(TRIGGER_SELECTOR$1) &&
                             this.open) {
                             __classPrivateFieldGet$1(this, _Dropdown_handleClickOutside, "f").call(this);
                         }
@@ -9639,14 +9302,14 @@ class Dropdown extends Popover {
         this.addEventListener('focusout', __classPrivateFieldGet$1(this, _Dropdown_handleFocusOut, "f"));
         this.addEventListener('interactout', __classPrivateFieldGet$1(this, _Dropdown_handleClickOutside, "f"));
     }
-    firstUpdated(changedProperties) {
+    firstUpdated() {
         if (this.floating?.id) {
             this.reference?.setAttribute('aria-controls', this.floating.id);
         }
         if (this.reference?.id) {
             this.floating?.setAttribute('aria-labelledby', this.reference.id);
         }
-        super.firstUpdated(changedProperties);
+        super.firstUpdated();
     }
     updated(changedProperties) {
         super.updated(changedProperties);
@@ -9663,7 +9326,7 @@ class Dropdown extends Popover {
         }
     }
     getReferenceElement() {
-        return this.querySelector(TRIGGER_SELECTOR);
+        return this.querySelector(TRIGGER_SELECTOR$1);
     }
     getFloatingElement() {
         return this.querySelector(MENU_SELECTOR$1);
@@ -9791,7 +9454,6 @@ class DropdownMenu extends WithIdElementMixin(Component) {
         return x `<slot name="menu-item"></slot>`;
     }
 }
-DropdownMenu.styles = [menuStyles()];
 DropdownMenu.define();
 
 class DropdownItem extends WithIdElementMixin(Component) {
@@ -13597,20 +13259,25 @@ _SideNavigationTrigger_handleClick = new WeakMap();
 SideNavigationTrigger.styles = [sideNavigationTriggerStyles()];
 SideNavigationTrigger.define();
 
+const TRIGGER_SELECTOR = '[role="combobox"]';
+const MENU_SELECTOR = '[role="listbox"]';
 const SEARCH_DELAY = 250;
 
-const MENU_SELECTOR = '[role="listbox"]';
-const ITEM_SELECTOR = 'm-option';
 function selectStyles() {
     return [
-        expandableStyles({
-            expandableSelector: MENU_SELECTOR,
-        }),
-        popoverStyles({
+        styles$k({
+            referenceSelector: TRIGGER_SELECTOR,
             floatingSelector: MENU_SELECTOR,
         }),
         i$9 `
 			:host {
+				--m-popover-floating-spacing-x: ${getToken$1('spacing-2')};
+				--m-popover-floating-spacing-y: ${getToken$1('spacing-2')};
+				/* TODO: figure out a way to avoid layout shift when using narrow triggers */
+				--m-popover-width: max-content;
+				--m-popover-min-width: 16ch;
+				--m-popover-color: ${getColor('color-text-secondary')};
+
 				--m-select-min-width: 10ch;
 				--m-select-max-width: 280px;
 				--m-select-max-height: 240px;
@@ -13629,34 +13296,19 @@ function selectStyles() {
 			}
 
 			${r$8(MENU_SELECTOR)} {
-				display: inline-flex;
-				flex-direction: column;
-
-				padding-inline: ${getToken$1('spacing-2')};
-				padding-block: ${getToken$1('spacing-2')};
-
-				margin: 0;
-
-				box-sizing: border-box;
-				inline-size: max-content;
-				min-inline-size: auto;
-				max-inline-size: initial;
-
-				overflow-x: hidden;
-				overflow-y: auto;
-
-				border: none;
-				border-radius: ${getToken$1('border-radius-m')};
-
-				background-color: ${getColor('color-background-primary')};
-				color: ${getColor('color-text-secondary')};
-
-				contain: none;
+				--m-popover-background-color: ${getColor('color-background-primary')};
+				--m-popover-overflow-y: auto;
 
 				max-block-size: var(--m-select-max-height);
 				outline: none;
 			}
 
+			:host([open]) ${r$8(MENU_SELECTOR)} {
+				display: inline-flex;
+
+				flex-direction: column;
+			}
+
 			/**
 			 * using this approach so we don't need JS intervention to handle an
 			 * an attribute that, in most cases, will not change after initialization.
@@ -13853,7 +13505,7 @@ function pickerStyles() {
 			 */
 			:host([type='single']:not(:focus-within)) #clear,
 			:host([type='single']:focus-within)
-				#trigger-wrapper:has(${r$8('> #trigger:placeholder-shown')})
+				#trigger-wrapper:has(> #trigger:placeholder-shown)
 				~ #clear {
 				visibility: hidden;
 				opacity: 0;
@@ -15458,8 +15110,7 @@ class Select extends WithSelectionControlMixin(Popover) {
             },
             loading: { type: Boolean },
             name: { type: String, reflect: true },
-            placeholder: { type: String, reflect: true },
-            label: { type: String, reflect: true },
+            placeholder: { type: String },
             size: { type: String, reflect: true },
             status: { type: String, reflect: true },
             type: { type: String, reflect: true },
@@ -15514,7 +15165,6 @@ class Select extends WithSelectionControlMixin(Popover) {
             __classPrivateFieldGet$1(this, _Select_instances, "m", _Select_updatePicker).call(this);
             __classPrivateFieldGet$1(this, _Select_controllers, "f").boundary.deactivate();
             __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.clear();
-            this.trigger?.focus();
             this.emit('collapse');
         };
         /**
@@ -15540,23 +15190,13 @@ class Select extends WithSelectionControlMixin(Popover) {
                 this.expand();
             }
             this.loading = true;
-            try {
-                this.filteredOptions = this.slottedOptions.filter((descendant) => {
-                    const itemTextLowerCase = descendant.label.toLowerCase();
-                    const matches = itemTextLowerCase.includes(normalizedSearchTerm);
-                    descendant.toggleAttribute('hidden', !matches);
-                    return matches;
-                });
-            }
-            catch (error) {
-                logger$6.error('Error filtering options', error);
-            }
-            finally {
-                this.loading = false;
-                // Re-initialize focus controller after filtering changes visible options
-                await this.updateComplete;
-                __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.initialize();
-            }
+            this.filteredOptions = this.slottedOptions.filter((descendant) => {
+                const itemTextLowerCase = descendant.label.toLowerCase();
+                const matches = itemTextLowerCase.includes(normalizedSearchTerm);
+                descendant.toggleAttribute('hidden', !matches);
+                return matches;
+            });
+            this.loading = false;
             if (options.emit) {
                 this.emit('search');
             }
@@ -15613,10 +15253,6 @@ class Select extends WithSelectionControlMixin(Popover) {
                 option.toggleAttribute('hidden', false);
             }
             this.filteredOptions = this.slottedOptions;
-            // Re-initialize focus controller after clearing search restores all options
-            requestAnimationFrame(() => {
-                __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.initialize();
-            });
         });
         _Select_clearSearchDebounce.set(this, () => {
             window.clearTimeout(__classPrivateFieldGet$1(this, _Select_searchDebounce, "f"));
@@ -15673,15 +15309,17 @@ class Select extends WithSelectionControlMixin(Popover) {
                         /**
                          * we are only intested when the event happens during the selection of an option,
                          * not, for example, when the user hits enter to remove a tag.
+                         * we check for the trigger selector because that's what the target will be when the user
+                         * is selecting an option.
                          */
-                        if (!element.matches(ITEM_SELECTOR)) {
+                        if (!element.matches(TRIGGER_SELECTOR)) {
                             return;
                         }
                         const option = __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.focused;
                         if (!option || option.disabled) {
                             return;
                         }
-                        // at this point, roving focus is already set to the selected option
+                        __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.focus(option);
                         this.toggleOptions(option.value);
                         if (!this.isMultiple) {
                             this.collapse();
@@ -15728,8 +15366,9 @@ class Select extends WithSelectionControlMixin(Popover) {
                 return;
             }
             const element = event.target;
-            if (element.matches(ITEM_SELECTOR) && element.value) {
+            if (element.matches('m-option') && element.value) {
                 this.toggleOptions(element.value);
+                this.trigger?.focus();
                 if (!this.isMultiple) {
                     this.collapse();
                     return;
@@ -15739,6 +15378,7 @@ class Select extends WithSelectionControlMixin(Popover) {
             }
             if (!this.open && !element.matches('m-close-button')) {
                 this.expand();
+                this.trigger?.focus();
             }
         });
         _Select_handleClickOutside.set(this, async () => {
@@ -15769,11 +15409,9 @@ class Select extends WithSelectionControlMixin(Popover) {
                 flatten: true,
             })
                 .filter((descendant) => {
-                return descendant.matches(ITEM_SELECTOR);
+                return descendant.matches('m-option');
             });
             this.slottedOptions = elements;
-            // Initialize focus controller now that options are slotted
-            __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.initialize();
         });
         _Select_handleStatusChange.set(this, (status) => {
             /**
@@ -15826,7 +15464,7 @@ class Select extends WithSelectionControlMixin(Popover) {
          * Sync the `selected` attributes for the queriable options.
          */
         _Select_updateOptions.set(this, () => {
-            for (const element of this.slottedOptions) {
+            for (const element of __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.queried) {
                 element.selected = __classPrivateFieldGet$1(this, _Select_controllers, "f").selection.has(element.value);
             }
         });
@@ -15838,28 +15476,22 @@ class Select extends WithSelectionControlMixin(Popover) {
         this.position = 'absolute';
         this.placement = 'bottom-start';
         this.size = 'default';
-        this.label = 'Select';
         __classPrivateFieldSet(this, _Select_controllers, {
             boundary: new BoundaryController(this),
-            expandable: new ExpandableController(this, {
-                getExpandableElement: () => {
-                    return this.renderRoot?.querySelector(MENU_SELECTOR);
-                },
-                isExpanded: () => Boolean(this.open),
-            }),
-            focus: new RovingFocusController(this, {
+            focus: new FocusManagerController(this, {
                 query: () => {
-                    const selectors = `${ITEM_SELECTOR}:not([hidden])`;
+                    const selectors = 'm-option:not([hidden])';
                     return Array.from(this.querySelectorAll(selectors));
                 },
                 // search on type should happen via the input, not keyboard shortcuts.
                 focusOnType: false,
                 getInteractiveElement: () => {
-                    return this.trigger;
+                    return this.getFloatingElement();
                 },
             }),
             keyboard: new KeyboardSupportController(this, __classPrivateFieldGet$1(this, _Select_getKeyboardShortcuts, "f").call(this), {
                 event: 'keydown',
+                getEventTarget: () => this.renderRoot,
             }),
             selection: new SelectionController$1(this, {
                 getSelectionType: () => this.type,
@@ -15941,13 +15573,11 @@ class Select extends WithSelectionControlMixin(Popover) {
 						type="text"
 						id="trigger"
 						role="combobox"
-						autocomplete="off"
 						aria-haspopup="true"
 						aria-controls="menu"
 						aria-autocomplete="list"
 						aria-expanded=${this.open ? 'true' : 'false'}
 						placeholder="${o$3(this.placeholder)}"
-						aria-label="${o$3(this.label)}"
 						?disabled=${this.disabled}
 						@change=${__classPrivateFieldGet$1(this, _Select_handleTriggerChange, "f")}
 						@input=${__classPrivateFieldGet$1(this, _Select_handleTriggerInput, "f")}
@@ -16022,7 +15652,7 @@ class Select extends WithSelectionControlMixin(Popover) {
     }
 }
 _Select_controllers = new WeakMap(), _Select_searchDebounce = new WeakMap(), _Select_dataSources = new WeakMap(), _Select_searchTerm = new WeakMap(), _Select_contextProvider = new WeakMap(), _Select_clearSearch = new WeakMap(), _Select_clearSearchDebounce = new WeakMap(), _Select_getKeyboardShortcuts = new WeakMap(), _Select_getOptionByValue = new WeakMap(), _Select_handleClear = new WeakMap(), _Select_handleClick = new WeakMap(), _Select_handleClickOutside = new WeakMap(), _Select_handleDisabledChange = new WeakMap(), _Select_handleHandleClick = new WeakMap(), _Select_handleSlotChange = new WeakMap(), _Select_handleStatusChange = new WeakMap(), _Select_handleTagRemove = new WeakMap(), _Select_handleTriggerChange = new WeakMap(), _Select_handleTriggerInput = new WeakMap(), _Select_handleTriggerFocusIn = new WeakMap(), _Select_handleTypeChange = new WeakMap(), _Select_handleValueChange = new WeakMap(), _Select_updateOptions = new WeakMap(), _Select_instances = new WeakSet(), _Select_initialize = function _Select_initialize(value) {
-    const firstOption = this.slottedOptions.find((option) => option.matches(':not([hidden])'));
+    const firstOption = __classPrivateFieldGet$1(this, _Select_controllers, "f").focus.queried?.[0];
     if (!firstOption) {
         logger$6.warn('No options found in the select');
         return;
@@ -17896,7 +17526,7 @@ function tableControlExpandStyles() {
 }
 function tableControlSelectStyles() {
     return [
-        styles$r(),
+        styles$s(),
         i$9 `
 			:host {
 				display: inline-flex;
@@ -20523,7 +20153,7 @@ function toggleGroupStyles() {
 }
 function toggleStyles() {
     return [
-        styles$E(),
+        styles$F(),
         i$9 `
 			:host {
 				${typography('button-md')};
@@ -20832,94 +20462,15 @@ function convertTriggerFromAttribute(value) {
 
 function styles$3() {
     return [
-        popoverStyles({
-            floatingSelector: ':host',
+        styles$k({
+            floatingSelector: ':host', // the  host itself is the floating element
         }),
         i$9 `
 			:host {
-				${typography('body-md')};
-
-				--m-tooltip-min-width: 80px;
-				--m-tooltip-max-width: 240px;
-
-				padding-inline: ${getToken$1('spacing-4')};
-				padding-block: ${getToken$1('spacing-2')};
-				margin: 0;
-
-				box-sizing: border-box;
-				inline-size: max-content;
-				min-inline-size: var(--m-tooltip-min-width);
-				max-inline-size: var(--m-tooltip-max-width);
-
-				overflow-x: visible;
-				overflow-y: visible;
-
-				border: none;
-				border-radius: ${getToken$1('border-radius-m')};
-
-				background-color: ${getColor('color-background-secondary-inverted')};
-				color: ${getColor('color-text-inverted')};
-			}
-
-			@media (prefers-reduced-motion: no-preference) {
-				:host {
-					${transition([
-            {
-                property: 'opacity',
-                duration: '150ms',
-                easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
-            },
-            {
-                property: 'transform',
-                duration: '150ms',
-                easing: 'cubic-bezier(0.4, 0, 0.2, 1)',
-            },
-        ])};
-				}
-			}
-
-			@media (prefers-reduced-motion: no-preference) {
-				:host {
-					animation: 150ms ease-in-out forwards;
-
-					will-change: transform, opacity, filter;
-				}
-
-				:host([open]) {
-					animation-name: pop-in;
-				}
-
-				:host(.is-closing) {
-					animation-name: pop-out;
-				}
-			}
-
-			@keyframes pop-in {
-				from {
-					filter: blur(8px);
-					opacity: 0;
-					transform: translateY(8px);
-				}
-
-				to {
-					filter: blur(0);
-					opacity: 1;
-					transform: translateY(0);
-				}
-			}
-
-			@keyframes pop-out {
-				from {
-					filter: blur(0);
-					opacity: 1;
-					transform: translateY(0);
-				}
-
-				to {
-					filter: blur(8px);
-					opacity: 0;
-					transform: translateY(8px);
-				}
+				--m-popover-width: max-content;
+				--m-popover-min-width: 80px;
+				--m-popover-max-width: 240px;
+				--m-popover-overflow-x: visible;
 			}
 		`,
     ];
@@ -21015,14 +20566,11 @@ class Tooltip extends WithIdElementMixin(Popover) {
         this.reference.removeEventListener('mouseover', __classPrivateFieldGet$1(this, _Tooltip_handleMouseOver, "f"));
         this.reference.removeEventListener('mouseout', __classPrivateFieldGet$1(this, _Tooltip_handleMouseOut, "f"));
     }
-    firstUpdated(changedProperties) {
-        super.firstUpdated(changedProperties);
+    firstUpdated() {
+        super.firstUpdated();
         if (this.reference) {
             this.reference.setAttribute('aria-describedby', this.id);
         }
-        if (!this.open) {
-            this.style.display = 'none';
-        }
     }
     update(changedProperties) {
         if (changedProperties.has('open')) {
@@ -21052,17 +20600,6 @@ class Tooltip extends WithIdElementMixin(Popover) {
 			${this.renderArrow()}
 		`;
     }
-    show() {
-        this.style.display = 'inline-flex';
-        super.show();
-    }
-    async hide() {
-        this.classList.add('is-closing');
-        await waitForAnimations(this);
-        this.style.display = 'none';
-        this.classList.remove('is-closing');
-        super.hide();
-    }
 }
 _Tooltip_hoverTimeout = new WeakMap(), _Tooltip_focusTimeout = new WeakMap(), _Tooltip_triggers = new WeakMap(), _Tooltip_handleFocus = new WeakMap(), _Tooltip_handleBlur = new WeakMap(), _Tooltip_handleClick = new WeakMap(), _Tooltip_handleKeyDown = new WeakMap(), _Tooltip_handleMouseOver = new WeakMap(), _Tooltip_handleMouseOut = new WeakMap(), _Tooltip_hasTrigger = new WeakMap();
 Tooltip.styles = [styles$3()];