@loadsmart/miranda-wc 3.0.2 → 3.1.1

package/dist/{index-D2sSSFqE.js → index-DSKCpMMy.js}

@@ -1017,7 +1017,7 @@ function typography(variant) {
     return r$8(`${defaultStyle}\n${variantStyle}`);
 }
 
-function styles$D() {
+function styles$F() {
     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$C() {
+function styles$E() {
     return [
         i$3 `
 			:host {
@@ -1423,162 +1423,162 @@ function styles$C() {
 
 function __variableDynamicImportRuntime0__(path) {
   switch (path) {
-    case './icons/add-circle.ts': return import('./add-circle-GMbgPjD_-BCYTa2QF.js');
-    case './icons/alarm.ts': return import('./alarm-D262EanG-DB2dzXIt.js');
-    case './icons/alert-circle.ts': return import('./alert-circle-DGleqblF-BV9PeWFQ.js');
-    case './icons/anchor.ts': return import('./anchor-BRzTzCeb-BANNPVcP.js');
-    case './icons/arrow-left.ts': return import('./arrow-left-BFW1s3Hg-FF_Jq24_.js');
-    case './icons/arrow-right.ts': return import('./arrow-right-DE4TCGEe-CIeBASM2.js');
-    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-znufSUcs-BahpkIb7.js');
-    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-B3vn4zXN-CrZedXsn.js');
-    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-BLvIYerR-DNDVfP5M.js');
-    case './icons/asterisk.ts': return import('./asterisk-C-JeRZ3E-LZMOSP7n.js');
-    case './icons/attention.ts': return import('./attention-OV_lFThQ-Jo5pYN6C.js');
-    case './icons/automatic.ts': return import('./automatic-DQmbk4nV-C0HkZJEW.js');
-    case './icons/bank.ts': return import('./bank-M1dEp_Ww-BXpGDhh4.js');
-    case './icons/bell-cancel.ts': return import('./bell-cancel-BsCfYe0u-1FkU-gSs.js');
-    case './icons/bell.ts': return import('./bell-BF8Yel_5-9VT77AUU.js');
-    case './icons/blind-bol.ts': return import('./blind-bol-DOKD-CVV-Dutjilpw.js');
-    case './icons/board.ts': return import('./board-B8Fd5ToN-DxbHgU3H.js');
-    case './icons/bol.ts': return import('./bol-B3TtrvjJ-DgN5DXgE.js');
-    case './icons/bolt-off.ts': return import('./bolt-off-sN5QSg4J-TbjyavKu.js');
-    case './icons/bolt.ts': return import('./bolt-CRAnaxvu-Dhz-XAu-.js');
-    case './icons/box.ts': return import('./box-B0EqqA2b-BJ4X21mt.js');
-    case './icons/broadcast.ts': return import('./broadcast-BpGzmYoZ-C-iJbz3t.js');
-    case './icons/burguer-menu.ts': return import('./burguer-menu-kp-h3bVU-BZUjNl83.js');
-    case './icons/calendar.ts': return import('./calendar-DpgZJK3G-8zytMZ9c.js');
-    case './icons/camera.ts': return import('./camera-C1utBqW7-_MV9td0H.js');
-    case './icons/canada-flag.ts': return import('./canada-flag-I4bCo-Lw-CRBKqBcb.js');
-    case './icons/caret-down.ts': return import('./caret-down-CRJ2tiIZ-DtEQhPbr.js');
-    case './icons/caret-left.ts': return import('./caret-left-3Jkz2pK9-DPGxlAeg.js');
-    case './icons/caret-right.ts': return import('./caret-right-BGtskmM2-B4Pft5A3.js');
-    case './icons/caret-up.ts': return import('./caret-up-DfSw3e1N-CfFOqn1Y.js');
-    case './icons/chat.ts': return import('./chat-CDzyp9p0-Cdjk4Omj.js');
-    case './icons/check.ts': return import('./check-CTwZkPkU-CJvHc0Gs.js');
-    case './icons/clip.ts': return import('./clip-DcJua3Wo-Bgg4kcgI.js');
-    case './icons/clock.ts': return import('./clock-BW-mC7hg-BxdOJN7v.js');
-    case './icons/clown.ts': return import('./clown-CjHq2iwo-DDUfLWOt.js');
-    case './icons/code.ts': return import('./code-CRDbLKdl-CBgNI3kT.js');
-    case './icons/comment.ts': return import('./comment-xYO6xW5N-Br0RDM7B.js');
-    case './icons/company.ts': return import('./company-BRwIVHmF-Bz-ENU2r.js');
-    case './icons/contract.ts': return import('./contract-UWYGcP0H-DLG-1WGp.js');
-    case './icons/copy.ts': return import('./copy-oW7e9nLR-CKneT2SB.js');
-    case './icons/corner-down-r.ts': return import('./corner-down-r-DGGHg3ci-uaQQgE86.js');
-    case './icons/corner-down.ts': return import('./corner-down-D2SonFVx-BXte6u1f.js');
-    case './icons/corner-up.ts': return import('./corner-up-DApc0VLT-DF5HwgXO.js');
-    case './icons/credit-card.ts': return import('./credit-card-B8vxgVhN-CQ5ERl8g.js');
-    case './icons/delivery.ts': return import('./delivery-x8yZdpKO-B2kJyfcg.js');
-    case './icons/dislike.ts': return import('./dislike-NafOW8zF-DqyJvsO3.js');
-    case './icons/document-csv.ts': return import('./document-csv-TIp6Z6jf-Bkhfzvw2.js');
-    case './icons/document-file.ts': return import('./document-file-DF2jO_8N-Clk8JsIt.js');
-    case './icons/document-image.ts': return import('./document-image-Ze1Bhbt2-CxHj-Pxl.js');
-    case './icons/dollar-circle.ts': return import('./dollar-circle-Co_ppBVA-N54BuSny.js');
-    case './icons/dollar.ts': return import('./dollar-B6UnByYz-IztU-q0J.js');
-    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BCCn1Lof-Dckf-gtq.js');
-    case './icons/dots-vertical.ts': return import('./dots-vertical-BLHJUYlI-cgdwlrXR.js');
-    case './icons/double-caret-left.ts': return import('./double-caret-left-DS0jeg4l-D8ndHbnR.js');
-    case './icons/double-caret-right.ts': return import('./double-caret-right-Bobj18vN-B0gL6bUj.js');
-    case './icons/down.ts': return import('./down-CbPrWvRD-Br7RKENk.js');
-    case './icons/download.ts': return import('./download-BYCSjC6A-CfxIt8bt.js');
-    case './icons/dropdown.ts': return import('./dropdown-C00R6-2P-CgeLMJ-f.js');
-    case './icons/email-filled.ts': return import('./email-filled-B81kwMYr-KvM3ursp.js');
-    case './icons/email.ts': return import('./email-OF-QHKCt-exeJ4bLa.js');
-    case './icons/export.ts': return import('./export-BgaRmv9v-CxbV7Csj.js');
-    case './icons/eye.ts': return import('./eye-pjWP8qzQ-Dr-lrrdx.js');
-    case './icons/fast.ts': return import('./fast-BJVP8sGj-Dl-c6D1d.js');
-    case './icons/favorite.ts': return import('./favorite-La5bwxd0-DY2UNs9g.js');
-    case './icons/file.ts': return import('./file-BJ7tSW9_-CwXUYGN7.js');
-    case './icons/filter.ts': return import('./filter-l0QCnRtT-D7n0l4QI.js');
-    case './icons/flag.ts': return import('./flag-oIZZwW8I-CHS7EPEO.js');
-    case './icons/folder.ts': return import('./folder-8EADoQCS-COZRrne0.js');
-    case './icons/funnel.ts': return import('./funnel-DE9_yycN-hr9SYBnS.js');
-    case './icons/gear.ts': return import('./gear-Dp3HgTpn-WFHoH4-1.js');
-    case './icons/graph.ts': return import('./graph-i4IKPQuo-CIB_EKZO.js');
-    case './icons/hand-tap.ts': return import('./hand-tap-C5lcbo1h-DEV89lMx.js');
-    case './icons/hand.ts': return import('./hand-C0jQCGym-BT44zAF4.js');
-    case './icons/high-signal.ts': return import('./high-signal-f-bHATHE-B5ekjCm7.js');
-    case './icons/history.ts': return import('./history-Dfv8GX0t-CYoctXiA.js');
-    case './icons/home.ts': return import('./home-BEvzihaK-DwlpN7wy.js');
-    case './icons/hourglass.ts': return import('./hourglass-C1EBtA3l-Aid0aO6X.js');
-    case './icons/import-2.ts': return import('./import-2-CComEGrR-CpUwgL5e.js');
-    case './icons/import.ts': return import('./import-CWfx3Mkd-CYYy_Nw2.js');
-    case './icons/indeterminate.ts': return import('./indeterminate-DgMaeHNO-Cddd6j0G.js');
-    case './icons/info.ts': return import('./info-BZALh3n4-Dc4xXUWE.js');
-    case './icons/invoice-items.ts': return import('./invoice-items-zkqxkH85-CZVuRBTj.js');
-    case './icons/invoice.ts': return import('./invoice-B2rmFLLX-Bkihrrtz.js');
-    case './icons/kanban.ts': return import('./kanban-CzcFBv5E-C4FY9pXt.js');
-    case './icons/light-bulb.ts': return import('./light-bulb-CibgA8lK-VKlmKV2D.js');
-    case './icons/like.ts': return import('./like-D-0Aqn44-DfJy6xpe.js');
-    case './icons/link.ts': return import('./link-dXsP5xgY-2zgw6Qb_.js');
-    case './icons/list.ts': return import('./list-DmtHylpp-7MXxApH2.js');
-    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-BrHas6pW-lxfP--gy.js');
-    case './icons/log-out.ts': return import('./log-out-DYmw3FWE-D68o9bOV.js');
-    case './icons/low-signal.ts': return import('./low-signal-DkLD9lXz-CQZ874eT.js');
-    case './icons/map.ts': return import('./map-BN6aee0V-Dp_tsF1H.js');
-    case './icons/medal.ts': return import('./medal-3ouy4Ukd-C9JVqzsP.js');
-    case './icons/megaphone.ts': return import('./megaphone-v7OdfDEh-C0LUU2q7.js');
-    case './icons/mexico-flag.ts': return import('./mexico-flag-BGabvR0D-BoqxM_va.js');
-    case './icons/minus.ts': return import('./minus-CVwnJRLD-1ayT346Q.js');
-    case './icons/network-signal.ts': return import('./network-signal-C1_b1j2v-DvcpUWag.js');
-    case './icons/no-awarded.ts': return import('./no-awarded-BXVKuOzt-UsocbhWZ.js');
-    case './icons/notes-lock.ts': return import('./notes-lock-Bu97LP1s-B8uOLewJ.js');
-    case './icons/notes.ts': return import('./notes-Cu97c2f0-CYlyIRFo.js');
-    case './icons/order.ts': return import('./order-BOJZgwNm-ygwLNIoO.js');
-    case './icons/package-tracking.ts': return import('./package-tracking-L7bT1GhS-BnI-YxG4.js');
-    case './icons/padlock-open.ts': return import('./padlock-open-BKpR1Ko4-BbI4IARd.js');
-    case './icons/padlock.ts': return import('./padlock-DRXAMwdy-a-enCr5i.js');
-    case './icons/pencil.ts': return import('./pencil-CM-bWLuj-CgrXAV5l.js');
-    case './icons/phone.ts': return import('./phone-CIE38StA-KXkrI2kt.js');
-    case './icons/pin-filled.ts': return import('./pin-filled-C5CxA-iu-DXwV2FiN.js');
-    case './icons/pin-map.ts': return import('./pin-map-BiicI0Xt-Dadspag9.js');
-    case './icons/pin.ts': return import('./pin-wTZbGtSB-CQMNSkuy.js');
-    case './icons/plugs.ts': return import('./plugs-CF1OALAs-CAsJhJsN.js');
-    case './icons/plus.ts': return import('./plus-CsJ1ySdQ-DjI6Ra6W.js');
-    case './icons/pod.ts': return import('./pod-jlUiNz8G-BT4lAKrw.js');
-    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-B61silXL-BataLRcG.js');
-    case './icons/print.ts': return import('./print-DHRuaZ7z-DVaM16N9.js');
-    case './icons/profile.ts': return import('./profile-BLiK4o8r-CoTT-Uvk.js');
-    case './icons/question-dot.ts': return import('./question-dot-bsiNmbPo-D7ZoBCgW.js');
-    case './icons/receipt.ts': return import('./receipt-BPPH41o4-hkM0A1y4.js');
-    case './icons/redo.ts': return import('./redo-BXrITf2K-DBD_u6D2.js');
-    case './icons/refresh.ts': return import('./refresh-D8xW0dqX-BHBXrFmi.js');
-    case './icons/reloading.ts': return import('./reloading-gDMbNG_B-DhRaT48Q.js');
-    case './icons/road.ts': return import('./road-CuSFxItG-Cf4NSOXj.js');
-    case './icons/round-trip.ts': return import('./round-trip-MnSux6QU-BEkAE0_-.js');
-    case './icons/satellite.ts': return import('./satellite-Bc89FP2Q-DuzOjkSh.js');
-    case './icons/search.ts': return import('./search-B9YLTJ9l-z-XYr_gR.js');
-    case './icons/send.ts': return import('./send-9jnmDA2p-DJPz-_aG.js');
-    case './icons/share.ts': return import('./share-DjYkh6qe-Txd3Yxbk.js');
-    case './icons/ship.ts': return import('./ship-DL0DtTwp-002LC3SH.js');
-    case './icons/signal.ts': return import('./signal-BjnaW7-v-CcJXXLEH.js');
-    case './icons/sparkle.ts': return import('./sparkle-Cl1kpPwT-BzkRWtSN.js');
-    case './icons/star.ts': return import('./star-qU-ErRTK-jaP2zkP8.js');
-    case './icons/swap.ts': return import('./swap-DoyyqiGi-BaOlHnnW.js');
-    case './icons/tag-chevron.ts': return import('./tag-chevron-9EIiYOm5-C5mwQQxu.js');
-    case './icons/tag.ts': return import('./tag-Cc9ud_Aj-DhcySefh.js');
-    case './icons/telephone.ts': return import('./telephone-DFh98Ay2-CFFIUkhi.js');
-    case './icons/terminal.ts': return import('./terminal-BaigQtal-Ds5mTguP.js');
-    case './icons/timer.ts': return import('./timer-BZ_Rl8iU-DIAmlgC-.js');
-    case './icons/tms-ready.ts': return import('./tms-ready-CUL5zgyX-JVZSS6Z9.js');
-    case './icons/trash.ts': return import('./trash-CEDd8nrY-DAnjRQax.js');
-    case './icons/trend-down.ts': return import('./trend-down-Bi_wON8z-DkgqEmax.js');
-    case './icons/trend-up.ts': return import('./trend-up-qHWzcRNk-VgSz9Fa6.js');
-    case './icons/trophee.ts': return import('./trophee-kyUN-EK8-Cwl5hb3u.js');
-    case './icons/truck.ts': return import('./truck-K5ZZNbOU-5FTr5lAZ.js');
-    case './icons/undo.ts': return import('./undo-BB9X8eT--D3xgmv_P.js');
-    case './icons/united-states-flag.ts': return import('./united-states-flag-COyC4JXh-p3H9uSji.js');
-    case './icons/up.ts': return import('./up-Cd9KFNZk-Crnk-iYj.js');
-    case './icons/upgrade.ts': return import('./upgrade-4kXJ58Gh-BBHsQNDj.js');
-    case './icons/upload.ts': return import('./upload-r7wyfVEu-Dbu8WWXG.js');
-    case './icons/user.ts': return import('./user-wWu2AM-c-D-J4c0ID.js');
-    case './icons/wallet.ts': return import('./wallet-Dz4YpRdq-CG1VQ0s_.js');
-    case './icons/warehouse.ts': return import('./warehouse-CVYF8jRL-C0vMeNqQ.js');
-    case './icons/wifi-off.ts': return import('./wifi-off-5uYAR8hl-CCialYC2.js');
-    case './icons/wifi.ts': return import('./wifi-BM16D7R9-Bzop6YJW.js');
-    case './icons/x-small.ts': return import('./x-small-BdCJdOXm-C9EmTfIs.js');
-    case './icons/x.ts': return import('./x-BeceWtAY-B1qC0P3h.js');
-    case './icons/zoom-in.ts': return import('./zoom-in-4jelWwNG-DaMSkFV_.js');
-    case './icons/zoom-out.ts': return import('./zoom-out-L9ZjwQTF-uruAiXqr.js');
+    case './icons/add-circle.ts': return import('./add-circle-GMbgPjD_-CUPF1zjk.js');
+    case './icons/alarm.ts': return import('./alarm-D262EanG-5pzgxCYW.js');
+    case './icons/alert-circle.ts': return import('./alert-circle-DGleqblF-C8hUo-mk.js');
+    case './icons/anchor.ts': return import('./anchor-BRzTzCeb-CAnedPt7.js');
+    case './icons/arrow-left.ts': return import('./arrow-left-BFW1s3Hg-S0boN7KJ.js');
+    case './icons/arrow-right.ts': return import('./arrow-right-DE4TCGEe-CYxFKi9q.js');
+    case './icons/arrow-sort-down.ts': return import('./arrow-sort-down-znufSUcs-BT9-usma.js');
+    case './icons/arrow-sort-up-down.ts': return import('./arrow-sort-up-down-B3vn4zXN-BucMppCq.js');
+    case './icons/arrow-sort-up.ts': return import('./arrow-sort-up-BLvIYerR-C-dfl6FB.js');
+    case './icons/asterisk.ts': return import('./asterisk-C-JeRZ3E-9SHJro1g.js');
+    case './icons/attention.ts': return import('./attention-OV_lFThQ-ClmG00Nr.js');
+    case './icons/automatic.ts': return import('./automatic-DQmbk4nV-CjvU80CQ.js');
+    case './icons/bank.ts': return import('./bank-M1dEp_Ww-D2IO-8sA.js');
+    case './icons/bell-cancel.ts': return import('./bell-cancel-BsCfYe0u-uCfBDr0x.js');
+    case './icons/bell.ts': return import('./bell-BF8Yel_5-DDKBIaYz.js');
+    case './icons/blind-bol.ts': return import('./blind-bol-DOKD-CVV-DYRDdiQH.js');
+    case './icons/board.ts': return import('./board-B8Fd5ToN-nmDRu7Wc.js');
+    case './icons/bol.ts': return import('./bol-B3TtrvjJ-Bi_o_CfO.js');
+    case './icons/bolt-off.ts': return import('./bolt-off-sN5QSg4J-CB6FmSAI.js');
+    case './icons/bolt.ts': return import('./bolt-CRAnaxvu-BdAx5dTc.js');
+    case './icons/box.ts': return import('./box-B0EqqA2b-yPAyZMpm.js');
+    case './icons/broadcast.ts': return import('./broadcast-BpGzmYoZ-crZBG7re.js');
+    case './icons/burguer-menu.ts': return import('./burguer-menu-kp-h3bVU-DG3akoqm.js');
+    case './icons/calendar.ts': return import('./calendar-DpgZJK3G-B2HBxQYF.js');
+    case './icons/camera.ts': return import('./camera-C1utBqW7-CLQ4kk9a.js');
+    case './icons/canada-flag.ts': return import('./canada-flag-I4bCo-Lw-C8crOI28.js');
+    case './icons/caret-down.ts': return import('./caret-down-CRJ2tiIZ-Di5Pshqo.js');
+    case './icons/caret-left.ts': return import('./caret-left-3Jkz2pK9-Ok8T-Uul.js');
+    case './icons/caret-right.ts': return import('./caret-right-BGtskmM2-CNHUlSXA.js');
+    case './icons/caret-up.ts': return import('./caret-up-DfSw3e1N-DvVlpkLe.js');
+    case './icons/chat.ts': return import('./chat-CDzyp9p0-hPFjVmX-.js');
+    case './icons/check.ts': return import('./check-CTwZkPkU-Dmch9qYc.js');
+    case './icons/clip.ts': return import('./clip-DcJua3Wo-JW2dDC3K.js');
+    case './icons/clock.ts': return import('./clock-BW-mC7hg-LgP82l9C.js');
+    case './icons/clown.ts': return import('./clown-CjHq2iwo-etrQXGfa.js');
+    case './icons/code.ts': return import('./code-CRDbLKdl-DoYQN2wk.js');
+    case './icons/comment.ts': return import('./comment-xYO6xW5N-KcnyzEmK.js');
+    case './icons/company.ts': return import('./company-BRwIVHmF-BkXJajCE.js');
+    case './icons/contract.ts': return import('./contract-UWYGcP0H-CWFDaHOV.js');
+    case './icons/copy.ts': return import('./copy-oW7e9nLR-DcnoocUq.js');
+    case './icons/corner-down-r.ts': return import('./corner-down-r-DGGHg3ci-qXQo74Pv.js');
+    case './icons/corner-down.ts': return import('./corner-down-D2SonFVx-C3BlXuB-.js');
+    case './icons/corner-up.ts': return import('./corner-up-DApc0VLT-uTrMQbV8.js');
+    case './icons/credit-card.ts': return import('./credit-card-B8vxgVhN-D1ETrvvl.js');
+    case './icons/delivery.ts': return import('./delivery-x8yZdpKO-CSx0gpOp.js');
+    case './icons/dislike.ts': return import('./dislike-NafOW8zF-DBvOKt-Q.js');
+    case './icons/document-csv.ts': return import('./document-csv-TIp6Z6jf-C0_TRNF-.js');
+    case './icons/document-file.ts': return import('./document-file-DF2jO_8N-Bn17dCVG.js');
+    case './icons/document-image.ts': return import('./document-image-Ze1Bhbt2-BukUmL6Y.js');
+    case './icons/dollar-circle.ts': return import('./dollar-circle-Co_ppBVA-CsJAwww3.js');
+    case './icons/dollar.ts': return import('./dollar-B6UnByYz-D37ByWyL.js');
+    case './icons/dots-horizontal.ts': return import('./dots-horizontal-BCCn1Lof-B-dHMzux.js');
+    case './icons/dots-vertical.ts': return import('./dots-vertical-BLHJUYlI-D4Ew4jvT.js');
+    case './icons/double-caret-left.ts': return import('./double-caret-left-DS0jeg4l-DZdoElGJ.js');
+    case './icons/double-caret-right.ts': return import('./double-caret-right-Bobj18vN-BgYasOlC.js');
+    case './icons/down.ts': return import('./down-CbPrWvRD-L5zwghHV.js');
+    case './icons/download.ts': return import('./download-BYCSjC6A-ipdKow67.js');
+    case './icons/dropdown.ts': return import('./dropdown-C00R6-2P-DkES8GhX.js');
+    case './icons/email-filled.ts': return import('./email-filled-B81kwMYr-FDOmhwWB.js');
+    case './icons/email.ts': return import('./email-OF-QHKCt-CRdgdwiz.js');
+    case './icons/export.ts': return import('./export-BgaRmv9v-C4PHmcBY.js');
+    case './icons/eye.ts': return import('./eye-pjWP8qzQ-CS-9gBXf.js');
+    case './icons/fast.ts': return import('./fast-BJVP8sGj-Ix9kxXG0.js');
+    case './icons/favorite.ts': return import('./favorite-La5bwxd0-BGsNEuwm.js');
+    case './icons/file.ts': return import('./file-BJ7tSW9_-8DGhkApS.js');
+    case './icons/filter.ts': return import('./filter-l0QCnRtT-DpAGUdKe.js');
+    case './icons/flag.ts': return import('./flag-oIZZwW8I-CYFLppU3.js');
+    case './icons/folder.ts': return import('./folder-8EADoQCS-DWwFUngo.js');
+    case './icons/funnel.ts': return import('./funnel-DE9_yycN-D604yE6U.js');
+    case './icons/gear.ts': return import('./gear-Dp3HgTpn-BqqJlB1-.js');
+    case './icons/graph.ts': return import('./graph-i4IKPQuo-Dtk9Rax4.js');
+    case './icons/hand-tap.ts': return import('./hand-tap-C5lcbo1h-DsR4ExIJ.js');
+    case './icons/hand.ts': return import('./hand-C0jQCGym-Ci5HfMMm.js');
+    case './icons/high-signal.ts': return import('./high-signal-f-bHATHE-EGSdVygS.js');
+    case './icons/history.ts': return import('./history-Dfv8GX0t-SpFF8lic.js');
+    case './icons/home.ts': return import('./home-BEvzihaK-CnWENXtd.js');
+    case './icons/hourglass.ts': return import('./hourglass-C1EBtA3l-Cn71a3AP.js');
+    case './icons/import-2.ts': return import('./import-2-CComEGrR-CjEoSp8O.js');
+    case './icons/import.ts': return import('./import-CWfx3Mkd-CTVYS_j-.js');
+    case './icons/indeterminate.ts': return import('./indeterminate-DgMaeHNO-C1Tps3P3.js');
+    case './icons/info.ts': return import('./info-BZALh3n4-CE7od6HQ.js');
+    case './icons/invoice-items.ts': return import('./invoice-items-zkqxkH85-kL4WIW9w.js');
+    case './icons/invoice.ts': return import('./invoice-B2rmFLLX-DnSA7_KC.js');
+    case './icons/kanban.ts': return import('./kanban-CzcFBv5E-BP0G5K-4.js');
+    case './icons/light-bulb.ts': return import('./light-bulb-CibgA8lK-BuD9zaE7.js');
+    case './icons/like.ts': return import('./like-D-0Aqn44-oXU7G9Xz.js');
+    case './icons/link.ts': return import('./link-dXsP5xgY-C4NlqtAj.js');
+    case './icons/list.ts': return import('./list-DmtHylpp-CC0HQ0Lz.js');
+    case './icons/loadsmart-logo.ts': return import('./loadsmart-logo-BrHas6pW-BnUlE2mL.js');
+    case './icons/log-out.ts': return import('./log-out-DYmw3FWE-CrgtQvLY.js');
+    case './icons/low-signal.ts': return import('./low-signal-DkLD9lXz-BvNrE9xN.js');
+    case './icons/map.ts': return import('./map-BN6aee0V-CHl2BM9B.js');
+    case './icons/medal.ts': return import('./medal-3ouy4Ukd-CnC8fc7B.js');
+    case './icons/megaphone.ts': return import('./megaphone-v7OdfDEh-CO337BtV.js');
+    case './icons/mexico-flag.ts': return import('./mexico-flag-BGabvR0D-BEWfTXUq.js');
+    case './icons/minus.ts': return import('./minus-CVwnJRLD-C5NPfiLi.js');
+    case './icons/network-signal.ts': return import('./network-signal-C1_b1j2v-D7KjNDqL.js');
+    case './icons/no-awarded.ts': return import('./no-awarded-BXVKuOzt-vzJPagdj.js');
+    case './icons/notes-lock.ts': return import('./notes-lock-Bu97LP1s-D2Vc9VyY.js');
+    case './icons/notes.ts': return import('./notes-Cu97c2f0-C-S0kIBX.js');
+    case './icons/order.ts': return import('./order-BOJZgwNm-ns7hyVhq.js');
+    case './icons/package-tracking.ts': return import('./package-tracking-L7bT1GhS-pvhjyWhl.js');
+    case './icons/padlock-open.ts': return import('./padlock-open-BKpR1Ko4-BQxCbmeC.js');
+    case './icons/padlock.ts': return import('./padlock-DRXAMwdy-BwroL_0-.js');
+    case './icons/pencil.ts': return import('./pencil-CM-bWLuj-Qep_TgX_.js');
+    case './icons/phone.ts': return import('./phone-CIE38StA-DxUAwPgP.js');
+    case './icons/pin-filled.ts': return import('./pin-filled-C5CxA-iu-BhBbFR9U.js');
+    case './icons/pin-map.ts': return import('./pin-map-BiicI0Xt-vC-AySs9.js');
+    case './icons/pin.ts': return import('./pin-wTZbGtSB-C3Ru0KrU.js');
+    case './icons/plugs.ts': return import('./plugs-CF1OALAs-JaigkOut.js');
+    case './icons/plus.ts': return import('./plus-CsJ1ySdQ-BzLMKyAL.js');
+    case './icons/pod.ts': return import('./pod-jlUiNz8G-BkI4S0j-.js');
+    case './icons/pre-confirmed-load.ts': return import('./pre-confirmed-load-B61silXL-BJfw6phj.js');
+    case './icons/print.ts': return import('./print-DHRuaZ7z-BFuk0eaY.js');
+    case './icons/profile.ts': return import('./profile-BLiK4o8r-B4v2bxwv.js');
+    case './icons/question-dot.ts': return import('./question-dot-bsiNmbPo-CzuqMf6D.js');
+    case './icons/receipt.ts': return import('./receipt-BPPH41o4-DX94ffhu.js');
+    case './icons/redo.ts': return import('./redo-BXrITf2K-C1usQYhx.js');
+    case './icons/refresh.ts': return import('./refresh-D8xW0dqX-CtHFo0hC.js');
+    case './icons/reloading.ts': return import('./reloading-gDMbNG_B-DYBjTScy.js');
+    case './icons/road.ts': return import('./road-CuSFxItG-JBFKZn_A.js');
+    case './icons/round-trip.ts': return import('./round-trip-MnSux6QU-DemrCQwW.js');
+    case './icons/satellite.ts': return import('./satellite-Bc89FP2Q-DKt49OG3.js');
+    case './icons/search.ts': return import('./search-B9YLTJ9l-gC7kRylK.js');
+    case './icons/send.ts': return import('./send-9jnmDA2p-Z7dYKBsb.js');
+    case './icons/share.ts': return import('./share-DjYkh6qe-BgmoRgkx.js');
+    case './icons/ship.ts': return import('./ship-DL0DtTwp-BJ8wI89w.js');
+    case './icons/signal.ts': return import('./signal-BjnaW7-v-BU_CXwG7.js');
+    case './icons/sparkle.ts': return import('./sparkle-Cl1kpPwT-DVcakJRz.js');
+    case './icons/star.ts': return import('./star-qU-ErRTK-DfL7FSti.js');
+    case './icons/swap.ts': return import('./swap-DoyyqiGi-CzCMqjIe.js');
+    case './icons/tag-chevron.ts': return import('./tag-chevron-9EIiYOm5-B4x4ERob.js');
+    case './icons/tag.ts': return import('./tag-Cc9ud_Aj-BXUVaLss.js');
+    case './icons/telephone.ts': return import('./telephone-DFh98Ay2-D1NxSRTr.js');
+    case './icons/terminal.ts': return import('./terminal-BaigQtal-C4EOilVZ.js');
+    case './icons/timer.ts': return import('./timer-BZ_Rl8iU-Bn7ts0gT.js');
+    case './icons/tms-ready.ts': return import('./tms-ready-CUL5zgyX-CQ3aB6rb.js');
+    case './icons/trash.ts': return import('./trash-CEDd8nrY-Xi3aocHd.js');
+    case './icons/trend-down.ts': return import('./trend-down-Bi_wON8z-BbeS53M0.js');
+    case './icons/trend-up.ts': return import('./trend-up-qHWzcRNk-B1wExsYS.js');
+    case './icons/trophee.ts': return import('./trophee-kyUN-EK8-Buofguqa.js');
+    case './icons/truck.ts': return import('./truck-K5ZZNbOU-BzvjT3Wd.js');
+    case './icons/undo.ts': return import('./undo-BB9X8eT--Q5tyByGJ.js');
+    case './icons/united-states-flag.ts': return import('./united-states-flag-COyC4JXh-BHQfa61V.js');
+    case './icons/up.ts': return import('./up-Cd9KFNZk-BuHNDcAg.js');
+    case './icons/upgrade.ts': return import('./upgrade-4kXJ58Gh-B-Hwk08D.js');
+    case './icons/upload.ts': return import('./upload-r7wyfVEu-CTElwdIB.js');
+    case './icons/user.ts': return import('./user-wWu2AM-c-DZVgIqZp.js');
+    case './icons/wallet.ts': return import('./wallet-Dz4YpRdq-h_yGSMtT.js');
+    case './icons/warehouse.ts': return import('./warehouse-CVYF8jRL-BrJN1XuU.js');
+    case './icons/wifi-off.ts': return import('./wifi-off-5uYAR8hl-iKYhNytS.js');
+    case './icons/wifi.ts': return import('./wifi-BM16D7R9-CXc8TL-x.js');
+    case './icons/x-small.ts': return import('./x-small-BdCJdOXm-BIkqXNTt.js');
+    case './icons/x.ts': return import('./x-BeceWtAY-CTGPxMVt.js');
+    case './icons/zoom-in.ts': return import('./zoom-in-4jelWwNG-Bx28e-jX.js');
+    case './icons/zoom-out.ts': return import('./zoom-out-L9ZjwQTF-BprH12LO.js');
     default: return new Promise(function(resolve, reject) {
       (typeof queueMicrotask === 'function' ? queueMicrotask : setTimeout)(
         reject.bind(null, new Error("Unknown variable dynamic import: " + path))
@@ -1882,7 +1882,7 @@ class Icon extends r$4 {
     }
 }
 _Icon_setError = new WeakMap(), _Icon_loadIcon = new WeakMap();
-Icon.styles = [styles$C()];
+Icon.styles = [styles$E()];
 Icon.define();
 
 var _Accordion_instances, _Accordion_accordionTrigger_get, _Accordion_accordionPanel_get, _Accordion_accordionContent_get, _Accordion_handleExpand, _Accordion_toggle, _Accordion_handleTransition;
@@ -1980,7 +1980,7 @@ _Accordion_handleTransition = new WeakMap(), _Accordion_instances = new WeakSet(
         detail: { name: 'accordion', value: this.expanded },
     });
 };
-Accordion.styles = [styles$D()];
+Accordion.styles = [styles$F()];
 Accordion.define();
 
 class AccordionTitle extends Component {
@@ -2039,7 +2039,7 @@ AccordionContent.define();
  * SPDX-License-Identifier: BSD-3-Clause
  */const o$3=o=>o??E$1;
 
-function styles$B(selector = '#button') {
+function styles$D(selector = '#button') {
     return i$9 `
 		:host {
 			${typography('button-md')};
@@ -2156,9 +2156,9 @@ function styles$B(selector = '#button') {
 	`;
 }
 
-function styles$A() {
+function styles$C() {
     return [
-        styles$B(),
+        styles$D(),
         i$9 `
 			:host([variant='primary']) {
 				--m-button-background-color: ${getColor('color-primary-60')};
@@ -2431,7 +2431,7 @@ function styles$A() {
 }
 
 const DEFAULT_SIZE$2 = 10;
-function styles$z() {
+function styles$B() {
     return i$9 `
 		:host {
 			color: inherit;
@@ -2507,7 +2507,7 @@ _DotsLoader_instances = new WeakSet(), _DotsLoader_getSize = function _DotsLoade
     }
     return `${parsedSize || DEFAULT_SIZE$2}px`;
 };
-DotsLoader.styles = [styles$z()];
+DotsLoader.styles = [styles$B()];
 DotsLoader.define();
 
 var _Button_handleDisabledChange, _Button_handleClick, _Button_handleLinkClick, _Button_handleSubmit, _Button_handleReset, _Button_isDisabled, _Button_isLink;
@@ -2673,7 +2673,7 @@ Button.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Button.styles = [styles$A()];
+Button.styles = [styles$C()];
 Button.define();
 
 var _BackButton_handleLabelChange;
@@ -2737,7 +2737,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$y() {
+function styles$A() {
     return i$9 `
 		:host {
 			--m-host-size: 24px;
@@ -2840,7 +2840,7 @@ _Badge_instances = new WeakSet(), _Badge_counter_get = function _Badge_counter_g
     }
     return E$1;
 };
-Badge.styles = [styles$y()];
+Badge.styles = [styles$A()];
 Badge.define();
 
 class BannerActionPrimary extends Button {
@@ -2882,7 +2882,7 @@ class BannerActionSecondary extends Button {
 }
 BannerActionSecondary.define();
 
-function styles$x() {
+function styles$z() {
     return i$9 `
 		:host {
 			display: flex;
@@ -2911,10 +2911,10 @@ class BannerActions extends Component {
 		`;
     }
 }
-BannerActions.styles = [styles$x()];
+BannerActions.styles = [styles$z()];
 BannerActions.define();
 
-function styles$w() {
+function styles$y() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -2939,7 +2939,7 @@ class BannerDescription extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerDescription.styles = [styles$w()];
+BannerDescription.styles = [styles$y()];
 BannerDescription.define();
 
 class BannerIcon extends Component {
@@ -2960,7 +2960,7 @@ class BannerIcon extends Component {
 }
 BannerIcon.define();
 
-function styles$v() {
+function styles$x() {
     return i$9 `
 		:host {
 			${typography('body-md-bold')};
@@ -2996,10 +2996,10 @@ class BannerTitle extends Component {
         return x `<slot></slot>`;
     }
 }
-BannerTitle.styles = [styles$v()];
+BannerTitle.styles = [styles$x()];
 BannerTitle.define();
 
-function styles$u() {
+function styles$w() {
     return i$9 `
 		:host {
 			display: block;
@@ -3086,7 +3086,7 @@ function toRem(value, base = BASE_PIXELS) {
     return r$8(`${parseInt(String(value), 10) / base}rem`);
 }
 
-function styles$t() {
+function styles$v() {
     return i$9 `
 		:host {
 			/**
@@ -3296,7 +3296,7 @@ CloseButton.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-CloseButton.styles = [styles$t()];
+CloseButton.styles = [styles$v()];
 CloseButton.define();
 
 /**
@@ -3360,7 +3360,7 @@ const TEXT_CONTENT_HTML_TAGS = [
     'var', // Variables
 ];
 
-function styles$s() {
+function styles$u() {
     return i$9 `
 		:host {
 			--m-text-color: ${getColor('color-text-primary')};
@@ -3554,7 +3554,7 @@ class Text extends Component {
         return u `<slot></slot>`;
     }
 }
-Text.styles = [styles$s()];
+Text.styles = [styles$u()];
 Text.define();
 
 var _Banner_primaryAction, _Banner_handleDismissClick;
@@ -3665,7 +3665,7 @@ class Banner extends Component {
     }
 }
 _Banner_primaryAction = new WeakMap(), _Banner_handleDismissClick = new WeakMap();
-Banner.styles = [styles$u()];
+Banner.styles = [styles$w()];
 Banner.define();
 
 var _BaseLayout_setOrRemoveProperty;
@@ -3771,7 +3771,7 @@ function getBaseLayoutStyles(cssPropertiesPrefix) {
 	`;
 }
 
-function styles$r() {
+function styles$t() {
     return i$9 `
 		:host {
 			--m-body-padding: ${getToken$1('spacing-4')};
@@ -3816,7 +3816,7 @@ class Body extends BaseLayout {
 Body.CSSPropertiesPrefix = 'body';
 Body.styles = [
     getBaseLayoutStyles(Body.CSSPropertiesPrefix),
-    styles$r(),
+    styles$t(),
 ];
 Body.define();
 
@@ -4871,7 +4871,7 @@ class CardTitle extends Component {
 CardTitle.styles = [cardTitleStyles()];
 CardTitle.define();
 
-function styles$q() {
+function styles$s() {
     return i$9 `
 		.m-divider {
 			border: 0;
@@ -4896,7 +4896,7 @@ class Divider extends Component {
         return x `<hr class="m-divider" />`;
     }
 }
-Divider.styles = [styles$q()];
+Divider.styles = [styles$s()];
 Divider.define();
 
 class CardDivider extends Divider {
@@ -4998,7 +4998,7 @@ class CardActionTertiary extends Button {
 }
 CardActionTertiary.define();
 
-function styles$p() {
+function styles$r() {
     return i$9 `
 		:host {
 			${typography('body-md')};
@@ -5341,7 +5341,7 @@ Checkbox.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Checkbox.styles = [styles$p()];
+Checkbox.styles = [styles$r()];
 Checkbox.define();
 
 /**
@@ -5374,7 +5374,7 @@ function attachContextRoot() {
 
 const dialogContext = n$4(Symbol('dialog'));
 
-function styles$o() {
+function styles$q() {
     return i$9 `
 		:host {
 			--margin: ${getToken$1('spacing-6')};
@@ -5621,7 +5621,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$o()];
+Dialog.styles = [styles$q()];
 Dialog.define();
 
 const DIALOG_SIZES = [
@@ -5724,7 +5724,7 @@ class DialogActions extends Group {
 }
 DialogActions.define();
 
-function styles$n() {
+function styles$p() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -5747,7 +5747,7 @@ class DialogBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DialogBody.styles = [styles$n()];
+DialogBody.styles = [styles$p()];
 DialogBody.define();
 
 class DialogClose extends CloseButton {
@@ -5782,7 +5782,7 @@ class DialogFooter extends Component {
 }
 DialogFooter.define();
 
-function styles$m() {
+function styles$o() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -5860,10 +5860,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$m()];
+DialogHeader.styles = [styles$o()];
 DialogHeader.define();
 
-function styles$l() {
+function styles$n() {
     return i$9 `
 		:host {
 			--padding: ${getToken$1('spacing-6')};
@@ -6090,7 +6090,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$l()];
+Drawer.styles = [styles$n()];
 Drawer.define();
 
 const DRAWER_SIZES = ['small', 'medium', 'large'];
@@ -6137,7 +6137,7 @@ class DrawerActionTertiary extends Button {
 }
 DrawerActionTertiary.define();
 
-function styles$k() {
+function styles$m() {
     return i$9 `
 		:host {
 			margin-top: auto;
@@ -6167,10 +6167,10 @@ class DrawerActions extends Group {
         this.setAttribute('slot', 'actions');
     }
 }
-DrawerActions.styles = [...Group.styles, styles$k()];
+DrawerActions.styles = [...Group.styles, styles$m()];
 DrawerActions.define();
 
-function styles$j() {
+function styles$l() {
     return i$9 `
 		:host {
 			overflow-y: auto;
@@ -6195,7 +6195,7 @@ class DrawerBody extends Component {
         return x `<slot></slot>`;
     }
 }
-DrawerBody.styles = [styles$j()];
+DrawerBody.styles = [styles$l()];
 DrawerBody.define();
 
 class DrawerClose extends CloseButton {
@@ -6216,7 +6216,7 @@ class DrawerClose extends CloseButton {
 }
 DrawerClose.define();
 
-function styles$i() {
+function styles$k() {
     return i$9 `
 		:host {
 			${typography('heading-md-bold')};
@@ -6269,7 +6269,7 @@ class DrawerHeader extends Component {
 		`;
     }
 }
-DrawerHeader.styles = [styles$i()];
+DrawerHeader.styles = [styles$k()];
 DrawerHeader.define();
 
 /**
@@ -8113,7 +8113,7 @@ const DEFAULT_SELECTORS = {
     referenceSelector: "slot[name='reference']::slotted(*),",
     floatingSelector: "slot[name='floating']::slotted(*)",
 };
-function styles$h(selectors = DEFAULT_SELECTORS) {
+function styles$j(selectors = DEFAULT_SELECTORS) {
     const { referenceSelector, floatingSelector } = {
         ...DEFAULT_SELECTORS,
         ...selectors,
@@ -8554,7 +8554,7 @@ const ITEM_SELECTOR = '[role="menuitem"]';
 
 function dropdownStyles() {
     return [
-        styles$h({
+        styles$j({
             referenceSelector: `::slotted(${TRIGGER_SELECTOR$1})`,
             floatingSelector: `::slotted(${MENU_SELECTOR$1})`,
         }),
@@ -9216,7 +9216,7 @@ class EmptyStateHeader extends Text {
 _EmptyStateHeader_contextCallback = new WeakMap();
 EmptyStateHeader.define();
 
-function styles$g() {
+function styles$i() {
     return i$9 `
 		slot {
 			display: block;
@@ -9486,7 +9486,7 @@ _EmptyState_contextProvider = new WeakMap(), _EmptyState_instances = new WeakSet
     event.stopPropagation();
     this.emit('action');
 };
-EmptyState.styles = [styles$g()];
+EmptyState.styles = [styles$i()];
 EmptyState.define();
 
 const EMPTY_STATE_VARIANTS = [
@@ -9568,7 +9568,7 @@ _FieldHint_instances = new WeakSet(), _FieldHint_getStatus = function _FieldHint
 FieldHint.styles = [hintStyles()];
 FieldHint.define();
 
-function styles$f() {
+function styles$h() {
     return [
         i$9 `
 			.label {
@@ -9632,7 +9632,7 @@ class Label extends Component {
         return Boolean(this.required);
     }
 }
-Label.styles = [styles$f()];
+Label.styles = [styles$h()];
 Label.define();
 
 class FieldLabel extends Label {
@@ -9728,7 +9728,7 @@ Field.define();
 
 const FIELD_STATUSES = ['default', 'danger'];
 
-function styles$e() {
+function styles$g() {
     return i$9 `
 		:host {
 			--m-header-background-color: ${getColor('color-background-primary')};
@@ -9857,7 +9857,7 @@ class Header extends Component {
 		`;
     }
 }
-Header.styles = [styles$e()];
+Header.styles = [styles$g()];
 Header.define();
 
 class HeaderActions extends Component {
@@ -10692,7 +10692,7 @@ class LabeledValue extends Component {
 }
 LabeledValue.define();
 
-function styles$d() {
+function styles$f() {
     return i$9 `
 		.m-link {
 			color: ${getColor('color-text-link')};
@@ -10814,10 +10814,10 @@ _Link_instances = new WeakSet(), _Link_disabled_get = function _Link_disabled_ge
     }
     return undefined;
 };
-Link.styles = [styles$d()];
+Link.styles = [styles$f()];
 Link.define();
 
-function styles$c() {
+function styles$e() {
     return i$9 `
 		:host {
 			display: flex;
@@ -10844,10 +10844,10 @@ class PageContent extends Component {
 		`;
     }
 }
-PageContent.styles = [styles$c()];
+PageContent.styles = [styles$e()];
 PageContent.define();
 
-function styles$b() {
+function styles$d() {
     return i$9 `
 		:host {
 			--m-pagination-border-radius: ${getToken$1('border-radius-none')};
@@ -11052,7 +11052,7 @@ class Pagination extends Component {
 		`;
     }
 }
-Pagination.styles = [styles$b()];
+Pagination.styles = [styles$d()];
 Pagination.define();
 
 /**
@@ -11066,7 +11066,7 @@ function clamp(value, lower, upper) {
     return Math.min(Math.max(lower, value), upper);
 }
 
-function styles$a() {
+function styles$c() {
     return i$9 `
 		.bar {
 			display: flex;
@@ -11183,7 +11183,7 @@ _ProgressBar_instances = new WeakSet(), _ProgressBar_safeMaxValue_get = function
 }, _ProgressBar_safeValue_get = function _ProgressBar_safeValue_get() {
     return clamp(this.value, DEFAULT_MIN, __classPrivateFieldGet$1(this, _ProgressBar_instances, "a", _ProgressBar_safeMaxValue_get));
 };
-ProgressBar.styles = [styles$a()];
+ProgressBar.styles = [styles$c()];
 ProgressBar.define();
 
 class ProgressBarCountdown extends ProgressBar {
@@ -11673,7 +11673,7 @@ _RadioGroup_controllers = new WeakMap(), _RadioGroup_contextProvider = new WeakM
 RadioGroup.styles = [radioGroupStyles()];
 RadioGroup.define();
 
-function styles$9() {
+function styles$b() {
     return i$9 `
 		:host {
 			display: block;
@@ -11743,7 +11743,7 @@ class Section extends Component {
 		`;
     }
 }
-Section.styles = [styles$9()];
+Section.styles = [styles$b()];
 Section.define();
 
 class SectionTitle extends Component {
@@ -11778,7 +11778,7 @@ const SEARCH_DELAY = 250;
 
 function selectStyles() {
     return [
-        styles$h({
+        styles$j({
             referenceSelector: TRIGGER_SELECTOR,
             floatingSelector: MENU_SELECTOR,
         }),
@@ -12590,7 +12590,7 @@ _ActionableTag_isSkeleton = new WeakMap(), _ActionableTag_isRemovable = new Weak
 ActionableTag.styles = [actionableTagStyles()];
 ActionableTag.define();
 
-function styles$8() {
+function styles$a() {
     return i$9 `
 		:host {
 			--m-text-field-background-color: ${getColor('color-background-primary')};
@@ -12982,7 +12982,7 @@ TextField.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-TextField.styles = [styles$8()];
+TextField.styles = [styles$a()];
 TextField.define();
 
 function cleanUpLabel(label) {
@@ -13741,7 +13741,7 @@ Select.formAssociated = true;
 Select.styles = [selectStyles(), pickerStyles()];
 Select.define();
 
-function styles$7() {
+function styles$9() {
     return i$9 `
 		:host {
 			inline-size: var(--m-spinner-size);
@@ -13785,7 +13785,7 @@ class SpinnerWheel extends Component {
         return b$2 `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#CADBDD" fill-rule="evenodd" d="M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24Zm0-10c7.732 0 14-6.268 14-14s-6.268-14-14-14-14 6.268-14 14 6.268 14 14 14Z" clip-rule="evenodd"/><path fill="url(#a)" d="M24 43.068c0 2.724-2.231 4.983-4.898 4.427a23.999 23.999 0 0 1 0-46.99C21.77-.051 24 2.208 24 4.932c0 2.723-2.273 4.852-4.833 5.783a14.135 14.135 0 0 0-5.163 23.28 14.135 14.135 0 0 0 5.163 3.29c2.56.93 4.833 3.06 4.833 5.783Z"/><defs><linearGradient id="a" x1="9.608" x2="44.189" y1="42.161" y2="7.59" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#00D7D7"/><stop offset="1" stop-color="#84F11E"/></linearGradient></defs></svg>`;
     }
 }
-SpinnerWheel.styles = [styles$7()];
+SpinnerWheel.styles = [styles$9()];
 SpinnerWheel.define();
 
 function stepsStyles() {
@@ -14080,7 +14080,7 @@ class Step extends Component {
 Step.styles = [stepStyles()];
 Step.define();
 
-function styles$6() {
+function styles$8() {
     return [
         i$9 `
 			:host {
@@ -14389,7 +14389,7 @@ Switch.shadowRootOptions = {
     ...r$5.shadowRootOptions,
     delegatesFocus: true,
 };
-Switch.styles = [styles$6()];
+Switch.styles = [styles$8()];
 Switch.define();
 
 function tableStyles$1() {
@@ -15538,7 +15538,7 @@ function tableControlExpandStyles() {
 }
 function tableControlSelectStyles() {
     return [
-        styles$p(),
+        styles$r(),
         i$9 `
 			:host {
 				display: inline-flex;
@@ -16784,7 +16784,7 @@ class TableLayout extends Component {
 TableLayout.styles = [tableLayoutStyles()];
 TableLayout.define();
 
-function styles$5() {
+function styles$7() {
     return i$9 `
 		:host {
 			--m-tabs-border-width: ${getToken$1('border-thin')};
@@ -16813,10 +16813,10 @@ class Tabs extends WithTabsMixin(Component) {
 		`;
     }
 }
-Tabs.styles = [styles$5()];
+Tabs.styles = [styles$7()];
 Tabs.define();
 
-function styles$4() {
+function styles$6() {
     return i$9 `
 		:host {
 			--m-tab-border-width: ${getToken$1('border-thin')};
@@ -16999,10 +16999,10 @@ class Tab extends Component {
 _Tab_handleClick = new WeakMap(), _Tab_getContentDirection = new WeakMap(), _Tab_isSelected = new WeakMap(), _Tab_isDisabled = new WeakMap(), _Tab_instances = new WeakSet(), _Tab_button_get = function _Tab_button_get() {
     return this.renderRoot?.querySelector('button') ?? null;
 };
-Tab.styles = [styles$4()];
+Tab.styles = [styles$6()];
 Tab.define();
 
-function styles$3() {
+function styles$5() {
     return i$9 `
 		:host {
 			--m-tab-panel-display: none;
@@ -17105,12 +17105,12 @@ class TabPanel extends (_b$2 = Box) {
     }
 }
 _a$2 = TabPanel, _TabPanel_isLazy = new WeakMap();
-TabPanel.styles = [...Reflect.get(_b$2, "styles", _a$2), styles$3()];
+TabPanel.styles = [...Reflect.get(_b$2, "styles", _a$2), styles$5()];
 TabPanel.define();
 
 var e=new Map;function t(t){var o=e.get(t);o&&o.destroy();}function o(t){var o=e.get(t);o&&o.update();}var r=null;"undefined"==typeof window?((r=function(e){return e}).destroy=function(e){return e},r.update=function(e){return e}):((r=function(t,o){return t&&Array.prototype.forEach.call(t.length?t:[t],function(t){return function(t){if(t&&t.nodeName&&"TEXTAREA"===t.nodeName&&!e.has(t)){var o,r=null,n=window.getComputedStyle(t),i=(o=t.value,function(){a({testForHeightReduction:""===o||!t.value.startsWith(o),restoreTextAlign:null}),o=t.value;}),l=function(o){t.removeEventListener("autosize:destroy",l),t.removeEventListener("autosize:update",s),t.removeEventListener("input",i),window.removeEventListener("resize",s),Object.keys(o).forEach(function(e){return t.style[e]=o[e]}),e.delete(t);}.bind(t,{height:t.style.height,resize:t.style.resize,textAlign:t.style.textAlign,overflowY:t.style.overflowY,overflowX:t.style.overflowX,wordWrap:t.style.wordWrap});t.addEventListener("autosize:destroy",l),t.addEventListener("autosize:update",s),t.addEventListener("input",i),window.addEventListener("resize",s),t.style.overflowX="hidden",t.style.wordWrap="break-word",e.set(t,{destroy:l,update:s}),s();}function a(e){var o,i,l=e.restoreTextAlign,s=void 0===l?null:l,d=e.testForHeightReduction,u=void 0===d||d,c=n.overflowY;if(0!==t.scrollHeight&&("vertical"===n.resize?t.style.resize="none":"both"===n.resize&&(t.style.resize="horizontal"),u&&(o=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push([e.parentNode,e.parentNode.scrollTop]),e=e.parentNode;return function(){return t.forEach(function(e){var t=e[0],o=e[1];t.style.scrollBehavior="auto",t.scrollTop=o,t.style.scrollBehavior=null;})}}(t),t.style.height=""),i="content-box"===n.boxSizing?t.scrollHeight-(parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)):t.scrollHeight+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth),"none"!==n.maxHeight&&i>parseFloat(n.maxHeight)?("hidden"===n.overflowY&&(t.style.overflow="scroll"),i=parseFloat(n.maxHeight)):"hidden"!==n.overflowY&&(t.style.overflow="hidden"),t.style.height=i+"px",s&&(t.style.textAlign=s),o&&o(),r!==i&&(t.dispatchEvent(new Event("autosize:resized",{bubbles:true})),r=i),c!==n.overflow&&!s)){var v=n.textAlign;"hidden"===n.overflow&&(t.style.textAlign="start"===v?"end":"start"),a({restoreTextAlign:v,testForHeightReduction:true});}}function s(){a({testForHeightReduction:true,restoreTextAlign:null});}}(t)}),t}).destroy=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],t),e},r.update=function(e){return e&&Array.prototype.forEach.call(e.length?e:[e],o),e});var n=r;
 
-function styles$2() {
+function styles$4() {
     return i$9 `
 		:host {
 			--m-text-area-background-color: ${getColor('color-background-primary')};
@@ -17402,7 +17402,7 @@ class TextArea extends FormComponent {
 _TextArea_handleChange = new WeakMap(), _TextArea_handleInput = new WeakMap(), _TextArea_handleValueChange = new WeakMap(), _TextArea_handleDisabledChange = new WeakMap(), _TextArea_instances = new WeakSet(), _TextArea_initialize = function _TextArea_initialize(value) {
     this.value = value ?? this.getAttribute('initial-value') ?? '';
 };
-TextArea.styles = [styles$2()];
+TextArea.styles = [styles$4()];
 TextArea.define();
 
 function timelineStyles() {
@@ -18160,7 +18160,7 @@ function toggleGroupStyles() {
 }
 function toggleStyles() {
     return [
-        styles$B(),
+        styles$D(),
         i$9 `
 			:host {
 				${typography('button-md')};
@@ -18467,9 +18467,9 @@ function convertTriggerFromAttribute(value) {
         .sort();
 }
 
-function styles$1() {
+function styles$3() {
     return [
-        styles$h({
+        styles$j({
             floatingSelector: ':host', // the  host itself is the floating element
         }),
         i$9 `
@@ -18609,12 +18609,12 @@ class Tooltip extends WithIdElementMixin(Popover) {
     }
 }
 _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$1()];
+Tooltip.styles = [styles$3()];
 Tooltip.define();
 
 const TOOLTIP_PLACEMENT_VALUES = POPOVER_PLACEMENT_VALUES;
 
-function styles() {
+function styles$2() {
     return i$9 `
 		:host {
 			inline-size: var(--m-logo-size);
@@ -18664,7 +18664,429 @@ _LogoLoader_instances = new WeakSet(), _LogoLoader_getSize = function _LogoLoade
     }
     return `${parsedSize || DEFAULT_SIZE}px`;
 };
-LogoLoader.styles = [styles()];
+LogoLoader.styles = [styles$2()];
 LogoLoader.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, defaultTableCellProps$1 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, Select as aM, SelectOption as aN, SpinnerWheel as aO, Steps as aP, Step as aQ, Switch as aR, Table$1 as aS, defaultTableProps$1 as aT, TableHead$1 as aU, TableHeadCell$1 as aV, defaultTableHeadCellProps$1 as aW, TableBody$1 as aX, TableFoot$1 as aY, TableRow$1 as aZ, TableCell$1 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, TableToolbar as b0, TableFeedback as b1, TableActions as b2, TableSelectionCell as b3, Table as b4, defaultTableProps as b5, TableHead as b6, TableBody as b7, TableFoot as b8, TableRow as b9, ToggleGroup as bA, Toggle as bB, Tooltip as bC, TOOLTIP_PLACEMENT_VALUES as bD, LogoLoader as bE, DotsLoader as bF, TableCell as ba, defaultTableCellProps as bb, TableHeadCell as bc, TableRowSelect as bd, TableRowExpand as be, TableLayoutToolbar as bf, TableLayoutFeedback as bg, TableLayoutActions as bh, TableLayout as bi, Tabs as bj, Tab as bk, TabPanel as bl, Tag as bm, ActionableTag as bn, Text as bo, TextArea as bp, TextField as bq, Timeline as br, TimelineExpandableItem as bs, TimelineItem as bt, TimelineItemBody as bu, TimelineItemFooter as bv, TimelineItemHeader as bw, TimelineItemHeaderSubtitle as bx, TimelineItemHeaderTitle as by, TimelineItemIcon 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 };
+function styles$1() {
+    return i$9 `
+		:host {
+			--m-file-picker-padding: ${getToken$1('spacing-4')};
+			--m-file-picker-border-radius: ${getToken$1('border-radius-s')};
+			--m-file-picker-border: 1px dashed ${getColor('color-border-input')};
+			--m-file-picker-background: ${getColor('color-background-secondary')};
+			--m-file-picker-border-error: 1px dashed ${getColor('color-text-error')};
+			--m-file-picker-shadow: ${getToken$1('elevation-3')};
+
+			box-sizing: border-box;
+			display: block;
+			width: 100%;
+			min-width: 320px;
+		}
+
+		*,
+		*::before,
+		*::after {
+			box-sizing: border-box;
+		}
+
+		.m-file-picker {
+			display: flex;
+			flex: 1;
+			flex-direction: column;
+			gap: ${getToken$1('spacing-4')};
+		}
+
+		.m-file-picker__dropzone {
+			border-radius: var(--m-file-picker-border-radius);
+			border: var(--m-file-picker-border);
+			background: var(--m-file-picker-background);
+			padding: var(--m-file-picker-padding);
+			width: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			flex-direction: column;
+			gap: ${getToken$1('spacing-4')};
+
+			${transition([
+        { property: 'background-color' },
+        { property: 'box-shadow' },
+    ])};
+		}
+
+		.m-file-picker__dropzone:hover {
+			cursor: pointer;
+			background-color: ${getColor('color-background-tertiary')};
+			border-color: ${getColor('color-primary-60')};
+		}
+
+		.m-file-picker__dropzone:has(.m-file-picker__input:focus) {
+			box-shadow: var(--m-file-picker-shadow);
+		}
+
+		.m-file-picker__dropzone-icon {
+			border-radius: 100%;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			padding: 10px;
+			background-color: ${getColor('color-background-tertiary')};
+		}
+
+		.m-file-picker__file-list {
+			list-style: none;
+			padding: 0;
+			margin: 0;
+			display: flex;
+			flex-direction: column;
+			gap: 8px;
+		}
+
+		.m-file-picker__input {
+			position: absolute;
+			width: 1px;
+			height: 1px;
+			padding: 0;
+			margin: -1px;
+			overflow: hidden;
+			clip: rect(0, 0, 0, 0);
+			white-space: nowrap;
+			border: 0;
+		}
+
+		.is-dragging .m-file-picker__dropzone {
+			background-color: ${getColor('color-background-tertiary')};
+			border: 1px solid ${getColor('color-primary-60')};
+		}
+
+		.is-error .m-file-picker__dropzone {
+			border: var(--m-file-picker-border-error);
+		}
+
+		.is-disabled .m-file-picker__dropzone,
+		.is-disabled.is-dragging .m-file-picker__dropzone {
+			cursor: not-allowed;
+			opacity: 0.5;
+		}
+	`;
+}
+
+const BYTES_PER_KILOBYTE = 1024;
+const FILE_SIZE_ABBREVIATIONS = [
+    'B',
+    'KiB',
+    'MiB',
+    'GiB',
+    'TiB',
+    'PiB',
+    'EiB',
+    'ZiB',
+    'YiB',
+];
+function formatBytes(bytes, decimals = 2) {
+    const bytesValue = Number(bytes);
+    if (!bytesValue || bytesValue < 0) {
+        return '0B';
+    }
+    const dm = Math.max(0, decimals);
+    const unit = Math.floor(Math.log(bytesValue) / Math.log(BYTES_PER_KILOBYTE));
+    const unitAbbr = FILE_SIZE_ABBREVIATIONS[Math.min(unit, FILE_SIZE_ABBREVIATIONS.length - 1)];
+    return `${parseFloat((bytesValue / BYTES_PER_KILOBYTE ** unit).toFixed(dm))}${unitAbbr}`;
+}
+
+function styles() {
+    return i$9 `
+		:host {
+			--m-file-padding: ${getToken$1('spacing-2')} ${getToken$1('spacing-3')};
+			--m-file-border-radius: ${getToken$1('border-radius-s')};
+			--m-file-border: 1px solid ${getColor('color-border-input')};
+			--m-file-background: ${getColor('color-background-primary')};
+
+			box-sizing: border-box;
+			display: block;
+			width: 100%;
+		}
+
+		*,
+		*::before,
+		*::after {
+			box-sizing: border-box;
+		}
+
+		.m-file-item {
+			display: flex;
+			align-items: center;
+			justify-content: space-between;
+			background-color: var(--m-file-background);
+			border-radius: var(--m-file-border-radius);
+			padding: var(--m-file-padding);
+			border: var(--m-file-border);
+			gap: ${getToken$1('spacing-4')};
+		}
+
+		.m-file-item__icon {
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			border-radius: 100%;
+			background-color: ${getColor('color-background-tertiary')};
+			padding: 5px;
+		}
+
+		.m-file-item__content {
+			display: flex;
+			flex-direction: column;
+			flex: 1;
+			overflow: hidden;
+		}
+
+		.is-error {
+			border: 1px solid ${getColor('color-text-error')};
+			background-color: ${getColor('color-danger-20')};
+		}
+
+		.is-error .m-file-item__icon,
+		.is-loading .m-file-item__icon {
+			background-color: transparent;
+		}
+	`;
+}
+
+var _FileItem_instances, _FileItem_icon, _FileItem_description, _FileItem_fileSize, _FileItem_fileExtension, _FileItem_handleRemove;
+function getFileIcon(type) {
+    switch (type) {
+        case 'image/png':
+        case 'image/jpeg':
+            return 'document-image';
+        case 'text/csv':
+        case 'application/csv':
+            return 'document-csv';
+        default:
+            return 'document-file';
+    }
+}
+class FileItem extends Component {
+    constructor() {
+        super();
+        _FileItem_instances.add(this);
+        this.status = 'initial';
+    }
+    static define() {
+        Component.define({ name: 'm-file-item', constructor: FileItem });
+    }
+    static get properties() {
+        return {
+            name: { type: String, attribute: 'name', reflect: true },
+            type: { type: String, attribute: 'type', reflect: true },
+            size: { type: Number, attribute: 'size', reflect: true },
+            status: { type: String, attribute: 'status', reflect: true },
+        };
+    }
+    render() {
+        return x `<div
+			class="m-file-item ${e$1({
+            'is-loading': this.status === 'loading',
+            'is-success': this.status === 'success',
+            'is-error': this.status === 'error',
+        })}"
+		>
+			<span class="m-file-item__icon">${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_icon).call(this)}</span>
+			<div class="m-file-item__content">
+				<m-text variant="body-md" color="color-text-primary" ellipsized>
+					${this.name}
+				</m-text>
+				<m-text variant="body-sm" color="color-text-tertiary">
+					${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_description).call(this)}
+				</m-text>
+			</div>
+			<m-button
+				type="button"
+				variant="icon-secondary"
+				@click=${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_handleRemove)}
+				aria-label=${`Remove file ${this.name}`}
+			>
+				<m-icon name="close" size="16" color="color-text-primary"></m-icon>
+			</m-button>
+		</div>`;
+    }
+}
+_FileItem_instances = new WeakSet(), _FileItem_icon = function _FileItem_icon() {
+    if (this.status === 'loading') {
+        return x `<m-spinner-wheel size="16"></m-spinner-wheel>`;
+    }
+    if (this.status === 'error') {
+        return x `<m-icon name="attention" size="16" color="color-text-error">
+			</m-icon>`;
+    }
+    if (this.status === 'success') {
+        return x `<m-icon name="check" size="16" color="color-primary-60">
+			</m-icon>`;
+    }
+    const iconName = getFileIcon(this.type);
+    return x `<m-icon name="${iconName}" size="16" color="color-primary-60">
+		</m-icon>`;
+}, _FileItem_description = function _FileItem_description() {
+    if (this.status === 'loading') {
+        return `Uploading ${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileSize).call(this)} ${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileExtension).call(this)} file...`;
+    }
+    if (this.status === 'error') {
+        return 'Upload failed';
+    }
+    if (this.status === 'success') {
+        return `${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileSize).call(this)} ${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileExtension).call(this)} file`;
+    }
+    return `Waiting to upload ${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileSize).call(this)} ${__classPrivateFieldGet$1(this, _FileItem_instances, "m", _FileItem_fileExtension).call(this)} file`;
+}, _FileItem_fileSize = function _FileItem_fileSize() {
+    return formatBytes(this.size, 0);
+}, _FileItem_fileExtension = function _FileItem_fileExtension() {
+    if (!this.name)
+        return '';
+    const parts = this.name.split('.');
+    if (parts.length < 2)
+        return '';
+    return parts.pop().toLowerCase();
+}, _FileItem_handleRemove = function _FileItem_handleRemove() {
+    const options = {
+        detail: { value: this.name },
+        bubbles: true,
+        composed: false,
+    };
+    this.dispatchEvent(new CustomEvent('remove', options));
+};
+FileItem.styles = [styles()];
+FileItem.define();
+
+var _FilePicker_instances, _FilePicker_input_get, _FilePicker_handleFileChange, _FilePicker_handleFileRemoval, _FilePicker_handleDragOver, _FilePicker_handleDragLeave, _FilePicker_handleFileDrop, _FilePicker_handleBrowseClick;
+class FilePicker extends Component {
+    constructor() {
+        super(...arguments);
+        _FilePicker_instances.add(this);
+    }
+    static get properties() {
+        return {
+            accept: { type: String, attribute: 'accept', reflect: true },
+            id: { type: String, attribute: 'id', reflect: true },
+            disabled: { type: Boolean, attribute: 'disabled', reflect: true },
+            error: { type: String, attribute: 'error', reflect: true },
+            hint: { type: String, attribute: 'hint', reflect: true },
+            name: { type: String, attribute: 'name', reflect: true },
+            status: { type: String, attribute: 'status', reflect: true },
+            files: { type: Array, attribute: 'files', reflect: true },
+            dragging: { type: Boolean, state: true, reflect: true },
+        };
+    }
+    static define() {
+        Component.define({ name: 'm-file-picker', constructor: FilePicker });
+    }
+    addFiles(files) {
+        this.files = Array.from(files).map((file) => ({
+            value: file,
+            status: 'initial',
+        }));
+        this.emit('change');
+    }
+    removeFiles() {
+        this.files = undefined;
+        this.emit('change');
+    }
+    render() {
+        // todo: support multiple files
+        const file = this.files?.[0];
+        return x `
+			<div
+				class="m-file-picker ${e$1({
+            'is-error': this.status === 'danger',
+            'is-disabled': Boolean(this.disabled),
+            'is-dragging': this.dragging,
+        })}"
+				@dragover=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleDragOver)}
+				@dragleave=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleDragLeave)}
+				@drop=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleFileDrop)}
+			>
+				<m-stack gap="spacing-3">
+					${this.hint
+            ? x `<m-text variant="body-sm" color="color-text-tertiary">
+								${this.hint}
+						  </m-text>`
+            : null}
+					<div
+						class="m-file-picker__dropzone"
+						@click=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleBrowseClick)}
+					>
+						<input
+							type="file"
+							class="m-file-picker__input"
+							id=${o$3(this.id)}
+							name=${o$3(this.name)}
+							?disabled=${this.disabled}
+							@change=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleFileChange)}
+							accept=${o$3(this.accept)}
+						/>
+						<span class="m-file-picker__dropzone-icon">
+							<m-icon name="upload" size="32" color="color-primary-60"></m-icon>
+						</span>
+						<m-text variant="body-md">
+							<m-text variant="body-md-bold-underline" color="color-primary-60">
+								Browse
+							</m-text>
+							or drag files here
+						</m-text>
+					</div>
+					${this.error
+            ? x `<m-text variant="body-sm" color="color-text-error">
+								${this.error}
+						  </m-text>`
+            : null}
+				</m-stack>
+				${file
+            ? x `<ul class="m-file-picker__file-list">
+							<li class="m-file-picker__file-item">
+								<m-file-item
+									name=${o$3(file.value.name)}
+									type=${o$3(file.value.type)}
+									size=${o$3(file.value.size)}
+									status=${o$3(file.status)}
+									@remove=${__classPrivateFieldGet$1(this, _FilePicker_instances, "m", _FilePicker_handleFileRemoval)}
+								></m-file-item>
+							</li>
+					  </ul>`
+            : null}
+			</div>
+		`;
+    }
+}
+_FilePicker_instances = new WeakSet(), _FilePicker_input_get = function _FilePicker_input_get() {
+    return this.renderRoot.querySelector('.m-file-picker__input');
+}, _FilePicker_handleFileChange = function _FilePicker_handleFileChange(event) {
+    const { files } = event.target;
+    if (files && files.length > 0) {
+        this.addFiles(files);
+    }
+    else {
+        this.removeFiles();
+    }
+    __classPrivateFieldGet$1(this, _FilePicker_instances, "a", _FilePicker_input_get).value = '';
+}, _FilePicker_handleFileRemoval = function _FilePicker_handleFileRemoval() {
+    this.removeFiles();
+}, _FilePicker_handleDragOver = function _FilePicker_handleDragOver(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    this.dragging = true;
+}, _FilePicker_handleDragLeave = function _FilePicker_handleDragLeave(event) {
+    event.stopPropagation();
+    event.preventDefault();
+    this.dragging = false;
+}, _FilePicker_handleFileDrop = function _FilePicker_handleFileDrop(event) {
+    event.preventDefault();
+    if (this.disabled)
+        return;
+    const { files } = event.dataTransfer;
+    this.addFiles(files);
+    this.dragging = false;
+}, _FilePicker_handleBrowseClick = function _FilePicker_handleBrowseClick() {
+    __classPrivateFieldGet$1(this, _FilePicker_instances, "a", _FilePicker_input_get)?.click();
+};
+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, defaultTableCellProps$1 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, Select as aM, SelectOption as aN, SpinnerWheel as aO, Steps as aP, Step as aQ, Switch as aR, Table$1 as aS, defaultTableProps$1 as aT, TableHead$1 as aU, TableHeadCell$1 as aV, defaultTableHeadCellProps$1 as aW, TableBody$1 as aX, TableFoot$1 as aY, TableRow$1 as aZ, TableCell$1 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, TableToolbar as b0, TableFeedback as b1, TableActions as b2, TableSelectionCell as b3, Table as b4, defaultTableProps as b5, TableHead as b6, TableBody as b7, TableFoot as b8, TableRow as b9, ToggleGroup as bA, Toggle as bB, Tooltip as bC, TOOLTIP_PLACEMENT_VALUES as bD, LogoLoader as bE, DotsLoader as bF, FilePicker as bG, FileItem as bH, TableCell as ba, defaultTableCellProps as bb, TableHeadCell as bc, TableRowSelect as bd, TableRowExpand as be, TableLayoutToolbar as bf, TableLayoutFeedback as bg, TableLayoutActions as bh, TableLayout as bi, Tabs as bj, Tab as bk, TabPanel as bl, Tag as bm, ActionableTag as bn, Text as bo, TextArea as bp, TextField as bq, Timeline as br, TimelineExpandableItem as bs, TimelineItem as bt, TimelineItemBody as bu, TimelineItemFooter as bv, TimelineItemHeader as bw, TimelineItemHeaderSubtitle as bx, TimelineItemHeaderTitle as by, TimelineItemIcon 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 };