@loadsmart/miranda-wc 3.18.0 → 3.19.0

package/dist/{index-CyxcvjSY.js → index-C2sZmQkk.js}

@@ -158,7 +158,7 @@ function isInsideElement(event, element) {
     return element.contains(event.target);
 }
 
-const logger$d = createLogger('miranda');
+const logger$e = 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$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.`);
+            logger$e.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$H() {
+function styles$G() {
     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$G() {
+function styles$F() {
     return [
         i$3 `
 			:host {
@@ -1426,167 +1426,167 @@ function styles$G() {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case './icons/add-circle.ts': return import('./add-circle-BWUdDtID-BrDEnGIY.js');
-    case './icons/alarm.ts': return import('./alarm-kxxhvY-B-EoSTAjcn.js');
-    case './icons/alert-circle.ts': return import('./alert-circle-OwvW4etZ-BSGyuB03.js');
-    case './icons/anchor.ts': return import('./anchor-C20TYYBd-BAXSl_OS.js');
-    case './icons/arrow-left.ts': return import('./arrow-left-D9cO-csP-B6H90hu8.js');
-    case './icons/arrow-right.ts': return import('./arrow-right-CNNciOg--Wurpr-Q4.js');
-    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-DI9JmelY-BcTKfglI.js');
-    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-CBHymvd1-DD2DjdnH.js');
-    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-NRMOjwgJ-Dls8OLc_.js');
-    case './icons/asterisk.ts': return import('./asterisk-DVU1f3qH-B59ZO2xI.js');
-    case './icons/attention.ts': return import('./attention-sbDcfgWQ-BtAji6cz.js');
-    case './icons/automatic.ts': return import('./automatic-cOH18dgn-Cpmjb_qX.js');
-    case './icons/bank.ts': return import('./bank-DqX7nHIw-Whrp9aL5.js');
-    case './icons/bell-cancel.ts': return import('./bell-cancel-BIT2ZiRX-CGM1mEJm.js');
-    case './icons/bell.ts': return import('./bell-Cco8MMVd-IbxSjDeF.js');
-    case './icons/blind-bol.ts': return import('./blind-bol-BBudqHf6-DI1pXDRL.js');
-    case './icons/board.ts': return import('./board-BWxFrHTb-CqNA2sAo.js');
-    case './icons/bol.ts': return import('./bol-FI3I5hCq-BoIaLeqa.js');
-    case './icons/bolt-off.ts': return import('./bolt-off-CwdISslv-1gdrYsSB.js');
-    case './icons/bolt.ts': return import('./bolt-CWb37CfW-CFCLbHCl.js');
-    case './icons/box.ts': return import('./box-BopUppPM-zET8hk90.js');
-    case './icons/broadcast.ts': return import('./broadcast-DP4qMqhs-Cqbtw4pQ.js');
-    case './icons/burguer-menu.ts': return import('./burguer-menu-BWs0b_F7-BrPh4FIX.js');
-    case './icons/calendar.ts': return import('./calendar-CB2BQYky-D1DCsVdH.js');
-    case './icons/camera.ts': return import('./camera-BvyQWQSK-BzQZwO9M.js');
-    case './icons/canada-flag.ts': return import('./canada-flag-BAXqqmg_-DQJn3SVi.js');
-    case './icons/caret-down.ts': return import('./caret-down-B1S70Jik-8Fx5Rmay.js');
-    case './icons/caret-left.ts': return import('./caret-left-BXXBNKD1-C83qbXnf.js');
-    case './icons/caret-right.ts': return import('./caret-right-CffsSxul-B0EM6HDP.js');
-    case './icons/caret-up.ts': return import('./caret-up-Cb8aIAz4-fqmEeuPf.js');
-    case './icons/carrier-contract.ts': return import('./carrier-contract-CkfMGVcM-bPQUT8mY.js');
-    case './icons/chat.ts': return import('./chat-BOXNiFEL-S3_AulKF.js');
-    case './icons/check.ts': return import('./check-DJi-fzh1-DoIumhXd.js');
-    case './icons/clip.ts': return import('./clip-CE361YIj-J9IrHJig.js');
-    case './icons/clock.ts': return import('./clock-sS2zch1W-BSFsXdAt.js');
-    case './icons/clown.ts': return import('./clown-BHrLqrJ_-C9Fu_JEV.js');
-    case './icons/code.ts': return import('./code-ee--dPU2-qVUdDOMr.js');
-    case './icons/comment.ts': return import('./comment-ChC_eKOh-BNY0gRhY.js');
-    case './icons/company.ts': return import('./company-DhWAZq7f-CE4ROCSo.js');
-    case './icons/confetti.ts': return import('./confetti-Bk3qfGDl-Dtrz8IDp.js');
-    case './icons/contract.ts': return import('./contract-Dyjpjk_M-B6-seHuZ.js');
-    case './icons/copy.ts': return import('./copy-uLsqdntn-DpUp-sJH.js');
-    case './icons/corner-down-r.ts': return import('./corner-down-r-COdXavxX-DLztzXb3.js');
-    case './icons/corner-down.ts': return import('./corner-down-CmWTb1pe-DXbGefsi.js');
-    case './icons/corner-up.ts': return import('./corner-up-BsnFFa2f-DZ8I7zSQ.js');
-    case './icons/credit-card.ts': return import('./credit-card-DzDcea_6-JQd63DIF.js');
-    case './icons/delivery.ts': return import('./delivery-DJuC5PPq-CcWGdGQw.js');
-    case './icons/dislike.ts': return import('./dislike-BmZL-7lA-C_LAB0wf.js');
-    case './icons/document-csv.ts': return import('./document-csv-Br_ELMhd-CIaA9Tvm.js');
-    case './icons/document-file.ts': return import('./document-file-B-xxCtMj-PmrUI08-.js');
-    case './icons/document-image.ts': return import('./document-image-K03haeui-Dug-K2Un.js');
-    case './icons/dollar-circle.ts': return import('./dollar-circle-RIisHgRs-C5NFUnRs.js');
-    case './icons/dollar.ts': return import('./dollar-BGO0k7VX-Dm8P8-mE.js');
-    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BJQuXPUd-DY7SR8Mt.js');
-    case './icons/dots-vertical.ts': return import('./dots-vertical-vHLT_Nov-npI0pJyN.js');
-    case './icons/double-caret-left.ts': return import('./double-caret-left-DlTdI2lr-BLg-t79F.js');
-    case './icons/double-caret-right.ts': return import('./double-caret-right-CUrpG94e-g2M3nOYi.js');
-    case './icons/down.ts': return import('./down-BGQT7MWq-CfEvPpgN.js');
-    case './icons/download.ts': return import('./download-C3cRMnpa-iZXQI9Hx.js');
-    case './icons/drop-trailer.ts': return import('./drop-trailer-DNYXSKwL-Cetbkqif.js');
-    case './icons/dropdown.ts': return import('./dropdown-BNGSJkQ9-D5scDjWB.js');
-    case './icons/email-filled.ts': return import('./email-filled-Du9qVEt7-DxotNePU.js');
-    case './icons/email.ts': return import('./email-BDN9N-O8-Bl2h1xL3.js');
-    case './icons/export.ts': return import('./export-B0ywK5EP-By__y5sU.js');
-    case './icons/eye.ts': return import('./eye-CznNZk_y-CFlge80O.js');
-    case './icons/fast.ts': return import('./fast-C_gaBI-Z-_7kWn17o.js');
-    case './icons/favorite.ts': return import('./favorite-BR-aUbK1-eYUi-FRO.js');
-    case './icons/file.ts': return import('./file-DGLhP2dH-B9Tl-wM9.js');
-    case './icons/filter.ts': return import('./filter-DwnqmRGq-BLjxLxS_.js');
-    case './icons/flag.ts': return import('./flag-v3lsk99z-t69Kc17s.js');
-    case './icons/folder.ts': return import('./folder-BrVKnS5O-Ul0H_yHC.js');
-    case './icons/funnel.ts': return import('./funnel-DrnkrFGZ-CBi1pSkH.js');
-    case './icons/gear.ts': return import('./gear-B7IITaL9-tF8DDDiM.js');
-    case './icons/graph.ts': return import('./graph-Bu0acDI3-DTRbrWMC.js');
-    case './icons/hand-tap.ts': return import('./hand-tap-BroLBWhF-Cf0JUk9z.js');
-    case './icons/hand.ts': return import('./hand-DauHetsh-D5d1XCXV.js');
-    case './icons/high-signal.ts': return import('./high-signal-Bdv6DrsH-B-KlNy_0.js');
-    case './icons/history.ts': return import('./history-BR7NiWqh-BaqEsbAB.js');
-    case './icons/home.ts': return import('./home-CcD2tfqJ-CSLUE_cb.js');
-    case './icons/hourglass.ts': return import('./hourglass-BLb8ye4R-DFUaJwca.js');
-    case './icons/import-2.ts': return import('./import-2-DLZnjBt2-1fSN504_.js');
-    case './icons/import.ts': return import('./import-3VUSDzGG-B8aaaT_d.js');
-    case './icons/indeterminate.ts': return import('./indeterminate-DsXCz0A4-DA3aQsZ0.js');
-    case './icons/info.ts': return import('./info-DtwhtKn5-gekiuzVS.js');
-    case './icons/invoice-items.ts': return import('./invoice-items-BPbWnX6a-akfF4Fqr.js');
-    case './icons/invoice.ts': return import('./invoice-D5x51WgJ-_rPaO-tO.js');
-    case './icons/kanban.ts': return import('./kanban-G9zs_2Jh-BXcUtXk7.js');
-    case './icons/light-bulb.ts': return import('./light-bulb-Cs1tlTsv-BYN3VgFo.js');
-    case './icons/like.ts': return import('./like-D9eZZzf4-CH9cjrUs.js');
-    case './icons/link.ts': return import('./link-CPQ5wSGW-B2UnzpOE.js');
-    case './icons/list.ts': return import('./list-4ICrgy-L-C7gwkZla.js');
-    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-DLm6Qok1-CrIJEI4B.js');
-    case './icons/log-out.ts': return import('./log-out-BcS6Gvfm-Cl2_wayC.js');
-    case './icons/low-signal.ts': return import('./low-signal-mB7EzA6T-Cs6hqcmw.js');
-    case './icons/map.ts': return import('./map-CqT3Uyf3-D3QsJcPY.js');
-    case './icons/medal.ts': return import('./medal-Cdnn_Ch0-B8PnlPFa.js');
-    case './icons/megaphone.ts': return import('./megaphone-ByudiqtH-ybsbyhJD.js');
-    case './icons/mexico-flag.ts': return import('./mexico-flag-DCTJIW7D-BSgatGFu.js');
-    case './icons/minus.ts': return import('./minus-QGlsWMPP-Prc8ooyA.js');
-    case './icons/network-signal.ts': return import('./network-signal-URXpHrje-DqtOACNo.js');
-    case './icons/no-awarded.ts': return import('./no-awarded-G_LW-ELV-BK1HWCyP.js');
-    case './icons/notes-lock.ts': return import('./notes-lock-Dulb26_x-BPVpIMep.js');
-    case './icons/notes.ts': return import('./notes-qqcOdnhJ-CvtakeH_.js');
-    case './icons/order.ts': return import('./order-A9zBruLA-wmVH87Lx.js');
-    case './icons/package-tracking.ts': return import('./package-tracking-DegnTVNq-CkCqfk9a.js');
-    case './icons/padlock-open.ts': return import('./padlock-open-C0yZ7IlG-CuxOKuTH.js');
-    case './icons/padlock.ts': return import('./padlock-OYiykwhT-DJ1MCW8V.js');
-    case './icons/pencil.ts': return import('./pencil-Gulzaumq-CX1IMZXG.js');
-    case './icons/phone.ts': return import('./phone-CyQYbN4K-hmGvegvM.js');
-    case './icons/pin-filled.ts': return import('./pin-filled-CTQkv8S3-C1gxmSGp.js');
-    case './icons/pin-map.ts': return import('./pin-map-DXTLyMBY-Dj4uqK3J.js');
-    case './icons/pin.ts': return import('./pin-DRHd4i3Y-DUcDZ6zo.js');
-    case './icons/plugs.ts': return import('./plugs-nWwqYxQi-CfX_8nS1.js');
-    case './icons/plus.ts': return import('./plus-CLQrGVKf-BvqnankT.js');
-    case './icons/pod.ts': return import('./pod-Km2lz1g1-BV-aDigf.js');
-    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-2Cg5I0Gp-B172PIcL.js');
-    case './icons/print.ts': return import('./print-D_tnq8du-DcSqElod.js');
-    case './icons/profile.ts': return import('./profile-C9u4gyOa-BHB4RpTp.js');
-    case './icons/question-dot.ts': return import('./question-dot-DX1M70ne-CUIW3Tzp.js');
-    case './icons/receipt.ts': return import('./receipt-XtyjnoH2-B47bLjSj.js');
-    case './icons/redo.ts': return import('./redo-B4ntvwwj-BYb9IHuN.js');
-    case './icons/refresh.ts': return import('./refresh-D0GwaUZN-CPBrSImj.js');
-    case './icons/reloading.ts': return import('./reloading-D3kOdDp1-Cloz8Fym.js');
-    case './icons/road.ts': return import('./road-CSE4tMSX-B5hgOEYZ.js');
-    case './icons/round-trip.ts': return import('./round-trip-D9IstmvZ-jEw5v6s4.js');
-    case './icons/satellite.ts': return import('./satellite-cZ73hXXv-9Lbh1Buo.js');
-    case './icons/search.ts': return import('./search-WVomYPWv-bAY54UDV.js');
-    case './icons/send.ts': return import('./send-B5SDerBW-COgvbhKb.js');
-    case './icons/share.ts': return import('./share-Py85hWYp-B_RmuqS0.js');
-    case './icons/ship.ts': return import('./ship-D7NOvlYd-B-kJO9wD.js');
-    case './icons/signal.ts': return import('./signal-BTdMNvtO-3i16oSqx.js');
-    case './icons/sparkle.ts': return import('./sparkle-BDCTyket-CTNrOfjV.js');
-    case './icons/star.ts': return import('./star-tOPK0GD0-DzAnG8AK.js');
-    case './icons/swap.ts': return import('./swap-BamOmchJ-JYTR1CAO.js');
-    case './icons/tag-chevron.ts': return import('./tag-chevron-BMzpMQOE-fLaz3SZH.js');
-    case './icons/tag.ts': return import('./tag-B3drJy54-CtFU5Nc0.js');
-    case './icons/telephone-slash.ts': return import('./telephone-slash-CBt2PRpH-CcgWWGvF.js');
-    case './icons/telephone.ts': return import('./telephone-zWW-kymk-D7IwBNuI.js');
-    case './icons/terminal.ts': return import('./terminal-O35eX2_4-CB-uDAMm.js');
-    case './icons/timer.ts': return import('./timer-CFf6UKw1-BiYrb7ld.js');
-    case './icons/tms-ready.ts': return import('./tms-ready-BOYcGd_Y-CY7tPTMd.js');
-    case './icons/train.ts': return import('./train-D3llOBiv-xxhbVazd.js');
-    case './icons/trash.ts': return import('./trash-DElpe2Vu-CDpYgkWZ.js');
-    case './icons/trend-down.ts': return import('./trend-down-DEULo2-a-CsSGAZlw.js');
-    case './icons/trend-up.ts': return import('./trend-up-DEmfz-Z5-B5QRfyG1.js');
-    case './icons/trophee.ts': return import('./trophee-DVnnA3fM-CXgflTdF.js');
-    case './icons/truck.ts': return import('./truck-CaKAowXn-BGvB_w_k.js');
-    case './icons/undo.ts': return import('./undo-D3XXlRRi-C72vHiJV.js');
-    case './icons/united-states-flag.ts': return import('./united-states-flag-DBKn9nHi-d_q02f6H.js');
-    case './icons/up.ts': return import('./up-B66SzPag-ARakdUke.js');
-    case './icons/upgrade.ts': return import('./upgrade-DGxiQy9f-DJ_jEN2t.js');
-    case './icons/upload.ts': return import('./upload-ihQYWUbB-DD8rAs2X.js');
-    case './icons/user.ts': return import('./user-DThmyOkm-Do0yy7T-.js');
-    case './icons/wallet.ts': return import('./wallet-D6LYE-S2-BrxcEZ6f.js');
-    case './icons/warehouse.ts': return import('./warehouse-7XsQyF8a-Zc6_CMfx.js');
-    case './icons/wifi-off.ts': return import('./wifi-off-CEAWStyi-D8RyLr8g.js');
-    case './icons/wifi.ts': return import('./wifi-JfYt6maE-Vu-LNwLV.js');
-    case './icons/x-small.ts': return import('./x-small-C2ociQ7N-CtlUaSpQ.js');
-    case './icons/x.ts': return import('./x-CmIjnWCV-DKTYuMWQ.js');
-    case './icons/zoom-in.ts': return import('./zoom-in-2bVjPFOa-9FEw0Ejw.js');
-    case './icons/zoom-out.ts': return import('./zoom-out-D1CPR8Mi-DnrM-TU3.js');
+    case './icons/add-circle.ts': return import('./add-circle-BWUdDtID-V6qnZIP2.js');
+    case './icons/alarm.ts': return import('./alarm-kxxhvY-B-C0rxeAa3.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-OwvW4etZ-C9PRaw5R.js');
+    case './icons/anchor.ts': return import('./anchor-C20TYYBd-C6l6q3So.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-D9cO-csP-uwtGF_QW.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-CNNciOg--CQSIQXnx.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-DI9JmelY-CVJuNfEc.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-CBHymvd1-OK24mvsC.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-NRMOjwgJ-DMCrTFNb.js');
+    case './icons/asterisk.ts': return import('./asterisk-DVU1f3qH-B40XjHiw.js');
+    case './icons/attention.ts': return import('./attention-sbDcfgWQ-CS71dfpr.js');
+    case './icons/automatic.ts': return import('./automatic-cOH18dgn-D-V9pCUK.js');
+    case './icons/bank.ts': return import('./bank-DqX7nHIw-CZwXTfwJ.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-BIT2ZiRX-wQU3gWnB.js');
+    case './icons/bell.ts': return import('./bell-Cco8MMVd-ecVwSZyS.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-BBudqHf6-C_rGtMWK.js');
+    case './icons/board.ts': return import('./board-BWxFrHTb-DnvfmxNN.js');
+    case './icons/bol.ts': return import('./bol-FI3I5hCq-DZS4YLBf.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-CwdISslv-BAwCuVk7.js');
+    case './icons/bolt.ts': return import('./bolt-CWb37CfW-DRcfzwE_.js');
+    case './icons/box.ts': return import('./box-BopUppPM-DOqOof3q.js');
+    case './icons/broadcast.ts': return import('./broadcast-DP4qMqhs-DeMb25Cc.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-BWs0b_F7-CMrXuEi6.js');
+    case './icons/calendar.ts': return import('./calendar-CB2BQYky-DZM9Cta1.js');
+    case './icons/camera.ts': return import('./camera-BvyQWQSK-BgoCwg7f.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-BAXqqmg_-Cv22KtXJ.js');
+    case './icons/caret-down.ts': return import('./caret-down-B1S70Jik-DfzG4OcF.js');
+    case './icons/caret-left.ts': return import('./caret-left-BXXBNKD1-BR9DinBN.js');
+    case './icons/caret-right.ts': return import('./caret-right-CffsSxul-CRvzXkNm.js');
+    case './icons/caret-up.ts': return import('./caret-up-Cb8aIAz4-DFMuXfAK.js');
+    case './icons/carrier-contract.ts': return import('./carrier-contract-CkfMGVcM-CvdUi9mI.js');
+    case './icons/chat.ts': return import('./chat-BOXNiFEL-_9LSCGay.js');
+    case './icons/check.ts': return import('./check-DJi-fzh1-p6G4XVmC.js');
+    case './icons/clip.ts': return import('./clip-CE361YIj-7L4AQY13.js');
+    case './icons/clock.ts': return import('./clock-sS2zch1W-DsXXSuxv.js');
+    case './icons/clown.ts': return import('./clown-BHrLqrJ_-erdnbR6z.js');
+    case './icons/code.ts': return import('./code-ee--dPU2-CGGpxOoB.js');
+    case './icons/comment.ts': return import('./comment-ChC_eKOh-DmypTogB.js');
+    case './icons/company.ts': return import('./company-DhWAZq7f-H9kPBcu_.js');
+    case './icons/confetti.ts': return import('./confetti-Bk3qfGDl-1Hb3L6VW.js');
+    case './icons/contract.ts': return import('./contract-Dyjpjk_M-BmFstv-o.js');
+    case './icons/copy.ts': return import('./copy-uLsqdntn-BuoTMC-V.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-COdXavxX-COg_4_rQ.js');
+    case './icons/corner-down.ts': return import('./corner-down-CmWTb1pe-Sht3-nV8.js');
+    case './icons/corner-up.ts': return import('./corner-up-BsnFFa2f-CaVqkRL-.js');
+    case './icons/credit-card.ts': return import('./credit-card-DzDcea_6-z4_vDSjd.js');
+    case './icons/delivery.ts': return import('./delivery-DJuC5PPq-Bo9eQmZJ.js');
+    case './icons/dislike.ts': return import('./dislike-BmZL-7lA-pk-x1l8J.js');
+    case './icons/document-csv.ts': return import('./document-csv-Br_ELMhd-BFqay6QR.js');
+    case './icons/document-file.ts': return import('./document-file-B-xxCtMj-pGosdb_h.js');
+    case './icons/document-image.ts': return import('./document-image-K03haeui-DyNdJ1Kq.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-RIisHgRs-CY3DA6OW.js');
+    case './icons/dollar.ts': return import('./dollar-BGO0k7VX-BERsJyec.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BJQuXPUd-DGKCJzBT.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-vHLT_Nov-wRPyj59_.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-DlTdI2lr-CrzZw6LH.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-CUrpG94e-CeYb2gma.js');
+    case './icons/down.ts': return import('./down-BGQT7MWq-DABYQf45.js');
+    case './icons/download.ts': return import('./download-C3cRMnpa-p85518cB.js');
+    case './icons/drop-trailer.ts': return import('./drop-trailer-DNYXSKwL-DRegxyia.js');
+    case './icons/dropdown.ts': return import('./dropdown-BNGSJkQ9-Cdpu4t0b.js');
+    case './icons/email-filled.ts': return import('./email-filled-Du9qVEt7-rtcRgmlH.js');
+    case './icons/email.ts': return import('./email-BDN9N-O8-DSs_o0qE.js');
+    case './icons/export.ts': return import('./export-B0ywK5EP-BzUEbvYl.js');
+    case './icons/eye.ts': return import('./eye-CznNZk_y-4gtQSoXI.js');
+    case './icons/fast.ts': return import('./fast-C_gaBI-Z-_QxMsO8X.js');
+    case './icons/favorite.ts': return import('./favorite-BR-aUbK1-CRXvZzmB.js');
+    case './icons/file.ts': return import('./file-DGLhP2dH-BgMlZtFf.js');
+    case './icons/filter.ts': return import('./filter-DwnqmRGq-BR3roE_6.js');
+    case './icons/flag.ts': return import('./flag-v3lsk99z-BdeZ6cXU.js');
+    case './icons/folder.ts': return import('./folder-BrVKnS5O-9o8ULe-B.js');
+    case './icons/funnel.ts': return import('./funnel-DrnkrFGZ-DC5GDe3e.js');
+    case './icons/gear.ts': return import('./gear-B7IITaL9-CGcxMsbT.js');
+    case './icons/graph.ts': return import('./graph-Bu0acDI3-CqW0RSkj.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-BroLBWhF-DUJ17p4W.js');
+    case './icons/hand.ts': return import('./hand-DauHetsh-DBk-50wF.js');
+    case './icons/high-signal.ts': return import('./high-signal-Bdv6DrsH-DEXeivY3.js');
+    case './icons/history.ts': return import('./history-BR7NiWqh-CIZZSa2r.js');
+    case './icons/home.ts': return import('./home-CcD2tfqJ-DymC-rsz.js');
+    case './icons/hourglass.ts': return import('./hourglass-BLb8ye4R-B-L6XxFs.js');
+    case './icons/import-2.ts': return import('./import-2-DLZnjBt2-DoIhJTqD.js');
+    case './icons/import.ts': return import('./import-3VUSDzGG-HNdvizIE.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-DsXCz0A4-Dg4ZT4GB.js');
+    case './icons/info.ts': return import('./info-DtwhtKn5-Cc7A0ilz.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-BPbWnX6a-DV0FymgA.js');
+    case './icons/invoice.ts': return import('./invoice-D5x51WgJ-CRMw7xjk.js');
+    case './icons/kanban.ts': return import('./kanban-G9zs_2Jh-BbFI_LOn.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-Cs1tlTsv-cuIFOowm.js');
+    case './icons/like.ts': return import('./like-D9eZZzf4-DQrVxUhr.js');
+    case './icons/link.ts': return import('./link-CPQ5wSGW-DY_zAUmg.js');
+    case './icons/list.ts': return import('./list-4ICrgy-L-BQxKe-jL.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-DLm6Qok1-ChjssVmD.js');
+    case './icons/log-out.ts': return import('./log-out-BcS6Gvfm-CRJIhqtK.js');
+    case './icons/low-signal.ts': return import('./low-signal-mB7EzA6T-B7osuxf5.js');
+    case './icons/map.ts': return import('./map-CqT3Uyf3-CuFGOTFj.js');
+    case './icons/medal.ts': return import('./medal-Cdnn_Ch0-CtdEt8RZ.js');
+    case './icons/megaphone.ts': return import('./megaphone-ByudiqtH-CeAWxXDg.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-DCTJIW7D-DHx-p7ti.js');
+    case './icons/minus.ts': return import('./minus-QGlsWMPP-C7hGaw6X.js');
+    case './icons/network-signal.ts': return import('./network-signal-URXpHrje-CJQJl3Og.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-G_LW-ELV-CKDOCw0y.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-Dulb26_x-Dsr77yEe.js');
+    case './icons/notes.ts': return import('./notes-qqcOdnhJ-JUX9QsSQ.js');
+    case './icons/order.ts': return import('./order-A9zBruLA-dbWmMzAT.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-DegnTVNq-B46-k0XQ.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-C0yZ7IlG-BY2--z0w.js');
+    case './icons/padlock.ts': return import('./padlock-OYiykwhT-C_14TZ6v.js');
+    case './icons/pencil.ts': return import('./pencil-Gulzaumq-BRcQQEmY.js');
+    case './icons/phone.ts': return import('./phone-CyQYbN4K-CTBfK1_U.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-CTQkv8S3-Sa9DOaje.js');
+    case './icons/pin-map.ts': return import('./pin-map-DXTLyMBY-Cc_Va3nN.js');
+    case './icons/pin.ts': return import('./pin-DRHd4i3Y-AKP1GQz5.js');
+    case './icons/plugs.ts': return import('./plugs-nWwqYxQi-7T4nC-lL.js');
+    case './icons/plus.ts': return import('./plus-CLQrGVKf-DTgjhSjW.js');
+    case './icons/pod.ts': return import('./pod-Km2lz1g1-CpoMdIzz.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-2Cg5I0Gp-Jte98ZpH.js');
+    case './icons/print.ts': return import('./print-D_tnq8du-BUw2U9F_.js');
+    case './icons/profile.ts': return import('./profile-C9u4gyOa-CMLP_1gp.js');
+    case './icons/question-dot.ts': return import('./question-dot-DX1M70ne--y_G6ueU.js');
+    case './icons/receipt.ts': return import('./receipt-XtyjnoH2-QpOtdcx0.js');
+    case './icons/redo.ts': return import('./redo-B4ntvwwj-DopdUbZj.js');
+    case './icons/refresh.ts': return import('./refresh-D0GwaUZN-DMAEWsh-.js');
+    case './icons/reloading.ts': return import('./reloading-D3kOdDp1-czSUElfw.js');
+    case './icons/road.ts': return import('./road-CSE4tMSX-Bhod014I.js');
+    case './icons/round-trip.ts': return import('./round-trip-D9IstmvZ-Bpa0DBkA.js');
+    case './icons/satellite.ts': return import('./satellite-cZ73hXXv-Cz4lLPWd.js');
+    case './icons/search.ts': return import('./search-WVomYPWv-CBZUceR8.js');
+    case './icons/send.ts': return import('./send-B5SDerBW-CPy8U_SC.js');
+    case './icons/share.ts': return import('./share-Py85hWYp-DSwaPi83.js');
+    case './icons/ship.ts': return import('./ship-D7NOvlYd-DefHOrHP.js');
+    case './icons/signal.ts': return import('./signal-BTdMNvtO-BdWxwxUW.js');
+    case './icons/sparkle.ts': return import('./sparkle-BDCTyket-DkxNZFQR.js');
+    case './icons/star.ts': return import('./star-tOPK0GD0-CsdxqzVW.js');
+    case './icons/swap.ts': return import('./swap-BamOmchJ-vpzAkcaS.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-BMzpMQOE-BROB-gDg.js');
+    case './icons/tag.ts': return import('./tag-B3drJy54-D3r7jmSi.js');
+    case './icons/telephone-slash.ts': return import('./telephone-slash-CBt2PRpH-Blln-mzI.js');
+    case './icons/telephone.ts': return import('./telephone-zWW-kymk-5bxUDbja.js');
+    case './icons/terminal.ts': return import('./terminal-O35eX2_4-CL8I6QCs.js');
+    case './icons/timer.ts': return import('./timer-CFf6UKw1-C7K7CVAv.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-BOYcGd_Y-CPKiu1cN.js');
+    case './icons/train.ts': return import('./train-D3llOBiv-DbHpnydG.js');
+    case './icons/trash.ts': return import('./trash-DElpe2Vu-Bdp-PcgS.js');
+    case './icons/trend-down.ts': return import('./trend-down-DEULo2-a-BX4rzMJx.js');
+    case './icons/trend-up.ts': return import('./trend-up-DEmfz-Z5-ClRkOIow.js');
+    case './icons/trophee.ts': return import('./trophee-DVnnA3fM-Div00N4k.js');
+    case './icons/truck.ts': return import('./truck-CaKAowXn-QYycELv5.js');
+    case './icons/undo.ts': return import('./undo-D3XXlRRi-C168R9d7.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-DBKn9nHi-BArihnll.js');
+    case './icons/up.ts': return import('./up-B66SzPag-CX-k2YSV.js');
+    case './icons/upgrade.ts': return import('./upgrade-DGxiQy9f-CPH9emXT.js');
+    case './icons/upload.ts': return import('./upload-ihQYWUbB-DFLbF60P.js');
+    case './icons/user.ts': return import('./user-DThmyOkm-DlnaYEsD.js');
+    case './icons/wallet.ts': return import('./wallet-D6LYE-S2-CZp2FlZ2.js');
+    case './icons/warehouse.ts': return import('./warehouse-7XsQyF8a-Cj4Ayp0C.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-CEAWStyi-__JQbq_d.js');
+    case './icons/wifi.ts': return import('./wifi-JfYt6maE-DPP1y00o.js');
+    case './icons/x-small.ts': return import('./x-small-C2ociQ7N-SwgsUONU.js');
+    case './icons/x.ts': return import('./x-CmIjnWCV-DU4pZ78U.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-2bVjPFOa-LUkJbGKF.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-D1CPR8Mi-D0M6mGBk.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -1895,7 +1895,7 @@ class Icon extends r$4 {
     }
 }
 _Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
-Icon.styles = [styles$G()];
+Icon.styles = [styles$F()];
 Icon.define();
 
 var _Accordion_instances, _Accordion_accordionTrigger_get, _Accordion_accordionPanel_get, _Accordion_accordionContent_get, _Accordion_handleExpand, _Accordion_toggle, _Accordion_handleTransition;
@@ -1993,7 +1993,7 @@ _Accordion_handleTransition = new WeakMap(), _Accordion_instances = new WeakSet(
         detail: { name: 'accordion', value: this.expanded },
     });
 };
