@loadsmart/miranda-wc 3.19.0 → 3.20.1

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

@@ -158,7 +158,7 @@ function isInsideElement(event, element) {
     return element.contains(event.target);
 }
 
-const logger$e = 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$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.`);
+            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,167 +1426,168 @@ function styles$F() {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    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');
+    case './icons/add-circle.ts': return import('./add-circle-D8GR7HIp-rqzX16wQ.js');
+    case './icons/alarm.ts': return import('./alarm-DvsnXyCn-Dl-Pb90R.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-CciyCidA-CU5_JTao.js');
+    case './icons/anchor.ts': return import('./anchor-RmlnUh3Y-BUvIA2lj.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-CbnqzTnC-DOYLyaXz.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-cVF_uhn--B7-cyzcC.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-fgHkGdvd-LUmeMWAG.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-dPywcHtc-DKgqyUWv.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-DWe4ByWc-DCX2f7hE.js');
+    case './icons/asterisk.ts': return import('./asterisk-c7H1Z3z9-B10E9GPX.js');
+    case './icons/attention.ts': return import('./attention-CFnXg-9k-NxIez5L9.js');
+    case './icons/automatic.ts': return import('./automatic-CRcYScDU-D56xoZUI.js');
+    case './icons/bank.ts': return import('./bank-DUt8rYrh--3HQ4Fjr.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-D0Sx10sX-B9QXRcvK.js');
+    case './icons/bell.ts': return import('./bell-DtiNonih-fA0sHGfX.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-CLbFYNEW-qKLFrkiP.js');
+    case './icons/board.ts': return import('./board-Dy95Mg2j-BQMVj49q.js');
+    case './icons/bol.ts': return import('./bol-BzEYbKt3-AW5Cd2ao.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-BbadiM0J-CdUtvGZk.js');
+    case './icons/bolt.ts': return import('./bolt-CBYBC1fZ-CfVXpFip.js');
+    case './icons/box.ts': return import('./box-D9eR_wjc-C-0-X67x.js');
+    case './icons/broadcast.ts': return import('./broadcast-DkSImygG-BcSXsaMR.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-CpM13O5d-DDXyR7od.js');
+    case './icons/calendar.ts': return import('./calendar-Bw24r0eB-tUtnhyPR.js');
+    case './icons/camera.ts': return import('./camera-CJxYoVEE-DzkWPgbn.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-B05dh0Oa-BpB3Qg2b.js');
+    case './icons/caret-down.ts': return import('./caret-down-h1fN7cYR-CLdenfgK.js');
+    case './icons/caret-left.ts': return import('./caret-left-DThw61oc-COCdd0uG.js');
+    case './icons/caret-right.ts': return import('./caret-right-lmwUzpTJ-4yllfqD_.js');
+    case './icons/caret-up.ts': return import('./caret-up-DC9uzkG3-Cf6rA1bR.js');
+    case './icons/carrier-contract.ts': return import('./carrier-contract-D3w9LEl1-BQocsDNR.js');
+    case './icons/chat.ts': return import('./chat-BJuvV5Pe-BjXYvJoe.js');
+    case './icons/check.ts': return import('./check-B8hieN0q-CtSrDC8G.js');
+    case './icons/clip.ts': return import('./clip-BbUtEiJw-CPVC4JzS.js');
+    case './icons/clock.ts': return import('./clock-HU4Z8oDW-BmUl1Sdi.js');
+    case './icons/clown.ts': return import('./clown-C_aXCfIY-8RllnDkJ.js');
+    case './icons/code.ts': return import('./code-DditZtFa-D6wDJcft.js');
+    case './icons/comment.ts': return import('./comment-OhEf_K3U-BJQLMEhq.js');
+    case './icons/company.ts': return import('./company-GGMqPn7m-9vHpU_Pw.js');
+    case './icons/confetti.ts': return import('./confetti-DTf48nQT-x-KIAkWD.js');
+    case './icons/contract.ts': return import('./contract-uEstCmCZ-KSFWAXBt.js');
+    case './icons/copy.ts': return import('./copy-CrESvrlT-j7BAKuIE.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-DHHqYfPD-DNAIuTDo.js');
+    case './icons/corner-down.ts': return import('./corner-down-D3R808P2-DjBmKfuz.js');
+    case './icons/corner-up.ts': return import('./corner-up-CpeSRUut-VOxSDmWt.js');
+    case './icons/credit-card.ts': return import('./credit-card-Y-rKezm9-4bmaWQdY.js');
+    case './icons/delivery.ts': return import('./delivery-Bu25qouV-C5ln6V1e.js');
+    case './icons/dislike.ts': return import('./dislike-f7xt_xLz-CmAKIT2G.js');
+    case './icons/document-csv.ts': return import('./document-csv-CJ_rikwo-CH5UIVCz.js');
+    case './icons/document-file-plus.ts': return import('./document-file-plus-DXYbzrry-BtCL3X1b.js');
+    case './icons/document-file.ts': return import('./document-file-C97TfBbb-DrFnFgQP.js');
+    case './icons/document-image.ts': return import('./document-image-P3sPLeU7-Ds9731iO.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-B61SlnZH-Cfx1HF26.js');
+    case './icons/dollar.ts': return import('./dollar-DQFu7jRe-HVBcl2o-.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-HMXTu6jK-DodKYBM9.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-DbYWnXjf-DnvaL0Dc.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-B3pMwaeW-B_sh4XlY.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-CRuoHcz9-9x0n7IPK.js');
+    case './icons/down.ts': return import('./down-D2E1TiMd-k896XmL6.js');
+    case './icons/download.ts': return import('./download-Cs8MGWKk-wl2lb9dX.js');
+    case './icons/drop-trailer.ts': return import('./drop-trailer-CtfiKE6C-CO9CIWUq.js');
+    case './icons/dropdown.ts': return import('./dropdown-D4YAlVem-CMKcmp2b.js');
+    case './icons/email-filled.ts': return import('./email-filled-BoBmrBy2-pRLm3H43.js');
+    case './icons/email.ts': return import('./email-Dp5Pf2c0-CrzqUkO-.js');
+    case './icons/export.ts': return import('./export-DI6N-W4t-DDe7-mwC.js');
+    case './icons/eye.ts': return import('./eye-CxJlwVyG-Cr3Vbyjh.js');
+    case './icons/fast.ts': return import('./fast-DSGpOnNz-DF2_qrHo.js');
+    case './icons/favorite.ts': return import('./favorite-DCiAjNde-BvZKAkll.js');
+    case './icons/file.ts': return import('./file-yZbHQhUl-CTXpo0I4.js');
+    case './icons/filter.ts': return import('./filter-ChnOtytk-CES6zMz1.js');
+    case './icons/flag.ts': return import('./flag-BYUWBFve-C9lcSWkl.js');
+    case './icons/folder.ts': return import('./folder-C1yIMzwT-BMkWhF0p.js');
+    case './icons/funnel.ts': return import('./funnel-DVNzdeHn-DmGrGzTa.js');
+    case './icons/gear.ts': return import('./gear-DVN-Mlay-DTSqEfTw.js');
+    case './icons/graph.ts': return import('./graph-CDAcdgxb-BUnrAlIB.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-BPuO1cDK-BGQNEEgb.js');
+    case './icons/hand.ts': return import('./hand-J2Q8zHjy-yvGRy8b5.js');
+    case './icons/high-signal.ts': return import('./high-signal-CJCdEgfs-D73GOQbP.js');
+    case './icons/history.ts': return import('./history-djHImp2F-DHR3b8sm.js');
+    case './icons/home.ts': return import('./home-CZTskUk6-DkZdYzOm.js');
+    case './icons/hourglass.ts': return import('./hourglass-DBfZhOZc-DyVDHsk3.js');
+    case './icons/import-2.ts': return import('./import-2-CCQbAqJC-RseV1oxN.js');
+    case './icons/import.ts': return import('./import-CWQIOzYg-Dz164qLH.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-CAxMln7g-V902Cu4i.js');
+    case './icons/info.ts': return import('./info-BagCT-6J-hW70QUns.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-BegwymRL-ZZHciea9.js');
+    case './icons/invoice.ts': return import('./invoice-CcHQM3aD-Cq0CYUKo.js');
+    case './icons/kanban.ts': return import('./kanban-CamGgx02-D9IbMxfH.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-GXgX_p77-kqOaJSVm.js');
+    case './icons/like.ts': return import('./like-pypm8cZb-DPgmEHv0.js');
+    case './icons/link.ts': return import('./link-C78p_nfh-DT90wbus.js');
+    case './icons/list.ts': return import('./list-ZvvMoOZC-BHUcE8hW.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-cTRuVngr-B4h1mn_N.js');
+    case './icons/log-out.ts': return import('./log-out-D0rsK_hL-CRIYDDYW.js');
+    case './icons/low-signal.ts': return import('./low-signal-ChPuXkOj-B59X4qne.js');
+    case './icons/map.ts': return import('./map-DoCM6Icv-DsSGEq_T.js');
+    case './icons/medal.ts': return import('./medal-BfxaWV2e-CVm7Fpro.js');
+    case './icons/megaphone.ts': return import('./megaphone-D-wENWly-CZlmcLZ1.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-5BWtrL7x-BhTAKHUT.js');
+    case './icons/minus.ts': return import('./minus-DeAgpuYs-BKSAxSUG.js');
+    case './icons/network-signal.ts': return import('./network-signal-ArgTnIRC-DNIlnPIs.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-CgymNbzE-BI8fTvrA.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-Cey3t5lq-BqA_Bdym.js');
+    case './icons/notes.ts': return import('./notes-CwHz87sB-B3yndc7h.js');
+    case './icons/order.ts': return import('./order-Bij1i3I_-Dx9JnZqu.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-0tPl2-V6-B5BjAHdM.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-DsdirI1D-Bsg_w_90.js');
+    case './icons/padlock.ts': return import('./padlock-03J2WF4E-BaivZmpz.js');
+    case './icons/pencil.ts': return import('./pencil-DdQuTIdq-B3TLVF8K.js');
+    case './icons/phone.ts': return import('./phone-DxUV8Sam-CMS6C9fu.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-CLY-DTBX-DhSbtV7y.js');
+    case './icons/pin-map.ts': return import('./pin-map-BM8KCWNR-BkZiFXct.js');
+    case './icons/pin.ts': return import('./pin-CMOpAH0o-CayZfoJz.js');
+    case './icons/plugs.ts': return import('./plugs-BUdH_rKq-YrhjLcBk.js');
+    case './icons/plus.ts': return import('./plus-C6q7a_Ye-CyQLvQyz.js');
+    case './icons/pod.ts': return import('./pod-DaOt268o-D6OlP2V1.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-Bl-VrgaV-CKtYOy2_.js');
+    case './icons/print.ts': return import('./print-VmAdWuLi-C-lmHmGk.js');
+    case './icons/profile.ts': return import('./profile-DY2MBhTO-rkgpn9Dd.js');
+    case './icons/question-dot.ts': return import('./question-dot-D6rIIpej-eSsVzeX-.js');
+    case './icons/receipt.ts': return import('./receipt-XDhCyjM1-C3ovuEkq.js');
+    case './icons/redo.ts': return import('./redo-Crq10k1q-DbakICvx.js');
+    case './icons/refresh.ts': return import('./refresh-8J_EbrVD-1wwBrN8K.js');
+    case './icons/reloading.ts': return import('./reloading-BWsOFaC2-BsrF_lhE.js');
+    case './icons/road.ts': return import('./road-Bqls-8Tc-CVH_FbIz.js');
+    case './icons/round-trip.ts': return import('./round-trip-Bi_XP1dI-C_HXLhKk.js');
+    case './icons/satellite.ts': return import('./satellite-oJvbPafJ-O6DV8OLo.js');
+    case './icons/search.ts': return import('./search-BpNmnjhn-rLt042J8.js');
+    case './icons/send.ts': return import('./send-D6gLJ3du-DTY7i_eI.js');
+    case './icons/share.ts': return import('./share-CaeVjx3p-B_ABjh2B.js');
+    case './icons/ship.ts': return import('./ship-DzBOeKZb-wfk-JtPu.js');
+    case './icons/signal.ts': return import('./signal-BlRzqjHm-BSnJV-1S.js');
+    case './icons/sparkle.ts': return import('./sparkle-IIugAmBL-BaVc7YaM.js');
+    case './icons/star.ts': return import('./star-DH21XrXI-fk2i7EG3.js');
+    case './icons/swap.ts': return import('./swap-BFfUqIXG-CFapPYhk.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-CpiGpaT8-DavTzLbe.js');
+    case './icons/tag.ts': return import('./tag-DYNmgnr5-CL4zzpXO.js');
+    case './icons/telephone-slash.ts': return import('./telephone-slash-C_6h6uyX-BfwL_ltY.js');
+    case './icons/telephone.ts': return import('./telephone-DD_iT4jO-DEWWPxIW.js');
+    case './icons/terminal.ts': return import('./terminal-CwCAy2fY-BtKFNlFe.js');
+    case './icons/timer.ts': return import('./timer-BOXy86Ru-BXzJdJZA.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-D2x_s92K-exoPIG9R.js');
+    case './icons/train.ts': return import('./train-DE70GhJS-B3VrXbhu.js');
+    case './icons/trash.ts': return import('./trash-DOeLslY8-CvQzBm75.js');
+    case './icons/trend-down.ts': return import('./trend-down-CY0HAJJV-CR67hJdN.js');
+    case './icons/trend-up.ts': return import('./trend-up-FvvaZZWM-DQA2SVDS.js');
+    case './icons/trophee.ts': return import('./trophee-p4Vq5IoY-LfXp0wrB.js');
+    case './icons/truck.ts': return import('./truck-mFDs2t6k-DdU6EIiM.js');
+    case './icons/undo.ts': return import('./undo-BXlORDkY-DoFCYCiF.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-D53txcUs-CJ5wCL9x.js');
+    case './icons/up.ts': return import('./up-DPzaRUIt-BnQYfpUK.js');
+    case './icons/upgrade.ts': return import('./upgrade-CaR1N9CP-Bbm_cHhM.js');
+    case './icons/upload.ts': return import('./upload-CmkgVZNe-DPQwuWw5.js');
+    case './icons/user.ts': return import('./user--tWFXXtO-3IFo2ptA.js');
+    case './icons/wallet.ts': return import('./wallet-DADHXjXe-BYekUQS_.js');
+    case './icons/warehouse.ts': return import('./warehouse-B72T2vnK-CQHIiwkK.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-CBrSIlIp-CrJPYOSa.js');
+    case './icons/wifi.ts': return import('./wifi-DpY9gd-a-lEf15sy5.js');
+    case './icons/x-small.ts': return import('./x-small-CLQi5TGx-CpnVPuJQ.js');
+    case './icons/x.ts': return import('./x-DBB3DCbz-B_tSiGqv.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-DnU7n3Tv-PL8yafoG.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-CWHtDVZ--quxgJObT.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -1648,6 +1649,7 @@ const AVAILABLE_ICONS = [
     'dislike',
     'document-csv',
     'document-file',
+    'document-file-plus',
     'document-image',
     'dollar',
     'dots-horizontal',
@@ -1895,7 +1897,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;
@@ -1993,7 +1995,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 {
@@ -2112,7 +2114,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')};
@@ -2229,9 +2231,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')};
@@ -2504,7 +2506,7 @@ function styles$D() {
 }
 
 const DEFAULT_SIZE$2 = 10;
-function styles$C() {
+function styles$D() {
     return i$9 `
 		:host {
 			color: inherit;
@@ -2580,7 +2582,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;
@@ -2746,7 +2748,7 @@ Button.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Button.styles = [styles$D()];
+Button.styles = [styles$E()];
 Button.define();
 
 var _BackButton_handleLabelChange;
@@ -2810,7 +2812,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;
@@ -2913,7 +2915,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 {
@@ -2955,7 +2957,7 @@ class BannerActionSecondary extends Button {
 }
 BannerActionSecondary.define();
 
-function styles$A() {
+function styles$B() {
     return i$9 `
 		:host {
 			display: flex;
@@ -2984,10 +2986,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')};
@@ -3012,7 +3014,7 @@ class BannerDescription extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerDescription.styles = [styles$z()];
+BannerDescription.styles = [styles$A()];
 BannerDescription.define();
 
 class BannerIcon extends Component {
@@ -3033,7 +3035,7 @@ class BannerIcon extends Component {
 }
 BannerIcon.define();
 
-function styles$y() {
+function styles$z() {
     return i$9 `
 		:host {
 			${typography('body-md-bold')};
@@ -3069,10 +3071,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;
@@ -3192,7 +3194,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')};
@@ -3368,7 +3370,7 @@ CloseButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CloseButton.styles = [styles$w()];
+CloseButton.styles = [styles$x()];
 CloseButton.define();
 
 /**
@@ -3432,7 +3434,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')};
@@ -3626,7 +3628,7 @@ class Text extends Component {
         return u `<slot></slot>`;
     }
 }
-Text.styles = [styles$v()];
+Text.styles = [styles$w()];
 Text.define();
 
 var _Banner_primaryAction, _Banner_handleDismissClick;
@@ -3742,7 +3744,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;
@@ -3848,7 +3850,7 @@ function getBaseLayoutStyles(cssPropertiesPrefix) {
 	`;
 }
 
-function styles$u() {
+function styles$v() {
     return i$9 `
 		:host {
 			--m-body-padding: ${getToken$1('spacing-4')};
@@ -3893,7 +3895,7 @@ class Body extends BaseLayout {
 Body.CSSPropertiesPrefix = 'body';
 Body.styles = [
     getBaseLayoutStyles(Body.CSSPropertiesPrefix),
-    styles$u(),
+    styles$v(),
 ];
 Body.define();
 
@@ -4948,7 +4950,7 @@ class CardTitle extends Component {
 CardTitle.styles = [cardTitleStyles()];
 CardTitle.define();
 
-function styles$t() {
+function styles$u() {
     return i$9 `
 		.m-divider {
 			border: 0;
@@ -4973,7 +4975,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 {
@@ -5075,7 +5077,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')};
@@ -5256,10 +5258,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')};
@@ -5602,7 +5604,7 @@ Checkbox.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Checkbox.styles = [styles$r()];
+Checkbox.styles = [styles$s()];
 Checkbox.define();
 
 /**
@@ -5635,7 +5637,7 @@ function attachContextRoot() {
 
 const dialogContext = n$4(Symbol('dialog'));
 
-function styles$q() {
+function styles$r() {
     return i$9 `
 		:host {
 			--margin: ${getToken$1('spacing-6')};
@@ -5882,7 +5884,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 = [
@@ -5985,7 +5987,7 @@ class DialogActions extends Group {
 }
 DialogActions.define();
 
-function styles$p() {
+function styles$q() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6008,7 +6010,7 @@ class DialogBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DialogBody.styles = [styles$p()];
+DialogBody.styles = [styles$q()];
 DialogBody.define();
 
 class DialogClose extends CloseButton {
@@ -6043,7 +6045,7 @@ class DialogFooter extends Component {
 }
 DialogFooter.define();
 
-function styles$o() {
+function styles$p() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6121,10 +6123,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')};
@@ -6351,7 +6353,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'];
@@ -6398,7 +6400,7 @@ class DrawerActionTertiary extends Button {
 }
 DrawerActionTertiary.define();
 
-function styles$m() {
+function styles$n() {
     return i$9 `
 		:host {
 			margin-top: auto;
@@ -6428,10 +6430,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;
@@ -6456,7 +6458,7 @@ class DrawerBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DrawerBody.styles = [styles$l()];
+DrawerBody.styles = [styles$m()];
 DrawerBody.define();
 
 class DrawerClose extends CloseButton {
@@ -6477,7 +6479,7 @@ class DrawerClose extends CloseButton {
 }
 DrawerClose.define();
 
-function styles$k() {
+function styles$l() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6530,7 +6532,7 @@ class DrawerHeader extends Component {
 		`;
     }
 }
-DrawerHeader.styles = [styles$k()];
+DrawerHeader.styles = [styles$l()];
 DrawerHeader.define();
 
 /**
@@ -7157,90 +7159,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.
@@ -8119,15 +8037,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.
@@ -8264,7 +8173,7 @@ const POPOVER_PLACEMENT_VALUES = [
     'bottom-start',
     'bottom-end',
 ];
-const logger$d = createLogger('popover');
+const logger$c = createLogger('popover');
 class Popover extends Component {
     static get properties() {
         return {
@@ -8278,12 +8187,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$d.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, {
@@ -8297,7 +8210,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.
@@ -8320,22 +8232,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',
                 },
             };
@@ -8383,8 +8294,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
@@ -8416,13 +8326,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();
     }
@@ -8440,11 +8343,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');
@@ -8457,9 +8356,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);
@@ -8476,70 +8373,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;
+			}
+		`,
     ];
 }
 
@@ -8674,137 +8600,6 @@ _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) {
@@ -9106,41 +8901,35 @@ _KeyboardSupportController_handleKey = new WeakMap(), _KeyboardSupportController
 
 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;
 			}
 		`,
     ];
@@ -9149,7 +8938,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')};
@@ -9253,14 +9042,6 @@ function triggerStyles() {
 		`,
     ];
 }
-function menuStyles() {
-    return [
-        expandableElementStyles(),
-        popoverFloatingStyles({
-            floatingSelector: ':host',
-        }),
-    ];
-}
 function itemStyles() {
     return [
         i$9 `
@@ -9365,12 +9146,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.
@@ -9409,14 +9194,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();
                 },
@@ -9513,14 +9292,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);
@@ -9665,7 +9444,6 @@ class DropdownMenu extends WithIdElementMixin(Component) {
         return x `<slot name="menu-item"></slot>`;
     }
 }
-DropdownMenu.styles = [menuStyles()];
 DropdownMenu.define();
 
 class DropdownItem extends WithIdElementMixin(Component) {
@@ -13471,21 +13249,25 @@ _SideNavigationTrigger_handleClick = new WeakMap();
 SideNavigationTrigger.styles = [sideNavigationTriggerStyles()];
 SideNavigationTrigger.define();
 
-const SEARCH_DELAY = 250;
-
 const TRIGGER_SELECTOR = '[role="combobox"]';
 const MENU_SELECTOR = '[role="listbox"]';
-const ITEM_SELECTOR = 'm-option';
+const SEARCH_DELAY = 250;
+
 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;
@@ -13504,34 +13286,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.
@@ -13728,7 +13495,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;
@@ -15589,7 +15356,7 @@ 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) {
@@ -15632,7 +15399,7 @@ class Select extends WithSelectionControlMixin(Popover) {
                 flatten: true,
             })
                 .filter((descendant) => {
-                return descendant.matches(ITEM_SELECTOR);
+                return descendant.matches('m-option');
             });
             this.slottedOptions = elements;
         });
@@ -15701,15 +15468,9 @@ 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 = `${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.
@@ -17755,7 +17516,7 @@ function tableControlExpandStyles() {
 }
 function tableControlSelectStyles() {
     return [
-        styles$r(),
+        styles$s(),
         i$9 `
 			:host {
 				display: inline-flex;
@@ -20382,7 +20143,7 @@ function toggleGroupStyles() {
 }
 function toggleStyles() {
     return [
-        styles$E(),
+        styles$F(),
         i$9 `
 			:host {
 				${typography('button-md')};
@@ -20691,94 +20452,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;
 			}
 		`,
     ];
@@ -20874,14 +20556,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')) {
@@ -20911,17 +20590,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()];