@loadsmart/miranda-wc 3.4.0 → 3.6.0

package/dist/{index-BK0bJgt5.js → index-AtQJgfmT.js}

@@ -1017,7 +1017,7 @@ function typography(variant) {
     return r$8(`${defaultStyle}\n${variantStyle}`);
 }
 
-function styles$F() {
+function styles$G() {
     return i$9 `
 		:host {
 			background-color: ${getColor('color-background-primary')};
@@ -1385,7 +1385,7 @@ function toCSSValue(token, alpha) {
     return `var(${toCSSVariable(token)}, ${value})`;
 }
 
-function styles$E() {
+function styles$F() {
     return [
         i$3 `
 			:host {
@@ -1423,164 +1423,164 @@ function styles$E() {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case './icons/add-circle.ts': return import('./add-circle-DG36-47h-BCbl3TkR.js');
-    case './icons/alarm.ts': return import('./alarm-D3R0RR-7-4fkLfZzk.js');
-    case './icons/alert-circle.ts': return import('./alert-circle-DO-k51nu-Cj5_1ubC.js');
-    case './icons/anchor.ts': return import('./anchor-01MxGT3G-CzvOliOR.js');
-    case './icons/arrow-left.ts': return import('./arrow-left-D3h-6Nnu-DOhVSQQC.js');
-    case './icons/arrow-right.ts': return import('./arrow-right-CoZQe9Hm-jvtWilLG.js');
-    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-Dv785jwL-6vVjCzLY.js');
-    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-PF5U-sjZ-BjhgaayB.js');
-    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-B3VnMcct-BBrXRq2u.js');
-    case './icons/asterisk.ts': return import('./asterisk-C24115OD-DOl11djn.js');
-    case './icons/attention.ts': return import('./attention-B3Np_Hol-HzzRhF4S.js');
-    case './icons/automatic.ts': return import('./automatic-u-oMZ_k5-B6mHvEn2.js');
-    case './icons/bank.ts': return import('./bank-HCEsjrFi-CySGtydk.js');
-    case './icons/bell-cancel.ts': return import('./bell-cancel-BNQ5ZmLn-ZIEKG8_g.js');
-    case './icons/bell.ts': return import('./bell-DkNQtQvt-CpeN4dui.js');
-    case './icons/blind-bol.ts': return import('./blind-bol-B-LirbRQ-pACEu-TC.js');
-    case './icons/board.ts': return import('./board-D-H79ypG-BGHpgKT_.js');
-    case './icons/bol.ts': return import('./bol-D4g-4KEx-GlFgm20e.js');
-    case './icons/bolt-off.ts': return import('./bolt-off-C0hy7jpS-CxZA__9G.js');
-    case './icons/bolt.ts': return import('./bolt-BEG2G4oC-CZmKYX54.js');
-    case './icons/box.ts': return import('./box-EjxEPoZE-q2jTzS7O.js');
-    case './icons/broadcast.ts': return import('./broadcast-BqL_4gRz-BaFzeKsk.js');
-    case './icons/burguer-menu.ts': return import('./burguer-menu-CUl15TV7-MKnC6cco.js');
-    case './icons/calendar.ts': return import('./calendar-D05JqcKp-D5O1uci-.js');
-    case './icons/camera.ts': return import('./camera-D_PSlfGN-CJFj-UpC.js');
-    case './icons/canada-flag.ts': return import('./canada-flag-D758a1Lk-C9Bxtcjl.js');
-    case './icons/caret-down.ts': return import('./caret-down-CK6m-cnU-DP54yZuL.js');
-    case './icons/caret-left.ts': return import('./caret-left-BqVATDWe-dJDBK-JE.js');
-    case './icons/caret-right.ts': return import('./caret-right-Cfh4y8T9-D0L4qMbW.js');
-    case './icons/caret-up.ts': return import('./caret-up-BHaf2H0u-ush_Dsev.js');
-    case './icons/carrier-contract.ts': return import('./carrier-contract-BB_YXEHR-DP0ICqbi.js');
-    case './icons/chat.ts': return import('./chat-DefQC71E-YSTCZB68.js');
-    case './icons/check.ts': return import('./check-B7q--RPk-DWrG3t37.js');
-    case './icons/clip.ts': return import('./clip-BKAJZECu-geKDCsz7.js');
-    case './icons/clock.ts': return import('./clock-BVskvrmA-wmi6dtY9.js');
-    case './icons/clown.ts': return import('./clown-BHJAONnK-yu0WtK0J.js');
-    case './icons/code.ts': return import('./code-ZlmHenOn-BoK0jyyC.js');
-    case './icons/comment.ts': return import('./comment-ClurI3LW-DPjDwDNs.js');
-    case './icons/company.ts': return import('./company-2F_1Ojs7-TUvWoU_x.js');
-    case './icons/contract.ts': return import('./contract-Di4W-5RX-Y1CiG4UA.js');
-    case './icons/copy.ts': return import('./copy-C40sxxyL-9B9xki-C.js');
-    case './icons/corner-down-r.ts': return import('./corner-down-r-DwNjox8J-BpdpO7it.js');
-    case './icons/corner-down.ts': return import('./corner-down-aiifCHCZ-t32_xsxC.js');
-    case './icons/corner-up.ts': return import('./corner-up-D72HJl81-YZ1BZzxI.js');
-    case './icons/credit-card.ts': return import('./credit-card-Dh7aP2Wc-D-c0zee3.js');
-    case './icons/delivery.ts': return import('./delivery-BWGNw201-BoFkwcL9.js');
-    case './icons/dislike.ts': return import('./dislike-BM1aSNsI-DHaZZBFr.js');
-    case './icons/document-csv.ts': return import('./document-csv-DPAdZbp1-B8rPJ6R7.js');
-    case './icons/document-file.ts': return import('./document-file-IubmR4MP-B03HIuHx.js');
-    case './icons/document-image.ts': return import('./document-image-B4SomWir-msWLhDIN.js');
-    case './icons/dollar-circle.ts': return import('./dollar-circle-mW6mW_Eu-CtU0qrSw.js');
-    case './icons/dollar.ts': return import('./dollar-fmxqd590-DK8IelXe.js');
-    case './icons/dots-horizontal.ts': return import('./dots-horizontal-hNtVS-87-B_jST0tw.js');
-    case './icons/dots-vertical.ts': return import('./dots-vertical-D0dbwYCm-_PXKRKrO.js');
-    case './icons/double-caret-left.ts': return import('./double-caret-left-B3iOD7-7-BNO2EK46.js');
-    case './icons/double-caret-right.ts': return import('./double-caret-right-4ToiUsuI-D7NmJENm.js');
-    case './icons/down.ts': return import('./down-ouuAkVow-1gAj4Nb_.js');
-    case './icons/download.ts': return import('./download-TrkSIZwr-NZaEHd3v.js');
-    case './icons/dropdown.ts': return import('./dropdown-BFUS8kZn-nxNVgxTY.js');
-    case './icons/email-filled.ts': return import('./email-filled-BGz0fvDN-BM0zdQG2.js');
-    case './icons/email.ts': return import('./email-Cc4p3npf-AfDq9RbW.js');
-    case './icons/export.ts': return import('./export-C0_dfu6t-CdNrajLl.js');
-    case './icons/eye.ts': return import('./eye-D4axk2VX-B7BIbirs.js');
-    case './icons/fast.ts': return import('./fast-BA6wRYse-B7bOUY0d.js');
-    case './icons/favorite.ts': return import('./favorite-Dq8xdgro-I4vQ6x8i.js');
-    case './icons/file.ts': return import('./file-Dv-SjjZg-CZsjevre.js');
-    case './icons/filter.ts': return import('./filter-B6ZbXWet-DzCTUa2X.js');
-    case './icons/flag.ts': return import('./flag-DamX8fIF-D8TkPmd9.js');
-    case './icons/folder.ts': return import('./folder-xoHjUGrm-CWpYJu4E.js');
-    case './icons/funnel.ts': return import('./funnel-6oWZ4S4f-BwlEH5oo.js');
-    case './icons/gear.ts': return import('./gear-DsiTbLJ9-CnHf7soQ.js');
-    case './icons/graph.ts': return import('./graph-VTKEFiWm-By2aHaQu.js');
-    case './icons/hand-tap.ts': return import('./hand-tap-CRvBr3cu-CyzemW5T.js');
-    case './icons/hand.ts': return import('./hand-CGcYbrtk-4dWQfP7B.js');
-    case './icons/high-signal.ts': return import('./high-signal-vwuG2ISb-CKzngpUu.js');
-    case './icons/history.ts': return import('./history-C1VS5w-W-DV5G5ujV.js');
-    case './icons/home.ts': return import('./home-DvxGYDu3-QgbZNWGT.js');
-    case './icons/hourglass.ts': return import('./hourglass-Bhgd2Yvm-jDENZabS.js');
-    case './icons/import-2.ts': return import('./import-2-BUa6BWBd-DWCuZyGL.js');
-    case './icons/import.ts': return import('./import-BHDV1jI8-BPnabJzM.js');
-    case './icons/indeterminate.ts': return import('./indeterminate-D-HO5uwr-DMv4nymr.js');
-    case './icons/info.ts': return import('./info-6gpzPFz3-Dfcw7v-Y.js');
-    case './icons/invoice-items.ts': return import('./invoice-items-Bd4lWZRE-Be2L9jXD.js');
-    case './icons/invoice.ts': return import('./invoice-Dz3fkDFy-Cbrk9xKN.js');
-    case './icons/kanban.ts': return import('./kanban-CoIQcEgx-BunxoclO.js');
-    case './icons/light-bulb.ts': return import('./light-bulb-BHHuYYvf-D9rM1XBs.js');
-    case './icons/like.ts': return import('./like-TmiPdB3y-CabDYmoj.js');
-    case './icons/link.ts': return import('./link-tJrc2YI3--spOwoii.js');
-    case './icons/list.ts': return import('./list-o-8fzVwe-X-4yhFqI.js');
-    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-LVgkO-OY-CPKDLbAc.js');
-    case './icons/log-out.ts': return import('./log-out-62ek3tMd-BlzCZOet.js');
-    case './icons/low-signal.ts': return import('./low-signal-BhU6MvJ7-B07454uo.js');
-    case './icons/map.ts': return import('./map-D3mPWQDw-BnlSfXIO.js');
-    case './icons/medal.ts': return import('./medal-JSPrwii0-BETbU2-s.js');
-    case './icons/megaphone.ts': return import('./megaphone-Bhew65e_-DxalNDIK.js');
-    case './icons/mexico-flag.ts': return import('./mexico-flag-C1c8OtNq-BNxm_8PT.js');
-    case './icons/minus.ts': return import('./minus-DOzZEKIF-wfD5I1Hb.js');
-    case './icons/network-signal.ts': return import('./network-signal-BdwZKSQi-BchtVBbn.js');
-    case './icons/no-awarded.ts': return import('./no-awarded-CWTLyN5E-mHccBlY3.js');
-    case './icons/notes-lock.ts': return import('./notes-lock-Do1iPYCI-CwGG4QYx.js');
-    case './icons/notes.ts': return import('./notes-BoAJAtsx-MMRSAWy-.js');
-    case './icons/order.ts': return import('./order-DxhUkc8f--BTf69y2.js');
-    case './icons/package-tracking.ts': return import('./package-tracking-BylZrzLV-CJ1qe-mm.js');
-    case './icons/padlock-open.ts': return import('./padlock-open-C8wNysrM-BgUAs34V.js');
-    case './icons/padlock.ts': return import('./padlock-9dPM6z_s-BajAVqJX.js');
-    case './icons/pencil.ts': return import('./pencil-BzpSkGCq-BCuhcK4i.js');
-    case './icons/phone.ts': return import('./phone-Cwh20wkj-B38COl3R.js');
-    case './icons/pin-filled.ts': return import('./pin-filled-SG8Pn7K--DB3lIdC_.js');
-    case './icons/pin-map.ts': return import('./pin-map-CwrFR4nx-bW6FlcUB.js');
-    case './icons/pin.ts': return import('./pin-zSgUzBJz-C-6ndPlA.js');
-    case './icons/plugs.ts': return import('./plugs-Cg6fJCLP-Dg_PloFz.js');
-    case './icons/plus.ts': return import('./plus-BozRZtI9-DvlFZfJ0.js');
-    case './icons/pod.ts': return import('./pod-C6zQzc5v-1dCDAfK4.js');
-    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-Clmr6f3Z-DC_VATyp.js');
-    case './icons/print.ts': return import('./print-nCSFLfAt-fxV_T5mv.js');
-    case './icons/profile.ts': return import('./profile-CfCDOHFO-uED9h3JP.js');
-    case './icons/question-dot.ts': return import('./question-dot-SH4BtV91-CfzpZ9_n.js');
-    case './icons/receipt.ts': return import('./receipt-W3N4N7BR-DR9zEY-t.js');
-    case './icons/redo.ts': return import('./redo-C_ig5IiQ-y7NNpns0.js');
-    case './icons/refresh.ts': return import('./refresh-BA1X5WBw-awlLe3Xr.js');
-    case './icons/reloading.ts': return import('./reloading--qP0I2Kp-Ba4IJU4s.js');
-    case './icons/road.ts': return import('./road-DcwLA5Nz-CMQtNL_t.js');
-    case './icons/round-trip.ts': return import('./round-trip-v4tpsoDb-Bs_lTPfp.js');
-    case './icons/satellite.ts': return import('./satellite-CpgBwjL_-C27HEe59.js');
-    case './icons/search.ts': return import('./search-BIIUWayo-DrFnf3Am.js');
-    case './icons/send.ts': return import('./send-CBDcAboE-C__sCOY_.js');
-    case './icons/share.ts': return import('./share-CqI6kG7e-CllLu-Cx.js');
-    case './icons/ship.ts': return import('./ship-DjlGWJKe-kfPyAOTw.js');
-    case './icons/signal.ts': return import('./signal-CuORWWr--bj-ltcg6.js');
-    case './icons/sparkle.ts': return import('./sparkle-DpbNJZD1-CRRlo3Ry.js');
-    case './icons/star.ts': return import('./star-RutNrvr5-Ueh7Run3.js');
-    case './icons/swap.ts': return import('./swap-CZEx_RXN-ilAKyGLK.js');
-    case './icons/tag-chevron.ts': return import('./tag-chevron-Bjy4zyjC-Dd6wkYa-.js');
-    case './icons/tag.ts': return import('./tag-B_ZrjYsk-CSgc_Dv9.js');
-    case './icons/telephone.ts': return import('./telephone-CFO-9HQC-Cv4rqHzA.js');
-    case './icons/terminal.ts': return import('./terminal-C-J7E16g-8NRkJNYZ.js');
-    case './icons/timer.ts': return import('./timer-C3R38-AJ-sUFp5LSp.js');
-    case './icons/tms-ready.ts': return import('./tms-ready-BTW3cb1y-e8aCraQ6.js');
-    case './icons/train.ts': return import('./train-DdfqWct7-C31q8zbR.js');
-    case './icons/trash.ts': return import('./trash-BzxJFQPi-DV01_TcA.js');
-    case './icons/trend-down.ts': return import('./trend-down-BbAx8rfH-Dq4_GMS1.js');
-    case './icons/trend-up.ts': return import('./trend-up-BCUJmXNS-Bed9djK3.js');
-    case './icons/trophee.ts': return import('./trophee-CpFQni4M-Vpc0fsNj.js');
-    case './icons/truck.ts': return import('./truck-CBD0w2bS-DytjDMVZ.js');
-    case './icons/undo.ts': return import('./undo-CvlR35i--Dgf2KXbQ.js');
-    case './icons/united-states-flag.ts': return import('./united-states-flag-DQoSmeaD-L3zmK-dz.js');
-    case './icons/up.ts': return import('./up-D38a4YKJ-7cJIinNM.js');
-    case './icons/upgrade.ts': return import('./upgrade-D9Tu6PyV-DGJGA5sF.js');
-    case './icons/upload.ts': return import('./upload-UOSrjt-x-CqHSkyb1.js');
-    case './icons/user.ts': return import('./user-D4sehfxu-DWfNh7iB.js');
-    case './icons/wallet.ts': return import('./wallet-gglOXsti-C0a87ymy.js');
-    case './icons/warehouse.ts': return import('./warehouse-CuDbuM9g-B2yTz_Dh.js');
-    case './icons/wifi-off.ts': return import('./wifi-off-DXEb8fT5-D2GjQDAm.js');
-    case './icons/wifi.ts': return import('./wifi-ml2eHhY5-Dx-0pVnq.js');
-    case './icons/x-small.ts': return import('./x-small-JY1ZeBut-CHXRf7Vw.js');
-    case './icons/x.ts': return import('./x-lR-J5r80-BCHJhz5d.js');
-    case './icons/zoom-in.ts': return import('./zoom-in-B4acf-r--Dv8cNwVQ.js');
-    case './icons/zoom-out.ts': return import('./zoom-out-Cytp3iGv-CHXfzpJG.js');
+    case './icons/add-circle.ts': return import('./add-circle-DG36-47h-BSy3LZDJ.js');
+    case './icons/alarm.ts': return import('./alarm-D3R0RR-7-DHQLYW_K.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-DO-k51nu-NUJXNZf0.js');
+    case './icons/anchor.ts': return import('./anchor-01MxGT3G-DgJJgvQB.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-D3h-6Nnu-CN3Mo1jP.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-CoZQe9Hm-BEB3GLWy.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-Dv785jwL-BGDHUR_0.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-PF5U-sjZ-CEsjb0vt.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-B3VnMcct-C_NIZsjv.js');
+    case './icons/asterisk.ts': return import('./asterisk-C24115OD-BnqOTUCO.js');
+    case './icons/attention.ts': return import('./attention-B3Np_Hol-BFHx8sz3.js');
+    case './icons/automatic.ts': return import('./automatic-u-oMZ_k5-DxtRthey.js');
+    case './icons/bank.ts': return import('./bank-HCEsjrFi-C4lqgSh3.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-BNQ5ZmLn-BpQRDiSV.js');
+    case './icons/bell.ts': return import('./bell-DkNQtQvt-CNI0kHWZ.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-B-LirbRQ-Bn19UX2D.js');
+    case './icons/board.ts': return import('./board-D-H79ypG-BH3Jr5W_.js');
+    case './icons/bol.ts': return import('./bol-D4g-4KEx-DFnDf3T7.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-C0hy7jpS-D7JLcf9P.js');
+    case './icons/bolt.ts': return import('./bolt-BEG2G4oC-DBl2k436.js');
+    case './icons/box.ts': return import('./box-EjxEPoZE-DbU7Hzxu.js');
+    case './icons/broadcast.ts': return import('./broadcast-BqL_4gRz-xDSKL4TW.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-CUl15TV7-Daphuyjo.js');
+    case './icons/calendar.ts': return import('./calendar-D05JqcKp-CGdCf_R2.js');
+    case './icons/camera.ts': return import('./camera-D_PSlfGN-Aa2nqU96.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-D758a1Lk-DCQVMhux.js');
+    case './icons/caret-down.ts': return import('./caret-down-CK6m-cnU-By-YN8fo.js');
+    case './icons/caret-left.ts': return import('./caret-left-BqVATDWe-D7-yPD3r.js');
+    case './icons/caret-right.ts': return import('./caret-right-Cfh4y8T9-L9V8H8E1.js');
+    case './icons/caret-up.ts': return import('./caret-up-BHaf2H0u-DvquS6Sy.js');
+    case './icons/carrier-contract.ts': return import('./carrier-contract-BB_YXEHR-CXYY1Cxb.js');
+    case './icons/chat.ts': return import('./chat-DefQC71E-CEg15LUh.js');
+    case './icons/check.ts': return import('./check-B7q--RPk-C_4ChX8I.js');
+    case './icons/clip.ts': return import('./clip-BKAJZECu-BsXgeqtS.js');
+    case './icons/clock.ts': return import('./clock-BVskvrmA-BT_10iEz.js');
+    case './icons/clown.ts': return import('./clown-BHJAONnK-BjvPLFVt.js');
+    case './icons/code.ts': return import('./code-ZlmHenOn-CK27xFGC.js');
+    case './icons/comment.ts': return import('./comment-ClurI3LW-CyKl7ZlH.js');
+    case './icons/company.ts': return import('./company-2F_1Ojs7-CwFAwAn_.js');
+    case './icons/contract.ts': return import('./contract-Di4W-5RX-oc_G4hBq.js');
+    case './icons/copy.ts': return import('./copy-C40sxxyL-CGqLN30R.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-DwNjox8J-CAd8j7s_.js');
+    case './icons/corner-down.ts': return import('./corner-down-aiifCHCZ-CYf1jFnt.js');
+    case './icons/corner-up.ts': return import('./corner-up-D72HJl81-DMy_eWiC.js');
+    case './icons/credit-card.ts': return import('./credit-card-Dh7aP2Wc-DuInT5En.js');
+    case './icons/delivery.ts': return import('./delivery-BWGNw201-C7MZkZio.js');
+    case './icons/dislike.ts': return import('./dislike-BM1aSNsI-Rs3kB4oB.js');
+    case './icons/document-csv.ts': return import('./document-csv-DPAdZbp1-6E9hfabD.js');
+    case './icons/document-file.ts': return import('./document-file-IubmR4MP-BWIRqqU2.js');
+    case './icons/document-image.ts': return import('./document-image-B4SomWir-DYB7hDKR.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-mW6mW_Eu-B7NkVgJt.js');
+    case './icons/dollar.ts': return import('./dollar-fmxqd590-BA-gEnDD.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-hNtVS-87-CyFF9_37.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-D0dbwYCm-C3TBuigk.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-B3iOD7-7-B6U6GCDi.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-4ToiUsuI-zPdWHGGM.js');
+    case './icons/down.ts': return import('./down-ouuAkVow-LWTpA7d9.js');
+    case './icons/download.ts': return import('./download-TrkSIZwr-DPwWSIks.js');
+    case './icons/dropdown.ts': return import('./dropdown-BFUS8kZn-DWf9vaVw.js');
+    case './icons/email-filled.ts': return import('./email-filled-BGz0fvDN-C0PponfM.js');
+    case './icons/email.ts': return import('./email-Cc4p3npf-D0-H_XwN.js');
+    case './icons/export.ts': return import('./export-C0_dfu6t-C8DXJvuE.js');
+    case './icons/eye.ts': return import('./eye-D4axk2VX-C_gR4C1t.js');
+    case './icons/fast.ts': return import('./fast-BA6wRYse-BUkKQPx4.js');
+    case './icons/favorite.ts': return import('./favorite-Dq8xdgro-C1B4_9G7.js');
+    case './icons/file.ts': return import('./file-Dv-SjjZg-5yQXjfNb.js');
+    case './icons/filter.ts': return import('./filter-B6ZbXWet-CpHCaUAx.js');
+    case './icons/flag.ts': return import('./flag-DamX8fIF-CyTU2kk6.js');
+    case './icons/folder.ts': return import('./folder-xoHjUGrm-D2guIYre.js');
+    case './icons/funnel.ts': return import('./funnel-6oWZ4S4f-CjdeweaF.js');
+    case './icons/gear.ts': return import('./gear-DsiTbLJ9-D5wjFy0i.js');
+    case './icons/graph.ts': return import('./graph-VTKEFiWm-Ck1rgtoK.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-CRvBr3cu-CddoszOj.js');
+    case './icons/hand.ts': return import('./hand-CGcYbrtk-BMrEoZdo.js');
+    case './icons/high-signal.ts': return import('./high-signal-vwuG2ISb-BeB8MFZa.js');
+    case './icons/history.ts': return import('./history-C1VS5w-W-DCxzXVf-.js');
+    case './icons/home.ts': return import('./home-DvxGYDu3-BvtPWDRs.js');
+    case './icons/hourglass.ts': return import('./hourglass-Bhgd2Yvm-DwHsD2dS.js');
+    case './icons/import-2.ts': return import('./import-2-BUa6BWBd-DytHp7FL.js');
+    case './icons/import.ts': return import('./import-BHDV1jI8-B5TafdcF.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-D-HO5uwr-BHpHbEXR.js');
+    case './icons/info.ts': return import('./info-6gpzPFz3-Bnb3o_YH.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-Bd4lWZRE-_450xH3U.js');
+    case './icons/invoice.ts': return import('./invoice-Dz3fkDFy-D1R9QRWj.js');
+    case './icons/kanban.ts': return import('./kanban-CoIQcEgx-BueUlcMe.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-BHHuYYvf-BMTzmXwq.js');
+    case './icons/like.ts': return import('./like-TmiPdB3y-5qa44A5H.js');
+    case './icons/link.ts': return import('./link-tJrc2YI3-BCyE4Hu4.js');
+    case './icons/list.ts': return import('./list-o-8fzVwe-CvgyyM5H.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-LVgkO-OY-RH2637yr.js');
+    case './icons/log-out.ts': return import('./log-out-62ek3tMd-Dlg4pt9U.js');
+    case './icons/low-signal.ts': return import('./low-signal-BhU6MvJ7-CXPSXC0z.js');
+    case './icons/map.ts': return import('./map-D3mPWQDw-BZi09SK9.js');
+    case './icons/medal.ts': return import('./medal-JSPrwii0-CeX90N4r.js');
+    case './icons/megaphone.ts': return import('./megaphone-Bhew65e_-Bh-ywdDt.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-C1c8OtNq-DJn1qDZg.js');
+    case './icons/minus.ts': return import('./minus-DOzZEKIF-yzkWfSH5.js');
+    case './icons/network-signal.ts': return import('./network-signal-BdwZKSQi-BAb-6U2c.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-CWTLyN5E-CZDBrBvH.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-Do1iPYCI-CiLuVTBw.js');
+    case './icons/notes.ts': return import('./notes-BoAJAtsx-CBVWxqwc.js');
+    case './icons/order.ts': return import('./order-DxhUkc8f-C6C3o3qK.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-BylZrzLV-BiFAqURn.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-C8wNysrM-CtWza1Og.js');
+    case './icons/padlock.ts': return import('./padlock-9dPM6z_s--YOY7NlE.js');
+    case './icons/pencil.ts': return import('./pencil-BzpSkGCq-ho1JrzYE.js');
+    case './icons/phone.ts': return import('./phone-Cwh20wkj-C_iKXNno.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-SG8Pn7K--D3og3xmB.js');
+    case './icons/pin-map.ts': return import('./pin-map-CwrFR4nx-Cqt9m_Mf.js');
+    case './icons/pin.ts': return import('./pin-zSgUzBJz-CKRW1mmr.js');
+    case './icons/plugs.ts': return import('./plugs-Cg6fJCLP-B5BtxQCN.js');
+    case './icons/plus.ts': return import('./plus-BozRZtI9-Cl1bzgnl.js');
+    case './icons/pod.ts': return import('./pod-C6zQzc5v-DJfib60q.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-Clmr6f3Z-kCjEaXSy.js');
+    case './icons/print.ts': return import('./print-nCSFLfAt-D5XX9tps.js');
+    case './icons/profile.ts': return import('./profile-CfCDOHFO-BOn8Ij5X.js');
+    case './icons/question-dot.ts': return import('./question-dot-SH4BtV91-DzYypEwP.js');
+    case './icons/receipt.ts': return import('./receipt-W3N4N7BR-CB3r0lEP.js');
+    case './icons/redo.ts': return import('./redo-C_ig5IiQ-COan0Es_.js');
+    case './icons/refresh.ts': return import('./refresh-BA1X5WBw-CDPtlg-i.js');
+    case './icons/reloading.ts': return import('./reloading--qP0I2Kp-5LAWsK1N.js');
+    case './icons/road.ts': return import('./road-DcwLA5Nz-oJ80OjK4.js');
+    case './icons/round-trip.ts': return import('./round-trip-v4tpsoDb-caIAulyj.js');
+    case './icons/satellite.ts': return import('./satellite-CpgBwjL_-DL_2ravT.js');
+    case './icons/search.ts': return import('./search-BIIUWayo-Ciluatbq.js');
+    case './icons/send.ts': return import('./send-CBDcAboE-Chit4sey.js');
+    case './icons/share.ts': return import('./share-CqI6kG7e-CEuuauzX.js');
+    case './icons/ship.ts': return import('./ship-DjlGWJKe-CrPZvMDn.js');
+    case './icons/signal.ts': return import('./signal-CuORWWr--nTatrXpe.js');
+    case './icons/sparkle.ts': return import('./sparkle-DpbNJZD1-DLu_xr1x.js');
+    case './icons/star.ts': return import('./star-RutNrvr5-Bk1iOHRS.js');
+    case './icons/swap.ts': return import('./swap-CZEx_RXN-D_-TBw2g.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-Bjy4zyjC-BMD-CYVO.js');
+    case './icons/tag.ts': return import('./tag-B_ZrjYsk-A0iPOhVA.js');
+    case './icons/telephone.ts': return import('./telephone-CFO-9HQC-ufJTDDow.js');
+    case './icons/terminal.ts': return import('./terminal-C-J7E16g-DOWUQsnl.js');
+    case './icons/timer.ts': return import('./timer-C3R38-AJ-VU9YPhr4.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-BTW3cb1y-C7mZDM5p.js');
+    case './icons/train.ts': return import('./train-DdfqWct7-GK_TVNRK.js');
+    case './icons/trash.ts': return import('./trash-BzxJFQPi-BkFxEfzO.js');
+    case './icons/trend-down.ts': return import('./trend-down-BbAx8rfH-0Jb_bhln.js');
+    case './icons/trend-up.ts': return import('./trend-up-BCUJmXNS-BIKhQ9Hu.js');
+    case './icons/trophee.ts': return import('./trophee-CpFQni4M-BLKA7vTC.js');
+    case './icons/truck.ts': return import('./truck-CBD0w2bS-Cs-C_dIg.js');
+    case './icons/undo.ts': return import('./undo-CvlR35i--BXrn3VGX.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-DQoSmeaD-C_v5sH6H.js');
+    case './icons/up.ts': return import('./up-D38a4YKJ-yhnYyLSr.js');
+    case './icons/upgrade.ts': return import('./upgrade-D9Tu6PyV-2kF1U2va.js');
+    case './icons/upload.ts': return import('./upload-UOSrjt-x-DyYIjVRN.js');
+    case './icons/user.ts': return import('./user-D4sehfxu-DfdTeSV0.js');
+    case './icons/wallet.ts': return import('./wallet-gglOXsti-D5A6k4mB.js');
+    case './icons/warehouse.ts': return import('./warehouse-CuDbuM9g-TmihfAgo.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-DXEb8fT5-C0kqWXTI.js');
+    case './icons/wifi.ts': return import('./wifi-ml2eHhY5-DovRGsME.js');
+    case './icons/x-small.ts': return import('./x-small-JY1ZeBut-D2RGyRnx.js');
+    case './icons/x.ts': return import('./x-lR-J5r80-CtxrtRZh.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-B4acf-r--BNZM49HF.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-Cytp3iGv-CJvfB8ga.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -1886,7 +1886,7 @@ class Icon extends r$4 {
     }
 }
 _Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
-Icon.styles = [styles$E()];
+Icon.styles = [styles$F()];
 Icon.define();
 
 var _Accordion_instances, _Accordion_accordionTrigger_get, _Accordion_accordionPanel_get, _Accordion_accordionContent_get, _Accordion_handleExpand, _Accordion_toggle, _Accordion_handleTransition;
@@ -1984,7 +1984,7 @@ _Accordion_handleTransition = new WeakMap(), _Accordion_instances = new WeakSet(
         detail: { name: 'accordion', value: this.expanded },
     });
 };
-Accordion.styles = [styles$F()];
+Accordion.styles = [styles$G()];
 Accordion.define();
 
 class AccordionTitle extends Component {
@@ -2043,7 +2043,7 @@ AccordionContent.define();
  * SPDX-License-Identifier: BSD-3-Clause
  */const o$3=o=>o??E$1;
 
-function styles$D(selector = '#button') {
+function styles$E(selector = '#button') {
     return i$9 `
 		:host {
 			${typography('button-md')};
@@ -2160,9 +2160,9 @@ function styles$D(selector = '#button') {
 	`;
 }
 
-function styles$C() {
+function styles$D() {
     return [
-        styles$D(),
+        styles$E(),
         i$9 `
 			:host([variant='primary']) {
 				--m-button-background-color: ${getColor('color-primary-60')};
@@ -2435,7 +2435,7 @@ function styles$C() {
 }
 
 const DEFAULT_SIZE$2 = 10;
-function styles$B() {
+function styles$C() {
     return i$9 `
 		:host {
 			color: inherit;
@@ -2511,7 +2511,7 @@ _DotsLoader_instances = new WeakSet(), _DotsLoader_getSize = function _DotsLoade
     }
     return `${parsedSize || DEFAULT_SIZE$2}px`;
 };
-DotsLoader.styles = [styles$B()];
+DotsLoader.styles = [styles$C()];
 DotsLoader.define();
 
 var _Button_handleDisabledChange, _Button_handleClick, _Button_handleLinkClick, _Button_handleSubmit, _Button_handleReset, _Button_isDisabled, _Button_isLink;
@@ -2677,7 +2677,7 @@ Button.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Button.styles = [styles$C()];
+Button.styles = [styles$D()];
 Button.define();
 
 var _BackButton_handleLabelChange;
@@ -2741,7 +2741,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$A() {
+function styles$B() {
     return i$9 `
 		:host {
 			--m-host-size: 24px;
@@ -2844,7 +2844,7 @@ _Badge_instances = new WeakSet(), _Badge_counter_get = function _Badge_counter_g
     }
     return E$1;
 };
-Badge.styles = [styles$A()];
+Badge.styles = [styles$B()];
 Badge.define();
 
 class BannerActionPrimary extends Button {
@@ -2886,7 +2886,7 @@ class BannerActionSecondary extends Button {
 }
 BannerActionSecondary.define();
 
-function styles$z() {
+function styles$A() {
     return i$9 `
 		:host {
 			display: flex;
@@ -2915,10 +2915,10 @@ class BannerActions extends Component {
 		`;
     }
 }
-BannerActions.styles = [styles$z()];
+BannerActions.styles = [styles$A()];
 BannerActions.define();
 
-function styles$y() {
+function styles$z() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -2943,7 +2943,7 @@ class BannerDescription extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerDescription.styles = [styles$y()];
+BannerDescription.styles = [styles$z()];
 BannerDescription.define();
 
 class BannerIcon extends Component {
@@ -2964,7 +2964,7 @@ class BannerIcon extends Component {
 }
 BannerIcon.define();
 
-function styles$x() {
+function styles$y() {
     return i$9 `
 		:host {
 			${typography('body-md-bold')};
@@ -3000,10 +3000,10 @@ class BannerTitle extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerTitle.styles = [styles$x()];
+BannerTitle.styles = [styles$y()];
 BannerTitle.define();
 
-function styles$w() {
+function styles$x() {
     return i$9 `
 		:host {
 			display: block;
@@ -3090,16 +3090,14 @@ function toRem(value, base = BASE_PIXELS) {
     return r$8(`${parseInt(String(value), 10) / base}rem`);
 }
 
-function styles$v() {
+function styles$w() {
     return i$9 `
 		:host {
-			/**
-			 * TODO: name is misleading here.
-			 * rename to --m-close-button-background-color
-			 */
-			--m-close-button-color: transparent;
-			--m-close-button-icon-color: ${getColor('color-text-primary')};
-			--m-close-button-outline-color: ${getColor('color-primary-100')};
+			--m-close-button-base-color: ${getColor('color-text-primary')};
+			--m-close-button-color: var(--m-close-button-base-color);
+			--m-close-button-background-color: transparent;
+
+			--m-close-button-outline-color: transparent;
 			--m-close-button-outline-offset: 2px;
 
 			display: inline-flex;
@@ -3116,6 +3114,9 @@ function styles$v() {
 
 			border: none;
 			border-radius: 50%;
+
+			outline: 1px solid var(--m-close-button-outline-color);
+			outline-offset: var(--m-close-button-outline-offset);
 		}
 
 		:host([hidden]) {
@@ -3137,11 +3138,6 @@ function styles$v() {
 			--icon-size: ${toRem('16px')};
 		}
 
-		:host([inverted]) {
-			--m-close-button-color: transparent;
-			--m-close-button-icon-color: ${getColor('color-text-inverted')};
-		}
-
 		button {
 			display: flex;
 			align-items: center;
@@ -3152,13 +3148,11 @@ function styles$v() {
 			${m$1(0)};
 			${p$2(0)};
 
-			background-color: var(--m-close-button-color);
-			color: var(--m-close-button-icon-color);
+			background-color: var(--m-close-button-background-color);
+			color: var(--m-close-button-color);
 			border: none;
 			border-radius: 50%;
 
-			${transition([{ property: 'background-color' }])};
-
 			min-inline-size: var(--button-size);
 			min-block-size: var(--button-size);
 			max-inline-size: var(--button-size);
@@ -3177,22 +3171,27 @@ function styles$v() {
 		}
 
 		:host(:not([disabled]):focus) {
-			outline: 1px solid var(--m-close-button-outline-color);
-			outline-offset: var(--m-close-button-outline-offset);
+			--m-close-button-outline-color: var(--m-close-button-base-color);
 		}
 
-		:host(:not([disabled]):hover) {
-			--m-close-button-color: ${getColor('color-text-primary')};
-			--m-close-button-icon-color: ${getColor('color-text-inverted')};
+		:host(:not([inverted]):not([disabled]):hover) {
+			--m-close-button-color: ${getColor('color-text-inverted')};
+			--m-close-button-background-color: var(--m-close-button-base-color);
 		}
 
-		:host([inverted]:not([disabled]):hover) {
+		:host([inverted]) {
 			--m-close-button-color: ${getColor('color-text-inverted')};
-			--m-close-button-icon-color: ${getColor('color-text-primary')};
+			--m-close-button-background-color: transparent;
+		}
+
+		:host([inverted]:not([disabled]):hover) {
+			--m-close-button-color: var(--m-close-button-base-color);
+			--m-close-button-background-color: ${getColor('color-text-inverted')};
 		}
 
 		:host([disabled]) {
-			--m-close-button-icon-color: ${getColor('color-text-disabled')};
+			--m-close-button-color: ${getColor('color-text-disabled')};
+			--m-close-button-background-color: transparent;
 
 			cursor: default;
 			pointer-events: none;
@@ -3202,10 +3201,23 @@ function styles$v() {
 			pointer-events: none;
 			user-select: none;
 		}
+
+		@media (prefers-reduced-motion: no-preference) {
+			:host {
+				${transition([{ property: 'outline-color' }])};
+			}
+
+			button {
+				${transition([
+        { property: 'background-color' },
+        { property: 'color' },
+    ])};
+			}
+		}
 	`;
 }
 
-var _CloseButton_handleClick, _CloseButton_handleControlsChange, _CloseButton_handleDisabledChange, _CloseButton_handleLabelChange;
+var _CloseButton_handleClick;
 class CloseButton extends Component {
     static get properties() {
         return {
@@ -3227,39 +3239,6 @@ class CloseButton extends Component {
                 event.stopImmediatePropagation();
             }
         });
-        _CloseButton_handleControlsChange.set(this, (controls) => {
-            // eslint-disable-next-line prefer-destructuring
-            const button = this.button;
-            if (!button) {
-                return;
-            }
-            if (controls) {
-                button.setAttribute('aria-controls', controls);
-            }
-            else {
-                button.removeAttribute('aria-controls');
-            }
-        });
-        _CloseButton_handleDisabledChange.set(this, (disabled) => {
-            // eslint-disable-next-line prefer-destructuring
-            const button = this.button;
-            if (button) {
-                button.disabled = disabled;
-            }
-        });
-        _CloseButton_handleLabelChange.set(this, (label) => {
-            // eslint-disable-next-line prefer-destructuring
-            const button = this.button;
-            if (!button) {
-                return;
-            }
-            if (label) {
-                button.setAttribute('aria-label', label);
-            }
-            else {
-                button.removeAttribute('aria-label');
-            }
-        });
         this.disabled = false;
         this.inverted = false;
         this.size = 'default';
@@ -3272,35 +3251,25 @@ class CloseButton extends Component {
         super.disconnectedCallback();
         this.removeEventListener('click', __classPrivateFieldGet$1(this, _CloseButton_handleClick, "f"));
     }
-    updated(changedProperties) {
-        super.updated(changedProperties);
-        if (changedProperties.has('controls')) {
-            __classPrivateFieldGet$1(this, _CloseButton_handleControlsChange, "f").call(this, this.controls);
-        }
-        if (changedProperties.has('disabled')) {
-            __classPrivateFieldGet$1(this, _CloseButton_handleDisabledChange, "f").call(this, Boolean(this.disabled));
-        }
-        if (changedProperties.has('label')) {
-            __classPrivateFieldGet$1(this, _CloseButton_handleLabelChange, "f").call(this, this.label);
-        }
-    }
     render() {
         return x `
-			<button type="button">
+			<button
+				type="button"
+				aria-controls=${this.controls || E$1}
+				aria-label=${this.label || E$1}
+				?disabled=${this.disabled}
+			>
 				<m-icon name="x"></m-icon>
 			</button>
 		`;
     }
-    get button() {
-        return this.renderRoot?.querySelector('button');
-    }
 }
-_CloseButton_handleClick = new WeakMap(), _CloseButton_handleControlsChange = new WeakMap(), _CloseButton_handleDisabledChange = new WeakMap(), _CloseButton_handleLabelChange = new WeakMap();
+_CloseButton_handleClick = new WeakMap();
 CloseButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CloseButton.styles = [styles$v()];
+CloseButton.styles = [styles$w()];
 CloseButton.define();
 
 /**
@@ -3364,7 +3333,7 @@ const TEXT_CONTENT_HTML_TAGS = [
     'var', // Variables
 ];
 
-function styles$u() {
+function styles$v() {
     return i$9 `
 		:host {
 			--m-text-color: ${getColor('color-text-primary')};
@@ -3558,7 +3527,7 @@ class Text extends Component {
         return u `<slot></slot>`;
     }
 }
-Text.styles = [styles$u()];
+Text.styles = [styles$v()];
 Text.define();
 
 var _Banner_primaryAction, _Banner_handleDismissClick;
@@ -3669,7 +3638,7 @@ class Banner extends Component {
     }
 }
 _Banner_primaryAction = new WeakMap(), _Banner_handleDismissClick = new WeakMap();
-Banner.styles = [styles$w()];
+Banner.styles = [styles$x()];
 Banner.define();
 
 var _BaseLayout_setOrRemoveProperty;
@@ -3775,7 +3744,7 @@ function getBaseLayoutStyles(cssPropertiesPrefix) {
 	`;
 }
 
-function styles$t() {
+function styles$u() {
     return i$9 `
 		:host {
 			--m-body-padding: ${getToken$1('spacing-4')};
@@ -3820,7 +3789,7 @@ class Body extends BaseLayout {
 Body.CSSPropertiesPrefix = 'body';
 Body.styles = [
     getBaseLayoutStyles(Body.CSSPropertiesPrefix),
-    styles$t(),
+    styles$u(),
 ];
 Body.define();
 
@@ -4875,7 +4844,7 @@ class CardTitle extends Component {
 CardTitle.styles = [cardTitleStyles()];
 CardTitle.define();
 
-function styles$s() {
+function styles$t() {
     return i$9 `
 		.m-divider {
 			border: 0;
@@ -4900,7 +4869,7 @@ class Divider extends Component {
         return x `<hr class="m-divider" />`;
     }
 }
-Divider.styles = [styles$s()];
+Divider.styles = [styles$t()];
 Divider.define();
 
 class CardDivider extends Divider {
@@ -5002,6 +4971,193 @@ class CardActionTertiary extends Button {
 }
 CardActionTertiary.define();
 
+function styles$s() {
+    return i$9 `
+		:host {
+			--m-caret-button-base-color: ${getColor('color-text-primary')};
+			--m-caret-button-color: var(--m-caret-button-base-color);
+			--m-caret-button-background-color: transparent;
+
+			--m-caret-button-outline-color: transparent;
+			--m-caret-button-outline-offset: 2px;
+
+			display: inline-flex;
+
+			align-items: center;
+			justify-content: center;
+
+			min-inline-size: var(--button-size);
+			min-block-size: var(--button-size);
+			max-inline-size: var(--button-size);
+			max-block-size: var(--button-size);
+			inline-size: var(--button-size);
+			block-size: var(--button-size);
+
+			border: none;
+			border-radius: 50%;
+
+			outline: 1px solid var(--m-caret-button-outline-color);
+			outline-offset: var(--m-caret-button-outline-offset);
+		}
+
+		:host([hidden]) {
+			display: none;
+		}
+
+		:host([size='small']) {
+			--button-size: ${toRem('12px')};
+			--icon-size: ${toRem('8px')};
+		}
+
+		:host([size='default']) {
+			--button-size: ${toRem('16px')};
+			--icon-size: ${toRem('12px')};
+		}
+
+		:host([size='large']) {
+			--button-size: ${toRem('20px')};
+			--icon-size: ${toRem('16px')};
+		}
+
+		button {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+
+			cursor: pointer;
+
+			${m$1(0)};
+			${p$2(0)};
+
+			background-color: var(--m-caret-button-background-color);
+			color: var(--m-caret-button-color);
+			border: none;
+			border-radius: 50%;
+
+			min-inline-size: var(--button-size);
+			min-block-size: var(--button-size);
+			max-inline-size: var(--button-size);
+			max-block-size: var(--button-size);
+			inline-size: var(--button-size);
+			block-size: var(--button-size);
+
+			margin: 0;
+			padding: 0;
+
+			outline: none;
+		}
+
+		m-icon {
+			--m-icon-size: var(--icon-size);
+		}
+
+		:host(:not([disabled]):focus) {
+			--m-caret-button-outline-color: var(--m-caret-button-base-color);
+		}
+
+		:host(:not([inverted]):not([disabled]):hover) {
+			--m-caret-button-color: ${getColor('color-text-inverted')};
+			--m-caret-button-background-color: var(--m-caret-button-base-color);
+		}
+
+		:host([inverted]) {
+			--m-caret-button-color: ${getColor('color-text-inverted')};
+			--m-caret-button-background-color: transparent;
+		}
+
+		:host([inverted]:not([disabled]):hover) {
+			--m-caret-button-color: var(--m-caret-button-base-color);
+			--m-caret-button-background-color: ${getColor('color-text-inverted')};
+		}
+
+		:host([disabled]) {
+			--m-caret-button-color: ${getColor('color-text-disabled')};
+			--m-caret-button-background-color: transparent;
+
+			cursor: default;
+			pointer-events: none;
+		}
+
+		:host([disabled]) * {
+			pointer-events: none;
+			user-select: none;
+		}
+
+		:host([rotated]) m-icon {
+			transform: rotate(180deg);
+		}
+
+		@media (prefers-reduced-motion: no-preference) {
+			:host(:not([disabled]):focus) {
+				${transition([{ property: 'outline-color' }])};
+			}
+
+			button {
+				${transition([
+        { property: 'background-color' },
+        { property: 'color' },
+    ])};
+			}
+		}
+	`;
+}
+
+var _CaretButton_handleClick;
+class CaretButton extends Component {
+    static get properties() {
+        return {
+            controls: { type: String },
+            disabled: { type: Boolean, reflect: true },
+            inverted: { type: Boolean, reflect: true },
+            rotated: { type: Boolean, reflect: true },
+            label: { type: String },
+            size: { type: String, reflect: true },
+        };
+    }
+    static define() {
+        Component.define({ name: 'm-caret-button', constructor: CaretButton });
+    }
+    constructor() {
+        super();
+        _CaretButton_handleClick.set(this, (event) => {
+            if (this.disabled) {
+                event.stopPropagation();
+                event.stopImmediatePropagation();
+            }
+        });
+        this.disabled = false;
+        this.inverted = false;
+        this.size = 'default';
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.addEventListener('click', __classPrivateFieldGet$1(this, _CaretButton_handleClick, "f"));
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.removeEventListener('click', __classPrivateFieldGet$1(this, _CaretButton_handleClick, "f"));
+    }
+    render() {
+        return x `
+			<button
+				type="button"
+				aria-controls=${this.controls || E$1}
+				aria-label=${this.label || E$1}
+				?disabled=${this.disabled}
+			>
+				<m-icon name="caret-down"></m-icon>
+			</button>
+		`;
+    }
+}
+_CaretButton_handleClick = new WeakMap();
+CaretButton.shadowRootOptions = {
+    ...r$5.shadowRootOptions,
+    delegatesFocus: true,
+};
+CaretButton.styles = [styles$s()];
+CaretButton.define();
+
 function styles$r() {
     return i$9 `
 		:host {
@@ -18787,7 +18943,7 @@ function toggleGroupStyles() {
 }
 function toggleStyles() {
     return [
-        styles$D(),
+        styles$E(),
         i$9 `
 			:host {
 				${typography('button-md')};
@@ -19716,4 +19872,4 @@ _FilePicker_instances = new WeakSet(), _FilePicker_input_get = function _FilePic
 FilePicker.styles = [styles$1()];
 FilePicker.define();
 
-export { EmptyStateHeader as $, Accordion as A, BackButton as B, Card as C, Dialog as D, DialogActionPrimary as E, DialogActionSecondary as F, DialogActionTertiary as G, DialogActions as H, DialogBody as I, DialogClose as J, DialogFooter as K, DialogHeader as L, Divider as M, Drawer as N, DRAWER_SIZES as O, DrawerActionPrimary as P, DrawerActionSecondary as Q, DrawerActionTertiary as R, DrawerActions as S, DrawerBody as T, DrawerClose as U, DrawerHeader as V, Dropdown as W, DropdownTrigger as X, DropdownMenu as Y, DropdownItem as Z, EmptyStateAction as _, AccordionTitle as a, Switch as a$, EmptyStateIllustration as a0, EmptyStateMessage as a1, EmptyState as a2, EMPTY_STATE_VARIANTS as a3, Field as a4, FieldHint as a5, FieldLabel as a6, FIELD_STATUSES as a7, Header as a8, HeaderActions as a9, Container as aA, Row as aB, Column as aC, Link as aD, PageContent as aE, Pagination as aF, ProgressBar as aG, ProgressBarCountdown as aH, Radio as aI, RadioGroup as aJ, Section as aK, SectionTitle as aL, SideNavigation as aM, SideNavigationHeader as aN, SideNavigationBody as aO, SideNavigationItem as aP, SideNavigationDivider as aQ, SideNavigationSubNav as aR, SideNavigationSubNavContent as aS, SideNavigationSubNavItem as aT, SideNavigationSubNavTitle as aU, SideNavigationFooter as aV, Select as aW, SelectOption as aX, SpinnerWheel as aY, Steps as aZ, Step as a_, HeaderContent as aa, HeaderTabs as ab, HeaderTitle as ac, SubHeader as ad, AVAILABLE_ICONS as ae, DEPRECATED_OR_ALIAS_ICONS as af, Icon as ag, Label as ah, defaultLabeledValueProps as ai, LabeledValue as aj, LabeledValueLabel as ak, LabeledValueValue as al, ALIGN_ITEMS_VALUES as am, JUSTIFY_CONTENT_VALUES as an, Box as ao, defaultBoxProps as ap, Group as aq, defaultGroupProps as ar, Stack as as, defaultStackProps as at, Grid as au, defaultGridProps as av, Sidebar as aw, defaultSidebarProps as ax, Switcher as ay, defaultSwitcherProps as az, b, Table$1 as b0, defaultTableProps$1 as b1, TableHead$1 as b2, TableHeadCell$1 as b3, defaultTableHeadCellProps$1 as b4, TableBody$1 as b5, TableFoot$1 as b6, TableRow$1 as b7, TableCell$1 as b8, defaultTableCellProps$1 as b9, TextField as bA, Timeline as bB, TimelineExpandableItem as bC, TimelineItem as bD, TimelineItemBody as bE, TimelineItemFooter as bF, TimelineItemHeader as bG, TimelineItemHeaderSubtitle as bH, TimelineItemHeaderTitle as bI, TimelineItemIcon as bJ, ToggleGroup as bK, Toggle as bL, Tooltip as bM, TOOLTIP_PLACEMENT_VALUES as bN, LogoLoader as bO, DotsLoader as bP, FilePicker as bQ, FileItem as bR, TableToolbar as ba, TableFeedback as bb, TableActions as bc, TableSelectionCell as bd, Table as be, defaultTableProps as bf, TableHead as bg, TableBody as bh, TableFoot as bi, TableRow as bj, TableCell as bk, defaultTableCellProps as bl, TableHeadCell as bm, TableRowSelect as bn, TableRowExpand as bo, TableLayoutToolbar as bp, TableLayoutFeedback as bq, TableLayoutActions as br, TableLayout as bs, Tabs as bt, Tab as bu, TabPanel as bv, Tag as bw, ActionableTag as bx, Text as by, TextArea as bz, AccordionContent as c, Badge as d, BannerActionPrimary as e, BannerActionSecondary as f, BannerActions as g, BannerDescription as h, BannerIcon as i, BannerTitle as j, Banner as k, Body as l, Button as m, CardBody as n, CardSubtitle as o, CardTitle as p, CardDivider as q, CardFooter as r, CardActionPrimary as s, typographyVariants as t, CardActionSecondary as u, CardActionTertiary as v, Checkbox as w, CloseButton as x, DIALOG_SIZES as y, DIALOG_VARIANTS as z };
+export { EmptyStateAction as $, Accordion as A, BackButton as B, Card as C, Dialog as D, DIALOG_VARIANTS as E, DialogActionPrimary as F, DialogActionSecondary as G, DialogActionTertiary as H, DialogActions as I, DialogBody as J, DialogClose as K, DialogFooter as L, DialogHeader as M, Divider as N, Drawer as O, DRAWER_SIZES as P, DrawerActionPrimary as Q, DrawerActionSecondary as R, DrawerActionTertiary as S, DrawerActions as T, DrawerBody as U, DrawerClose as V, DrawerHeader as W, Dropdown as X, DropdownTrigger as Y, DropdownMenu as Z, DropdownItem as _, AccordionTitle as a, Step as a$, EmptyStateHeader as a0, EmptyStateIllustration as a1, EmptyStateMessage as a2, EmptyState as a3, EMPTY_STATE_VARIANTS as a4, Field as a5, FieldHint as a6, FieldLabel as a7, FIELD_STATUSES as a8, Header as a9, defaultSwitcherProps as aA, Container as aB, Row as aC, Column as aD, Link as aE, PageContent as aF, Pagination as aG, ProgressBar as aH, ProgressBarCountdown as aI, Radio as aJ, RadioGroup as aK, Section as aL, SectionTitle as aM, SideNavigation as aN, SideNavigationHeader as aO, SideNavigationBody as aP, SideNavigationItem as aQ, SideNavigationDivider as aR, SideNavigationSubNav as aS, SideNavigationSubNavContent as aT, SideNavigationSubNavItem as aU, SideNavigationSubNavTitle as aV, SideNavigationFooter as aW, Select as aX, SelectOption as aY, SpinnerWheel as aZ, Steps as a_, HeaderActions as aa, HeaderContent as ab, HeaderTabs as ac, HeaderTitle as ad, SubHeader as ae, AVAILABLE_ICONS as af, DEPRECATED_OR_ALIAS_ICONS as ag, Icon as ah, Label as ai, defaultLabeledValueProps as aj, LabeledValue as ak, LabeledValueLabel as al, LabeledValueValue as am, ALIGN_ITEMS_VALUES as an, JUSTIFY_CONTENT_VALUES as ao, Box as ap, defaultBoxProps as aq, Group as ar, defaultGroupProps as as, Stack as at, defaultStackProps as au, Grid as av, defaultGridProps as aw, Sidebar as ax, defaultSidebarProps as ay, Switcher as az, b, Switch as b0, Table$1 as b1, defaultTableProps$1 as b2, TableHead$1 as b3, TableHeadCell$1 as b4, defaultTableHeadCellProps$1 as b5, TableBody$1 as b6, TableFoot$1 as b7, TableRow$1 as b8, TableCell$1 as b9, TextArea as bA, TextField as bB, Timeline as bC, TimelineExpandableItem as bD, TimelineItem as bE, TimelineItemBody as bF, TimelineItemFooter as bG, TimelineItemHeader as bH, TimelineItemHeaderSubtitle as bI, TimelineItemHeaderTitle as bJ, TimelineItemIcon as bK, ToggleGroup as bL, Toggle as bM, Tooltip as bN, TOOLTIP_PLACEMENT_VALUES as bO, LogoLoader as bP, DotsLoader as bQ, FilePicker as bR, FileItem as bS, defaultTableCellProps$1 as ba, TableToolbar as bb, TableFeedback as bc, TableActions as bd, TableSelectionCell as be, Table as bf, defaultTableProps as bg, TableHead as bh, TableBody as bi, TableFoot as bj, TableRow as bk, TableCell as bl, defaultTableCellProps as bm, TableHeadCell as bn, TableRowSelect as bo, TableRowExpand as bp, TableLayoutToolbar as bq, TableLayoutFeedback as br, TableLayoutActions as bs, TableLayout as bt, Tabs as bu, Tab as bv, TabPanel as bw, Tag as bx, ActionableTag as by, Text as bz, AccordionContent as c, Badge as d, BannerActionPrimary as e, BannerActionSecondary as f, BannerActions as g, BannerDescription as h, BannerIcon as i, BannerTitle as j, Banner as k, Body as l, Button as m, CardBody as n, CardSubtitle as o, CardTitle as p, CardDivider as q, CardFooter as r, CardActionPrimary as s, typographyVariants as t, CardActionSecondary as u, CardActionTertiary as v, CaretButton as w, Checkbox as x, CloseButton as y, DIALOG_SIZES as z };