-Accordion.styles = [styles$H()];
+Accordion.styles = [styles$G()];
 Accordion.define();
 
 class AccordionTitle extends Component {
@@ -2112,7 +2112,7 @@ Avatar.define();
  * SPDX-License-Identifier: BSD-3-Clause
  */const o$3=o=>o??E$1;
 
-function styles$F(selector = '#button') {
+function styles$E(selector = '#button') {
     return i$9 `
 		:host {
 			${typography('button-md')};
@@ -2229,9 +2229,9 @@ function styles$F(selector = '#button') {
 	`;
 }
 
-function styles$E() {
+function styles$D() {
     return [
-        styles$F(),
+        styles$E(),
         i$9 `
 			:host([variant='primary']) {
 				--m-button-background-color: ${getColor('color-primary-60')};
@@ -2504,7 +2504,7 @@ function styles$E() {
 }
 
 const DEFAULT_SIZE$2 = 10;
-function styles$D() {
+function styles$C() {
     return i$9 `
 		:host {
 			color: inherit;
@@ -2580,7 +2580,7 @@ _DotsLoader_instances = new WeakSet(), _DotsLoader_getSize = function _DotsLoade
     }
     return `${parsedSize || DEFAULT_SIZE$2}px`;
 };
-DotsLoader.styles = [styles$D()];
+DotsLoader.styles = [styles$C()];
 DotsLoader.define();
 
 var _Button_handleDisabledChange, _Button_handleClick, _Button_handleLinkClick, _Button_handleSubmit, _Button_handleReset, _Button_isDisabled, _Button_isLink;
@@ -2746,7 +2746,7 @@ Button.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Button.styles = [styles$E()];
+Button.styles = [styles$D()];
 Button.define();
 
 var _BackButton_handleLabelChange;
@@ -2810,7 +2810,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$C() {
+function styles$B() {
     return i$9 `
 		:host {
 			--m-host-size: 24px;
@@ -2913,7 +2913,7 @@ _Badge_instances = new WeakSet(), _Badge_counter_get = function _Badge_counter_g
     }
     return E$1;
 };
-Badge.styles = [styles$C()];
+Badge.styles = [styles$B()];
 Badge.define();
 
 class BannerActionPrimary extends Button {
@@ -2955,7 +2955,7 @@ class BannerActionSecondary extends Button {
 }
 BannerActionSecondary.define();
 
-function styles$B() {
+function styles$A() {
     return i$9 `
 		:host {
 			display: flex;
@@ -2984,10 +2984,10 @@ class BannerActions extends Component {
 		`;
     }
 }
-BannerActions.styles = [styles$B()];
+BannerActions.styles = [styles$A()];
 BannerActions.define();
 
-function styles$A() {
+function styles$z() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -3012,7 +3012,7 @@ class BannerDescription extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerDescription.styles = [styles$A()];
+BannerDescription.styles = [styles$z()];
 BannerDescription.define();
 
 class BannerIcon extends Component {
@@ -3033,7 +3033,7 @@ class BannerIcon extends Component {
 }
 BannerIcon.define();
 
-function styles$z() {
+function styles$y() {
     return i$9 `
 		:host {
 			${typography('body-md-bold')};
@@ -3069,10 +3069,10 @@ class BannerTitle extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerTitle.styles = [styles$z()];
+BannerTitle.styles = [styles$y()];
 BannerTitle.define();
 
-function styles$y() {
+function styles$x() {
     return i$9 `
 		:host {
 			display: block;
@@ -3192,7 +3192,7 @@ function toRem(value, base = BASE_PIXELS) {
     return r$8(`${parseInt(String(value), 10) / base}rem`);
 }
 
-function styles$x() {
+function styles$w() {
     return i$9 `
 		:host {
 			--m-close-button-base-color: ${getColor('color-text-primary')};
@@ -3368,7 +3368,7 @@ CloseButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CloseButton.styles = [styles$x()];
+CloseButton.styles = [styles$w()];
 CloseButton.define();
 
 /**
@@ -3432,7 +3432,7 @@ const TEXT_CONTENT_HTML_TAGS = [
     'var', // Variables
 ];
 
-function styles$w() {
+function styles$v() {
     return i$9 `
 		:host {
 			--m-text-color: ${getColor('color-text-primary')};
@@ -3626,7 +3626,7 @@ class Text extends Component {
         return u `<slot></slot>`;
     }
 }
-Text.styles = [styles$w()];
+Text.styles = [styles$v()];
 Text.define();
 
 var _Banner_primaryAction, _Banner_handleDismissClick;
@@ -3742,7 +3742,7 @@ class Banner extends Component {
     }
 }
 _Banner_primaryAction = new WeakMap(), _Banner_handleDismissClick = new WeakMap();
-Banner.styles = [styles$y()];
+Banner.styles = [styles$x()];
 Banner.define();
 
 var _BaseLayout_setOrRemoveProperty;
@@ -3848,7 +3848,7 @@ function getBaseLayoutStyles(cssPropertiesPrefix) {
 	`;
 }
 
-function styles$v() {
+function styles$u() {
     return i$9 `
 		:host {
 			--m-body-padding: ${getToken$1('spacing-4')};
@@ -3893,7 +3893,7 @@ class Body extends BaseLayout {
 Body.CSSPropertiesPrefix = 'body';
 Body.styles = [
     getBaseLayoutStyles(Body.CSSPropertiesPrefix),
-    styles$v(),
+    styles$u(),
 ];
 Body.define();
 
@@ -4948,7 +4948,7 @@ class CardTitle extends Component {
 CardTitle.styles = [cardTitleStyles()];
 CardTitle.define();
 
-function styles$u() {
+function styles$t() {
     return i$9 `
 		.m-divider {
 			border: 0;
@@ -4973,7 +4973,7 @@ class Divider extends Component {
         return x `<hr class="m-divider" />`;
     }
 }
-Divider.styles = [styles$u()];
+Divider.styles = [styles$t()];
 Divider.define();
 
 class CardDivider extends Divider {
@@ -5075,7 +5075,7 @@ class CardActionTertiary extends Button {
 }
 CardActionTertiary.define();
 
-function styles$t() {
+function styles$s() {
     return i$9 `
 		:host {
 			--m-caret-button-base-color: ${getColor('color-text-primary')};
@@ -5256,10 +5256,10 @@ CaretButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CaretButton.styles = [styles$t()];
+CaretButton.styles = [styles$s()];
 CaretButton.define();
 
-function styles$s() {
+function styles$r() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -5602,7 +5602,7 @@ Checkbox.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Checkbox.styles = [styles$s()];
+Checkbox.styles = [styles$r()];
 Checkbox.define();
 
 /**
@@ -5635,7 +5635,7 @@ function attachContextRoot() {
 
 const dialogContext = n$4(Symbol('dialog'));
 
-function styles$r() {
+function styles$q() {
     return i$9 `
 		:host {
 			--margin: ${getToken$1('spacing-6')};
@@ -5882,7 +5882,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$r()];
+Dialog.styles = [styles$q()];
 Dialog.define();
 
 const DIALOG_SIZES = [
@@ -5985,7 +5985,7 @@ class DialogActions extends Group {
 }
 DialogActions.define();
 
-function styles$q() {
+function styles$p() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6008,7 +6008,7 @@ class DialogBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DialogBody.styles = [styles$q()];
+DialogBody.styles = [styles$p()];
 DialogBody.define();
 
 class DialogClose extends CloseButton {
@@ -6043,7 +6043,7 @@ class DialogFooter extends Component {
 }
 DialogFooter.define();
 
-function styles$p() {
+function styles$o() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6121,10 +6121,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$p()];
+DialogHeader.styles = [styles$o()];
 DialogHeader.define();
 
-function styles$o() {
+function styles$n() {
     return i$9 `
 		:host {
 			--padding: ${getToken$1('spacing-6')};
@@ -6351,7 +6351,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$o()];
+Drawer.styles = [styles$n()];
 Drawer.define();
 
 const DRAWER_SIZES = ['small', 'medium', 'large'];
@@ -6398,7 +6398,7 @@ class DrawerActionTertiary extends Button {
 }
 DrawerActionTertiary.define();
 
-function styles$n() {
+function styles$m() {
     return i$9 `
 		:host {
 			margin-top: auto;
@@ -6428,10 +6428,10 @@ class DrawerActions extends Group {
         this.setAttribute('slot', 'actions');
     }
 }
-DrawerActions.styles = [...Group.styles, styles$n()];
+DrawerActions.styles = [...Group.styles, styles$m()];
 DrawerActions.define();
 
-function styles$m() {
+function styles$l() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6456,7 +6456,7 @@ class DrawerBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DrawerBody.styles = [styles$m()];
+DrawerBody.styles = [styles$l()];
 DrawerBody.define();
 
 class DrawerClose extends CloseButton {
@@ -6477,7 +6477,7 @@ class DrawerClose extends CloseButton {
 }
 DrawerClose.define();
 
-function styles$l() {
+function styles$k() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6530,7 +6530,7 @@ class DrawerHeader extends Component {
 		`;
     }
 }
-DrawerHeader.styles = [styles$l()];
+DrawerHeader.styles = [styles$k()];
 DrawerHeader.define();
 
 /**
@@ -7157,6 +7157,90 @@ 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.
@@ -8035,6 +8119,15 @@ 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.
@@ -8171,7 +8264,7 @@ const POPOVER_PLACEMENT_VALUES = [
     'bottom-start',
     'bottom-end',
 ];
-const logger$c = createLogger('popover');
+const logger$d = createLogger('popover');
 class Popover extends Component {
     static get properties() {
         return {
@@ -8185,16 +8278,12 @@ 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$c.warn('[popover]', 'both floating and reference elements should be available', { reference: this.reference, floating: this.floating });
+                logger$d.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, {
@@ -8208,6 +8297,7 @@ 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.
@@ -8230,21 +8320,22 @@ 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', this.getFloatingOffset()),
+                    y: getPositionOffset(hasArrow, 'top', floatingOffset.mainAxis),
                 },
                 bottom: {
                     x: '0px',
-                    y: getPositionOffset(hasArrow, 'bottom', this.getFloatingOffset()),
+                    y: getPositionOffset(hasArrow, 'bottom', floatingOffset.mainAxis),
                 },
                 right: {
-                    x: getPositionOffset(hasArrow, 'right', this.getFloatingOffset()),
+                    x: getPositionOffset(hasArrow, 'right', floatingOffset.mainAxis),
                     y: '0px',
                 },
                 left: {
-                    x: getPositionOffset(hasArrow, 'left', this.getFloatingOffset()),
+                    x: getPositionOffset(hasArrow, 'left', floatingOffset.mainAxis),
                     y: '0px',
                 },
             };
@@ -8292,7 +8383,8 @@ class Popover extends Component {
         super.disconnectedCallback();
         __classPrivateFieldGet$1(this, _Popover_updateCleanup, "f")?.call(this);
     }
-    firstUpdated() {
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
         if (this.asPopover && supportsPopover() && this.floating) {
             /**
              * setting this attribute to manual means the popover must always be explicitly hidden
@@ -8324,6 +8416,13 @@ 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();
     }
@@ -8341,7 +8440,11 @@ class Popover extends Component {
         if (!this.reference || !this.floating) {
             return;
         }
-        if (isPopover(this.floating)) {
+        /**
+         * 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) {
             this.floating.showPopover();
         }
         this.reposition('auto');
@@ -8354,7 +8457,9 @@ class Popover extends Component {
             return;
         }
         this.open = false;
-        if (this.floating != null && isPopover(this.floating)) {
+        if (this.floating != null &&
+            isPopover(this.floating) &&
+            this.floating.isConnected) {
             this.floating.hidePopover();
         }
         __classPrivateFieldGet$1(this, _Popover_updateCleanup, "f")?.call(this);
@@ -8371,99 +8476,70 @@ 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 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;
-			}
-
-			${r$8(referenceSelector)} {
-				display: inline-flex;
-			}
-
-			${r$8(floatingSelector)} {
-				${transition([{ property: 'box-shadow' }])};
-				${typography('body-md')};
-
-				padding-inline: var(--m-popover-floating-spacing-x);
-				padding-block: var(--m-popover-floating-spacing-y);
-				margin: 0;
-
-				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);
-			}
+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));
 
-			:host([position='absolute']) {
-				--m-popover-floating-position: absolute;
-			}
+			position: relative;
+		}
 
-			:host([position='fixed']) {
-				--m-popover-floating-position: fixed;
-			}
+		:host([position='absolute']) {
+			--m-popover-floating-position: absolute;
+		}
 
-			:host([open]) {
-				--m-popover-floating-display: inline-block;
-			}
+		: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);
 
-			#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);
+			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);
 
-				pointer-events: none;
-			}
-		`,
+			pointer-events: none;
+		}
+	`;
+}
+function popoverStyles(selectors = DEFAULT_SELECTORS) {
+    const { floatingSelector, arrowSelector } = {
+        ...DEFAULT_SELECTORS,
+        ...selectors,
+    };
+    return [
+        popoverHostStyles(),
+        popoverFloatingStyles({ floatingSelector }),
+        popoverArrowStyles({ arrowSelector }),
     ];
 }
 
@@ -8598,6 +8674,137 @@ _BoundaryController_handleEvent = new WeakMap(), _BoundaryController_handleBlurE
     window.removeEventListener('blur', __classPrivateFieldGet$1(this, _BoundaryController_handleBlurEvent, "f"), true);
 };
 
+const logger$c = 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$c.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) {
@@ -8899,35 +9106,41 @@ _KeyboardSupportController_handleKey = new WeakMap(), _KeyboardSupportController
 
 const TRIGGER_SELECTOR$1 = '[aria-haspopup="true"]';
 const MENU_SELECTOR$1 = '[role="menu"]';
-const ITEM_SELECTOR = '[role="menuitem"]';
-
+const ITEM_SELECTOR$1 = '[role="menuitem"]';
 function dropdownStyles() {
     return [
-        styles$k({
-            referenceSelector: `::slotted(${TRIGGER_SELECTOR$1})`,
-            floatingSelector: `::slotted(${MENU_SELECTOR$1})`,
-        }),
+        popoverHostStyles(),
+        expandableHostStyles(),
         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;
-
 				display: inline-block;
+				box-sizing: border-box;
 			}
 
-			::slotted(${r$8(MENU_SELECTOR$1)}) {
-				--m-popover-background-color: ${getColor('color-background-primary')};
-
-				outline: none;
+			:host([hidden]) {
+				display: none;
 			}
 
-			:host([open]) ::slotted(${r$8(MENU_SELECTOR$1)}) {
+			::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;
+
+				overflow: auto;
+
+				border: none;
+				border-radius: ${getToken$1('border-radius-m')};
+
+				background-color: ${getColor('color-background-primary')};
+				color: ${getColor('color-text-secondary')};
 			}
 		`,
     ];
@@ -8936,7 +9149,7 @@ function triggerStyles() {
     return [
         i$9 `
 			:host {
-				--m-dropdown-trigger-background-color: ${getColor('color-background-primary')};
+				--m-dropdown-trigger-background-color: inherit;
 				--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')};
@@ -9040,6 +9253,14 @@ function triggerStyles() {
 		`,
     ];
 }
+function menuStyles() {
+    return [
+        expandableElementStyles(),
+        popoverFloatingStyles({
+            floatingSelector: ':host',
+        }),
+    ];
+}
 function itemStyles() {
     return [
         i$9 `
@@ -9144,16 +9365,12 @@ 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)) {
+            if (target.matches(ITEM_SELECTOR$1)) {
                 /**
                  * we set focus so we can trigger the item click event when the user
                  * presses <Enter> or <Space>, through the KeyboardSupportController.
@@ -9192,8 +9409,14 @@ 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,
+                query: ITEM_SELECTOR$1,
                 getInteractiveElement: () => {
                     return this.getFloatingElement();
                 },
@@ -9290,14 +9513,14 @@ class Dropdown extends Popover {
         this.addEventListener('focusout', __classPrivateFieldGet$1(this, _Dropdown_handleFocusOut, "f"));
         this.addEventListener('interactout', __classPrivateFieldGet$1(this, _Dropdown_handleClickOutside, "f"));
     }
-    firstUpdated() {
+    firstUpdated(changedProperties) {
         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();
+        super.firstUpdated(changedProperties);
     }
     updated(changedProperties) {
         super.updated(changedProperties);
@@ -9442,6 +9665,7 @@ class DropdownMenu extends WithIdElementMixin(Component) {
         return x `<slot name="menu-item"></slot>`;
     }
 }
+DropdownMenu.styles = [menuStyles()];
 DropdownMenu.define();
 
 class DropdownItem extends WithIdElementMixin(Component) {
@@ -13247,25 +13471,21 @@ _SideNavigationTrigger_handleClick = new WeakMap();
 SideNavigationTrigger.styles = [sideNavigationTriggerStyles()];
 SideNavigationTrigger.define();
 
-const TRIGGER_SELECTOR = '[role="combobox"]';
-const MENU_SELECTOR = '[role="listbox"]';
 const SEARCH_DELAY = 250;
 
+const TRIGGER_SELECTOR = '[role="combobox"]';
+const MENU_SELECTOR = '[role="listbox"]';
+const ITEM_SELECTOR = 'm-option';
 function selectStyles() {
     return [
-        styles$k({
-            referenceSelector: TRIGGER_SELECTOR,
+        expandableStyles({
+            expandableSelector: MENU_SELECTOR,
+        }),
+        popoverStyles({
             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;
@@ -13284,17 +13504,32 @@ function selectStyles() {
 			}
 
 			${r$8(MENU_SELECTOR)} {
-				--m-popover-background-color: ${getColor('color-background-primary')};
-				--m-popover-overflow-y: auto;
+				display: inline-flex;
+				flex-direction: column;
 
-				max-block-size: var(--m-select-max-height);
-				outline: none;
-			}
+				padding-inline: ${getToken$1('spacing-2')};
+				padding-block: ${getToken$1('spacing-2')};
 
-			:host([open]) ${r$8(MENU_SELECTOR)} {
-				display: inline-flex;
+				margin: 0;
 
-				flex-direction: column;
+				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;
+
+				max-block-size: var(--m-select-max-height);
+				outline: none;
 			}
 
 			/**
@@ -13493,7 +13728,7 @@ function pickerStyles() {
 			 */
 			:host([type='single']:not(:focus-within)) #clear,
 			:host([type='single']:focus-within)
-				#trigger-wrapper:has(> #trigger:placeholder-shown)
+				#trigger-wrapper:has(${r$8('> #trigger:placeholder-shown')})
 				~ #clear {
 				visibility: hidden;
 				opacity: 0;
@@ -15354,7 +15589,7 @@ class Select extends WithSelectionControlMixin(Popover) {
                 return;
             }
             const element = event.target;
-            if (element.matches('m-option') && element.value) {
+            if (element.matches(ITEM_SELECTOR) && element.value) {
                 this.toggleOptions(element.value);
                 this.trigger?.focus();
                 if (!this.isMultiple) {
@@ -15397,7 +15632,7 @@ class Select extends WithSelectionControlMixin(Popover) {
                 flatten: true,
             })
                 .filter((descendant) => {
-                return descendant.matches('m-option');
+                return descendant.matches(ITEM_SELECTOR);
             });
             this.slottedOptions = elements;
         });
@@ -15466,9 +15701,15 @@ class Select extends WithSelectionControlMixin(Popover) {
         this.size = 'default';
         __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 FocusManagerController(this, {
                 query: () => {
-                    const selectors = 'm-option:not([hidden])';
+                    const selectors = `${ITEM_SELECTOR}:not([hidden])`;
                     return Array.from(this.querySelectorAll(selectors));
                 },
                 // search on type should happen via the input, not keyboard shortcuts.
@@ -17514,7 +17755,7 @@ function tableControlExpandStyles() {
 }
 function tableControlSelectStyles() {
     return [
-        styles$s(),
+        styles$r(),
         i$9 `
 			:host {
 				display: inline-flex;
@@ -20141,7 +20382,7 @@ function toggleGroupStyles() {
 }
 function toggleStyles() {
     return [
-        styles$F(),
+        styles$E(),
         i$9 `
 			:host {
 				${typography('button-md')};
@@ -20450,15 +20691,94 @@ function convertTriggerFromAttribute(value) {
 
 function styles$3() {
     return [
-        styles$k({
-            floatingSelector: ':host', // the  host itself is the floating element
+        popoverStyles({
+            floatingSelector: ':host',
         }),
         i$9 `
 			:host {
-				--m-popover-width: max-content;
-				--m-popover-min-width: 80px;
-				--m-popover-max-width: 240px;
-				--m-popover-overflow-x: visible;
+				${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);
+				}
 			}
 		`,
     ];
@@ -20554,11 +20874,14 @@ 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() {
-        super.firstUpdated();
+    firstUpdated(changedProperties) {
+        super.firstUpdated(changedProperties);
         if (this.reference) {
             this.reference.setAttribute('aria-describedby', this.id);
         }
+        if (!this.open) {
+            this.style.display = 'none';
+        }
     }
     update(changedProperties) {
         if (changedProperties.has('open')) {
@@ -20588,6 +20911,17 @@ 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()];