@sipesistemas/polaris 1.2.0

package/build/esnext/components/AppProvider/global.out.css

@@ -0,0 +1,158 @@
+@charset "UTF-8";
+
+:root,.p-theme-light{--p-border-radius-0:0rem;--p-border-radius-050:0.125rem;--p-border-radius-100:0.25rem;--p-border-radius-150:0.375rem;--p-border-radius-200:0.5rem;--p-border-radius-300:0.75rem;--p-border-radius-400:1rem;--p-border-radius-500:1.25rem;--p-border-radius-750:1.875rem;--p-border-radius-full:624.9375rem;--p-border-width-0:0rem;--p-border-width-0165:0.04125rem;--p-border-width-025:0.0625rem;--p-border-width-050:0.125rem;--p-border-width-100:0.25rem;--p-breakpoints-xs:0rem;--p-breakpoints-sm:30.625rem;--p-breakpoints-md:48rem;--p-breakpoints-lg:65rem;--p-breakpoints-xl:90rem;color-scheme:light;--p-color-bg:rgba(241, 241, 241, 1);--p-color-bg-inverse:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(255, 255, 255, 1);--p-color-bg-surface-hover:rgba(247, 247, 247, 1);--p-color-bg-surface-active:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-surface-secondary:rgba(247, 247, 247, 1);--p-color-bg-surface-secondary-hover:rgba(241, 241, 241, 1);--p-color-bg-surface-secondary-active:rgba(235, 235, 235, 1);--p-color-bg-surface-secondary-selected:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary:rgba(243, 243, 243, 1);--p-color-bg-surface-tertiary-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-tertiary-active:rgba(227, 227, 227, 1);--p-color-bg-surface-brand:rgba(227, 227, 227, 1);--p-color-bg-surface-brand-hover:rgba(235, 235, 235, 1);--p-color-bg-surface-brand-active:rgba(241, 241, 241, 1);--p-color-bg-surface-brand-selected:rgba(241, 241, 241, 1);--p-color-bg-surface-info:rgba(234, 244, 255, 1);--p-color-bg-surface-info-hover:rgba(224, 240, 255, 1);--p-color-bg-surface-info-active:rgba(202, 230, 255, 1);--p-color-bg-surface-success:rgba(205, 254, 212, 1);--p-color-bg-surface-success-hover:rgba(175, 254, 191, 1);--p-color-bg-surface-success-active:rgba(146, 252, 172, 1);--p-color-bg-surface-caution:rgba(255, 248, 219, 1);--p-color-bg-surface-caution-hover:rgba(255, 244, 191, 1);--p-color-bg-surface-caution-active:rgba(255, 239, 157, 1);--p-color-bg-surface-warning:rgba(255, 241, 227, 1);--p-color-bg-surface-warning-hover:rgba(255, 235, 213, 1);--p-color-bg-surface-warning-active:rgba(255, 228, 198, 1);--p-color-bg-surface-critical:rgba(254, 232, 235, 1);--p-color-bg-surface-critical-hover:rgba(254, 225, 230, 1);--p-color-bg-surface-critical-active:rgba(254, 217, 223, 1);--p-color-bg-surface-emphasis:rgba(240, 242, 255, 1);--p-color-bg-surface-emphasis-hover:rgba(234, 237, 255, 1);--p-color-bg-surface-emphasis-active:rgba(226, 231, 255, 1);--p-color-bg-surface-magic:rgba(248, 247, 255, 1);--p-color-bg-surface-magic-hover:rgba(243, 241, 255, 1);--p-color-bg-surface-magic-active:rgba(233, 229, 255, 1);--p-color-bg-surface-inverse:rgba(48, 48, 48, 1);--p-color-bg-surface-transparent:rgba(0, 0, 0, 0);--p-color-bg-fill:rgba(255, 255, 255, 1);--p-color-bg-fill-hover:rgba(250, 250, 250, 1);--p-color-bg-fill-active:rgba(247, 247, 247, 1);--p-color-bg-fill-selected:rgba(204, 204, 204, 1);--p-color-bg-fill-disabled:rgba(0, 0, 0, 0.05);--p-color-bg-fill-secondary:rgba(241, 241, 241, 1);--p-color-bg-fill-secondary-hover:rgba(235, 235, 235, 1);--p-color-bg-fill-secondary-active:rgba(227, 227, 227, 1);--p-color-bg-fill-secondary-selected:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary:rgba(227, 227, 227, 1);--p-color-bg-fill-tertiary-hover:rgba(212, 212, 212, 1);--p-color-bg-fill-tertiary-active:rgba(204, 204, 204, 1);--p-color-bg-fill-brand:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-hover:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-active:rgba(26, 26, 26, 1);--p-color-bg-fill-brand-selected:rgba(48, 48, 48, 1);--p-color-bg-fill-brand-disabled:rgba(0, 0, 0, 0.17);--p-color-bg-fill-info:rgba(145, 208, 255, 1);--p-color-bg-fill-info-hover:rgba(81, 192, 255, 1);--p-color-bg-fill-info-active:rgba(0, 148, 213, 1);--p-color-bg-fill-info-secondary:rgba(213, 235, 255, 1);--p-color-bg-fill-success:rgba(4, 123, 93, 1);--p-color-bg-fill-success-hover:rgba(3, 94, 76, 1);--p-color-bg-fill-success-active:rgba(1, 75, 64, 1);--p-color-bg-fill-success-secondary:rgba(175, 254, 191, 1);--p-color-bg-fill-warning:rgba(255, 184, 0, 1);--p-color-bg-fill-warning-hover:rgba(229, 165, 0, 1);--p-color-bg-fill-warning-active:rgba(178, 132, 0, 1);--p-color-bg-fill-warning-secondary:rgba(255, 214, 164, 1);--p-color-bg-fill-caution:rgba(255, 230, 0, 1);--p-color-bg-fill-caution-hover:rgba(234, 211, 0, 1);--p-color-bg-fill-caution-active:rgba(225, 203, 0, 1);--p-color-bg-fill-caution-secondary:rgba(255, 235, 120, 1);--p-color-bg-fill-critical:rgba(199, 10, 36, 1);--p-color-bg-fill-critical-hover:rgba(163, 10, 36, 1);--p-color-bg-fill-critical-active:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-selected:rgba(142, 11, 33, 1);--p-color-bg-fill-critical-secondary:rgba(254, 209, 215, 1);--p-color-bg-fill-emphasis:rgba(0, 91, 211, 1);--p-color-bg-fill-emphasis-hover:rgba(0, 66, 153, 1);--p-color-bg-fill-emphasis-active:rgba(0, 46, 106, 1);--p-color-bg-fill-magic:rgba(128, 81, 255, 1);--p-color-bg-fill-magic-secondary:rgba(233, 229, 255, 1);--p-color-bg-fill-magic-secondary-hover:rgba(228, 222, 255, 1);--p-color-bg-fill-magic-secondary-active:rgba(223, 217, 255, 1);--p-color-bg-fill-inverse:rgba(48, 48, 48, 1);--p-color-bg-fill-inverse-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-inverse-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent:rgba(0, 0, 0, 0.02);--p-color-bg-fill-transparent-hover:rgba(0, 0, 0, 0.05);--p-color-bg-fill-transparent-active:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-selected:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary:rgba(0, 0, 0, 0.06);--p-color-bg-fill-transparent-secondary-hover:rgba(0, 0, 0, 0.08);--p-color-bg-fill-transparent-secondary-active:rgba(0, 0, 0, 0.11);--p-color-text:rgba(48, 48, 48, 1);--p-color-text-secondary:rgba(97, 97, 97, 1);--p-color-text-disabled:rgba(181, 181, 181, 1);--p-color-text-link:rgba(0, 91, 211, 1);--p-color-text-link-hover:rgba(0, 66, 153, 1);--p-color-text-link-active:rgba(0, 46, 106, 1);--p-color-text-brand:rgba(74, 74, 74, 1);--p-color-text-brand-hover:rgba(48, 48, 48, 1);--p-color-text-brand-on-bg-fill:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill-hover:rgba(227, 227, 227, 1);--p-color-text-brand-on-bg-fill-active:rgba(204, 204, 204, 1);--p-color-text-brand-on-bg-fill-disabled:rgba(255, 255, 255, 1);--p-color-text-info:rgba(0, 58, 90, 1);--p-color-text-info-hover:rgba(0, 58, 90, 1);--p-color-text-info-active:rgba(0, 33, 51, 1);--p-color-text-info-secondary:rgba(0, 124, 180, 1);--p-color-text-info-on-bg-fill:rgba(0, 33, 51, 1);--p-color-text-success:rgba(1, 75, 64, 1);--p-color-text-success-hover:rgba(7, 54, 48, 1);--p-color-text-success-active:rgba(2, 38, 34, 1);--p-color-text-success-secondary:rgba(4, 123, 93, 1);--p-color-text-success-on-bg-fill:rgba(250, 255, 251, 1);--p-color-text-caution:rgba(79, 71, 0, 1);--p-color-text-caution-hover:rgba(51, 46, 0, 1);--p-color-text-caution-active:rgba(31, 28, 0, 1);--p-color-text-caution-secondary:rgba(130, 117, 0, 1);--p-color-text-caution-on-bg-fill:rgba(51, 46, 0, 1);--p-color-text-warning:rgba(94, 66, 0, 1);--p-color-text-warning-hover:rgba(65, 45, 0, 1);--p-color-text-warning-active:rgba(37, 26, 0, 1);--p-color-text-warning-secondary:rgba(149, 111, 0, 1);--p-color-text-warning-on-bg-fill:rgba(37, 26, 0, 1);--p-color-text-critical:rgba(142, 11, 33, 1);--p-color-text-critical-hover:rgba(95, 7, 22, 1);--p-color-text-critical-active:rgba(47, 4, 11, 1);--p-color-text-critical-secondary:rgba(199, 10, 36, 1);--p-color-text-critical-on-bg-fill:rgba(255, 250, 251, 1);--p-color-text-emphasis:rgba(0, 91, 211, 1);--p-color-text-emphasis-hover:rgba(0, 66, 153, 1);--p-color-text-emphasis-active:rgba(0, 46, 106, 1);--p-color-text-emphasis-on-bg-fill:rgba(252, 253, 255, 1);--p-color-text-emphasis-on-bg-fill-hover:rgba(226, 231, 255, 1);--p-color-text-emphasis-on-bg-fill-active:rgba(213, 220, 255, 1);--p-color-text-magic:rgba(87, 0, 209, 1);--p-color-text-magic-secondary:rgba(113, 38, 255, 1);--p-color-text-magic-on-bg-fill:rgba(253, 253, 255, 1);--p-color-text-inverse:rgba(227, 227, 227, 1);--p-color-text-inverse-secondary:rgba(181, 181, 181, 1);--p-color-text-link-inverse:rgba(197, 208, 255, 1);--p-color-border:rgba(227, 227, 227, 1);--p-color-border-hover:rgba(204, 204, 204, 1);--p-color-border-disabled:rgba(235, 235, 235, 1);--p-color-border-secondary:rgba(235, 235, 235, 1);--p-color-border-tertiary:rgba(204, 204, 204, 1);--p-color-border-focus:rgba(0, 91, 211, 1);--p-color-border-brand:rgba(227, 227, 227, 1);--p-color-border-info:rgba(168, 216, 255, 1);--p-color-border-success:rgba(146, 252, 172, 1);--p-color-border-caution:rgba(255, 235, 120, 1);--p-color-border-warning:rgba(255, 200, 121, 1);--p-color-border-critical:rgba(254, 193, 199, 1);--p-color-border-critical-secondary:rgba(142, 11, 33, 1);--p-color-border-emphasis:rgba(0, 91, 211, 1);--p-color-border-emphasis-hover:rgba(0, 66, 153, 1);--p-color-border-emphasis-active:rgba(0, 46, 106, 1);--p-color-border-magic:rgba(228, 222, 255, 1);--p-color-border-magic-secondary:rgba(148, 116, 255, 1);--p-color-border-magic-secondary-hover:rgba(128, 81, 255, 1);--p-color-border-inverse:rgba(97, 97, 97, 1);--p-color-border-inverse-hover:rgba(204, 204, 204, 1);--p-color-border-inverse-active:rgba(227, 227, 227, 1);--p-color-tooltip-tail-down-border:rgba(212, 212, 212, 1);--p-color-tooltip-tail-up-border:rgba(227, 227, 227, 1);--p-color-icon:rgba(74, 74, 74, 1);--p-color-icon-hover:rgba(48, 48, 48, 1);--p-color-icon-active:rgba(26, 26, 26, 1);--p-color-icon-disabled:rgba(204, 204, 204, 1);--p-color-icon-secondary:rgba(138, 138, 138, 1);--p-color-icon-secondary-hover:rgba(97, 97, 97, 1);--p-color-icon-secondary-active:rgba(74, 74, 74, 1);--p-color-icon-brand:rgba(26, 26, 26, 1);--p-color-icon-info:rgba(0, 148, 213, 1);--p-color-icon-success:rgba(4, 123, 93, 1);--p-color-icon-caution:rgba(153, 138, 0, 1);--p-color-icon-warning:rgba(178, 132, 0, 1);--p-color-icon-critical:rgba(226, 44, 56, 1);--p-color-icon-emphasis:rgba(0, 91, 211, 1);--p-color-icon-emphasis-hover:rgba(0, 66, 153, 1);--p-color-icon-emphasis-active:rgba(0, 46, 106, 1);--p-color-icon-magic:rgba(128, 81, 255, 1);--p-color-icon-inverse:rgba(227, 227, 227, 1);--p-color-avatar-bg-fill:rgba(181, 181, 181, 1);--p-color-avatar-five-bg-fill:rgba(253, 75, 146, 1);--p-color-avatar-five-text-on-bg-fill:rgba(255, 246, 248, 1);--p-color-avatar-four-bg-fill:rgba(81, 192, 255, 1);--p-color-avatar-four-text-on-bg-fill:rgba(0, 33, 51, 1);--p-color-avatar-one-bg-fill:rgba(197, 48, 197, 1);--p-color-avatar-one-text-on-bg-fill:rgba(253, 239, 253, 1);--p-color-avatar-seven-bg-fill:rgba(148, 116, 255, 1);--p-color-avatar-seven-text-on-bg-fill:rgba(248, 247, 255, 1);--p-color-avatar-six-bg-fill:rgba(37, 232, 43, 1);--p-color-avatar-six-text-on-bg-fill:rgba(3, 61, 5, 1);--p-color-avatar-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-avatar-three-bg-fill:rgba(44, 224, 212, 1);--p-color-avatar-three-text-on-bg-fill:rgba(3, 60, 57, 1);--p-color-avatar-two-bg-fill:rgba(82, 244, 144, 1);--p-color-avatar-two-text-on-bg-fill:rgba(1, 75, 64, 1);--p-color-backdrop-bg:rgba(0, 0, 0, 0.71);--p-color-button-gradient-bg-fill:linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%);--p-color-checkbox-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-checkbox-icon-disabled:rgba(255, 255, 255, 1);--p-color-input-bg-surface:rgba(253, 253, 253, 1);--p-color-input-bg-surface-hover:rgba(250, 250, 250, 1);--p-color-input-bg-surface-active:rgba(247, 247, 247, 1);--p-color-input-border:rgba(138, 138, 138, 1);--p-color-input-border-hover:rgba(97, 97, 97, 1);--p-color-input-border-active:rgba(26, 26, 26, 1);--p-color-nav-bg:rgba(235, 235, 235, 1);--p-color-nav-bg-surface:rgba(0, 0, 0, 0.02);--p-color-nav-bg-surface-hover:rgba(241, 241, 241, 1);--p-color-nav-bg-surface-active:rgba(250, 250, 250, 1);--p-color-nav-bg-surface-selected:rgba(250, 250, 250, 1);--p-color-radio-button-bg-surface-disabled:rgba(0, 0, 0, 0.08);--p-color-radio-button-icon-disabled:rgba(255, 255, 255, 1);--p-color-video-thumbnail-play-button-bg-fill-hover:rgba(0, 0, 0, 0.81);--p-color-video-thumbnail-play-button-bg-fill:rgba(0, 0, 0, 0.71);--p-color-video-thumbnail-play-button-text-on-bg-fill:rgba(255, 255, 255, 1);--p-color-scrollbar-thumb-bg-hover:rgba(138, 138, 138, 1);--p-color-scrollbar-thumb-bg:rgba(181, 181, 181, 1);--p-font-family-sans:'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;--p-font-family-mono:ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;--p-font-size-275:0.6875rem;--p-font-size-300:0.75rem;--p-font-size-325:0.8125rem;--p-font-size-350:0.875rem;--p-font-size-400:1rem;--p-font-size-450:1.125rem;--p-font-size-500:1.25rem;--p-font-size-550:1.375rem;--p-font-size-600:1.5rem;--p-font-size-750:1.875rem;--p-font-size-800:2rem;--p-font-size-900:2.25rem;--p-font-size-1000:2.5rem;--p-font-weight-regular:450;--p-font-weight-medium:550;--p-font-weight-semibold:650;--p-font-weight-bold:700;--p-font-letter-spacing-densest:-0.03375rem;--p-font-letter-spacing-denser:-0.01875rem;--p-font-letter-spacing-dense:-0.0125rem;--p-font-letter-spacing-normal:0rem;--p-font-line-height-300:0.75rem;--p-font-line-height-400:1rem;--p-font-line-height-500:1.25rem;--p-font-line-height-600:1.5rem;--p-font-line-height-700:1.75rem;--p-font-line-height-800:2rem;--p-font-line-height-1000:2.5rem;--p-font-line-height-1200:3rem;--p-height-0:0rem;--p-height-025:0.0625rem;--p-height-050:0.125rem;--p-height-100:0.25rem;--p-height-150:0.375rem;--p-height-200:0.5rem;--p-height-300:0.75rem;--p-height-400:1rem;--p-height-500:1.25rem;--p-height-600:1.5rem;--p-height-700:1.75rem;--p-height-800:2rem;--p-height-900:2.25rem;--p-height-1000:2.5rem;--p-height-1200:3rem;--p-height-1600:4rem;--p-height-2000:5rem;--p-height-2400:6rem;--p-height-2800:7rem;--p-height-3200:8rem;--p-motion-duration-0:0ms;--p-motion-duration-50:50ms;--p-motion-duration-100:100ms;--p-motion-duration-150:150ms;--p-motion-duration-200:200ms;--p-motion-duration-250:250ms;--p-motion-duration-300:300ms;--p-motion-duration-350:350ms;--p-motion-duration-400:400ms;--p-motion-duration-450:450ms;--p-motion-duration-500:500ms;--p-motion-duration-5000:5000ms;--p-motion-ease:cubic-bezier(0.25, 0.1, 0.25, 1);--p-motion-ease-in:cubic-bezier(0.42, 0, 1, 1);--p-motion-ease-out:cubic-bezier(0.19, 0.91, 0.38, 1);--p-motion-ease-in-out:cubic-bezier(0.42, 0, 0.58, 1);--p-motion-linear:cubic-bezier(0, 0, 1, 1);--p-motion-keyframes-bounce:p-motion-keyframes-bounce;--p-motion-keyframes-fade-in:p-motion-keyframes-fade-in;--p-motion-keyframes-pulse:p-motion-keyframes-pulse;--p-motion-keyframes-spin:p-motion-keyframes-spin;--p-motion-keyframes-appear-above:p-motion-keyframes-appear-above;--p-motion-keyframes-appear-below:p-motion-keyframes-appear-below;--p-shadow-0:none;--p-shadow-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07);--p-shadow-200:0rem 0.1875rem 0.0625rem -0.0625rem rgba(26, 26, 26, 0.07);--p-shadow-300:0rem 0.25rem 0.375rem -0.125rem rgba(26, 26, 26, 0.20);--p-shadow-400:0rem 0.5rem 1rem -0.25rem rgba(26, 26, 26, 0.22);--p-shadow-500:0rem 0.75rem 1.25rem -0.5rem rgba(26, 26, 26, 0.24);--p-shadow-600:0rem 1.25rem 1.25rem -0.5rem rgba(26, 26, 26, 0.28);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, -0.0625rem 0rem 0rem 0rem rgba(0, 0, 0, 0.13) inset, 0rem -0.0625rem 0rem 0rem rgba(0, 0, 0, 0.17) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.5) inset;--p-shadow-inset-100:0rem 0.0625rem 0.125rem 0rem rgba(26, 26, 26, 0.15) inset, 0rem 0.0625rem 0.0625rem 0rem rgba(26, 26, 26, 0.15) inset;--p-shadow-inset-200:0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.20) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset, -0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.12) inset;--p-shadow-button:0rem -0.0625rem 0rem 0rem #b5b5b5 inset, 0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.1) inset, 0rem 0.03125rem 0rem 0.09375rem #FFF inset;--p-shadow-button-hover:0rem 0.0625rem 0rem 0rem #EBEBEB inset, -0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0.0625rem 0rem 0rem 0rem #EBEBEB inset, 0rem -0.0625rem 0rem 0rem #CCC inset;--p-shadow-button-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(26, 26, 26, 0.122) inset, 0rem 0.125rem 0.0625rem 0rem rgba(26, 26, 26, 0.2) inset;--p-shadow-button-primary:0rem -0.0625rem 0rem 0.0625rem rgba(0, 0, 0, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(48, 48, 48, 1) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.25) inset;--p-shadow-button-primary-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.24) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.0625rem 0rem 0rem #000 inset, 0rem -0.0625rem 0rem 0.0625rem #1A1A1A;--p-shadow-button-primary-inset:0rem 0.1875rem 0rem 0rem rgb(0, 0, 0) inset;--p-shadow-button-primary-critical:0rem -0.0625rem 0rem 0.0625rem rgba(142, 31, 11, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(181, 38, 11, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.349) inset;--p-shadow-button-primary-critical-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-critical-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-button-primary-success:0rem -0.0625rem 0rem 0.0625rem rgba(12, 81, 50, 0.8) inset, 0rem 0rem 0rem 0.0625rem rgba(19, 111, 69, 0.8) inset, 0rem 0.03125rem 0rem 0.09375rem rgba(255, 255, 255, 0.251) inset;--p-shadow-button-primary-success-hover:0rem 0.0625rem 0rem 0rem rgba(255, 255, 255, 0.48) inset, 0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, -0.0625rem 0rem 0rem 0rem rgba(255, 255, 255, 0.20) inset, 0rem -0.09375rem 0rem 0rem rgba(0, 0, 0, 0.25) inset;--p-shadow-button-primary-success-inset:-0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0.0625rem 0rem 0.0625rem 0rem rgba(0, 0, 0, 0.2) inset, 0rem 0.125rem 0rem 0rem rgba(0, 0, 0, 0.6) inset;--p-shadow-border-inset:0rem 0rem 0rem 0.0625rem rgba(0, 0, 0, 0.08) inset;--p-space-0:0rem;--p-space-025:0.0625rem;--p-space-050:0.125rem;--p-space-100:0.25rem;--p-space-150:0.375rem;--p-space-200:0.5rem;--p-space-300:0.75rem;--p-space-400:1rem;--p-space-500:1.25rem;--p-space-600:1.5rem;--p-space-800:2rem;--p-space-1000:2.5rem;--p-space-1200:3rem;--p-space-1600:4rem;--p-space-2000:5rem;--p-space-2400:6rem;--p-space-2800:7rem;--p-space-3200:8rem;--p-space-button-group-gap:var(--p-space-200);--p-space-card-gap:var(--p-space-400);--p-space-card-padding:var(--p-space-400);--p-space-table-cell-padding:var(--p-space-150);--p-text-heading-3xl-font-family:var(--p-font-family-sans);--p-text-heading-3xl-font-size:var(--p-font-size-900);--p-text-heading-3xl-font-weight:var(--p-font-weight-bold);--p-text-heading-3xl-font-letter-spacing:var(--p-font-letter-spacing-densest);--p-text-heading-3xl-font-line-height:var(--p-font-line-height-1200);--p-text-heading-2xl-font-family:var(--p-font-family-sans);--p-text-heading-2xl-font-size:var(--p-font-size-750);--p-text-heading-2xl-font-weight:var(--p-font-weight-bold);--p-text-heading-2xl-font-letter-spacing:var(--p-font-letter-spacing-denser);--p-text-heading-2xl-font-line-height:var(--p-font-line-height-1000);--p-text-heading-xl-font-family:var(--p-font-family-sans);--p-text-heading-xl-font-size:var(--p-font-size-600);--p-text-heading-xl-font-weight:var(--p-font-weight-bold);--p-text-heading-xl-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-xl-font-line-height:var(--p-font-line-height-800);--p-text-heading-lg-font-family:var(--p-font-family-sans);--p-text-heading-lg-font-size:var(--p-font-size-500);--p-text-heading-lg-font-weight:var(--p-font-weight-semibold);--p-text-heading-lg-font-letter-spacing:var(--p-font-letter-spacing-dense);--p-text-heading-lg-font-line-height:var(--p-font-line-height-600);--p-text-heading-md-font-family:var(--p-font-family-sans);--p-text-heading-md-font-size:var(--p-font-size-350);--p-text-heading-md-font-weight:var(--p-font-weight-semibold);--p-text-heading-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-md-font-line-height:var(--p-font-line-height-500);--p-text-heading-sm-font-family:var(--p-font-family-sans);--p-text-heading-sm-font-size:var(--p-font-size-325);--p-text-heading-sm-font-weight:var(--p-font-weight-semibold);--p-text-heading-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-sm-font-line-height:var(--p-font-line-height-500);--p-text-heading-xs-font-family:var(--p-font-family-sans);--p-text-heading-xs-font-size:var(--p-font-size-300);--p-text-heading-xs-font-weight:var(--p-font-weight-semibold);--p-text-heading-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-heading-xs-font-line-height:var(--p-font-line-height-400);--p-text-body-lg-font-family:var(--p-font-family-sans);--p-text-body-lg-font-size:var(--p-font-size-350);--p-text-body-lg-font-weight:var(--p-font-weight-regular);--p-text-body-lg-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-lg-font-line-height:var(--p-font-line-height-500);--p-text-body-md-font-family:var(--p-font-family-sans);--p-text-body-md-font-size:var(--p-font-size-325);--p-text-body-md-font-weight:var(--p-font-weight-regular);--p-text-body-md-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-md-font-line-height:var(--p-font-line-height-500);--p-text-body-sm-font-family:var(--p-font-family-sans);--p-text-body-sm-font-size:var(--p-font-size-300);--p-text-body-sm-font-weight:var(--p-font-weight-regular);--p-text-body-sm-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-sm-font-line-height:var(--p-font-line-height-400);--p-text-body-xs-font-family:var(--p-font-family-sans);--p-text-body-xs-font-size:var(--p-font-size-275);--p-text-body-xs-font-weight:var(--p-font-weight-regular);--p-text-body-xs-font-letter-spacing:var(--p-font-letter-spacing-normal);--p-text-body-xs-font-line-height:var(--p-font-line-height-300);--p-width-0:0rem;--p-width-025:0.0625rem;--p-width-050:0.125rem;--p-width-100:0.25rem;--p-width-150:0.375rem;--p-width-200:0.5rem;--p-width-300:0.75rem;--p-width-400:1rem;--p-width-500:1.25rem;--p-width-600:1.5rem;--p-width-700:1.75rem;--p-width-800:2rem;--p-width-900:2.25rem;--p-width-1000:2.5rem;--p-width-1200:3rem;--p-width-1600:4rem;--p-width-2000:5rem;--p-width-2400:6rem;--p-width-2800:7rem;--p-width-3200:8rem;--p-z-index-0:auto;--p-z-index-1:100;--p-z-index-2:400;--p-z-index-3:510;--p-z-index-4:512;--p-z-index-5:513;--p-z-index-6:514;--p-z-index-7:515;--p-z-index-8:516;--p-z-index-9:517;--p-z-index-10:518;--p-z-index-11:519;--p-z-index-12:520;}
+
+.p-theme-light-mobile{--p-color-button-gradient-bg-fill:none;--p-shadow-100:none;--p-shadow-bevel-100:none;--p-shadow-button:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-hover:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-inset:0 0 0 var(--p-border-width-025) var(--p-color-border) inset;--p-shadow-button-primary:none;--p-shadow-button-primary-hover:none;--p-shadow-button-primary-inset:none;--p-shadow-button-primary-critical:none;--p-shadow-button-primary-critical-hover:none;--p-shadow-button-primary-critical-inset:none;--p-shadow-button-primary-success:none;--p-shadow-button-primary-success-hover:none;--p-shadow-button-primary-success-inset:none;--p-space-card-gap:var(--p-space-200);--p-text-heading-2xl-font-size:var(--p-font-size-800);--p-text-heading-xl-font-size:var(--p-font-size-550);--p-text-heading-xl-font-line-height:var(--p-font-line-height-700);--p-text-heading-lg-font-size:var(--p-font-size-450);--p-text-heading-md-font-size:var(--p-font-size-400);--p-text-heading-sm-font-size:var(--p-font-size-350);--p-text-body-lg-font-size:var(--p-font-size-450);--p-text-body-lg-font-line-height:var(--p-font-line-height-700);--p-text-body-md-font-size:var(--p-font-size-400);--p-text-body-md-font-line-height:var(--p-font-line-height-600);--p-text-body-sm-font-size:var(--p-font-size-350);--p-text-body-sm-font-line-height:var(--p-font-line-height-500);--p-text-body-xs-font-size:var(--p-font-size-300);--p-text-body-xs-font-line-height:var(--p-font-line-height-400);}
+
+.p-theme-light-high-contrast-experimental{--p-color-text:rgba(26, 26, 26, 1);--p-color-text-secondary:rgba(26, 26, 26, 1);--p-color-text-brand:rgba(26, 26, 26, 1);--p-color-icon-secondary:rgba(74, 74, 74, 1);--p-color-border:rgba(138, 138, 138, 1);--p-color-input-border:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(138, 138, 138, 1);--p-color-bg-surface-secondary:rgba(241, 241, 241, 1);--p-shadow-bevel-100:0rem 0.0625rem 0rem 0rem rgba(26, 26, 26, 0.07), 0rem 0.0625rem 0rem 0rem rgba(208, 208, 208, 0.40) inset, 0.0625rem 0rem 0rem 0rem #CCC inset, -0.0625rem 0rem 0rem 0rem #CCC inset, 0rem -0.0625rem 0rem 0rem #999 inset;}
+
+.p-theme-dark-experimental{color-scheme:dark;--p-color-bg:rgba(26, 26, 26, 1);--p-color-bg-surface:rgba(48, 48, 48, 1);--p-color-bg-fill:rgba(48, 48, 48, 1);--p-color-icon:rgba(227, 227, 227, 1);--p-color-icon-secondary:rgba(181, 181, 181, 1);--p-color-icon-disabled:rgba(74, 74, 74, 1);--p-color-text:rgba(227, 227, 227, 1);--p-color-text-secondary:rgba(181, 181, 181, 1);--p-color-text-disabled:rgba(74, 74, 74, 1);--p-color-bg-surface-secondary-active:rgba(255, 255, 255, 0.14);--p-color-bg-surface-secondary-hover:rgba(255, 255, 255, 0.06);--p-color-bg-fill-transparent:rgba(255, 255, 255, 0.11);--p-color-bg-fill-brand:rgba(255, 255, 255, 1);--p-color-text-brand-on-bg-fill:rgba(48, 48, 48, 1);--p-color-bg-surface-hover:rgba(74, 74, 74, 1);--p-color-bg-fill-hover:rgba(255, 255, 255, 0.05);--p-color-bg-fill-transparent-hover:rgba(255, 255, 255, 0.14);--p-color-bg-fill-brand-hover:rgba(243, 243, 243, 1);--p-color-bg-surface-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-selected:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-selected:rgba(255, 255, 255, 0.22);--p-color-bg-fill-brand-selected:rgba(212, 212, 212, 1);--p-color-bg-surface-active:rgba(97, 97, 97, 1);--p-color-bg-fill-active:rgba(97, 97, 97, 1);--p-color-bg-fill-transparent-active:rgba(255, 255, 255, 0.17);--p-color-bg-fill-brand-active:rgba(247, 247, 247, 1);--p-color-bg-fill-secondary:rgba(255, 255, 255, 0.08);--p-color-bg-fill-secondary-hover:rgba(255, 255, 255, 0.11);--p-color-bg-fill-secondary-selected:rgba(255, 255, 255, 0.17);--p-color-bg-surface-brand-selected:rgba(74, 74, 74, 1);--p-color-border-secondary:rgba(74, 74, 74, 1);--p-color-bg-surface-tertiary:rgba(255, 255, 255, 0.08);--p-color-icon-brand:rgba(74, 74, 74, 1);--p-color-bg-fill-disabled:rgba(255, 255, 255, 0.05);--p-color-text-brand-on-bg-fill-disabled:rgba(138, 138, 138, 1);--p-color-bg-fill-brand-disabled:rgba(255, 255, 255, 0.22);--p-color-bg-fill-tertiary:rgba(48, 48, 48, 1);--p-color-tooltip-tail-down-border:rgba(60, 60, 60, 1);--p-color-tooltip-tail-up-border:rgba(71, 71, 71, 1);--p-shadow-bevel-100:0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, -0.0625rem 0rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem -0.0625rem 0rem 0rem rgba(204, 204, 204, 0.08) inset, 0rem 0.0625rem 0rem 0rem rgba(204, 204, 204, 0.16) inset;}
+
+@keyframes p-motion-keyframes-bounce{ from, 65%, 85%{ transform:scale(1) } 75%{ transform:scale(0.85) } 82.5%{ transform:scale(1.05) } }
+
+@keyframes p-motion-keyframes-fade-in{ to{ opacity:1 } }
+
+@keyframes p-motion-keyframes-pulse{ from, 75%{ transform:scale(0.85); opacity:1; } to{ transform:scale(2.5); opacity:0; } }
+
+@keyframes p-motion-keyframes-spin{ to{ transform:rotate(1turn) } }
+
+@keyframes p-motion-keyframes-appear-above{ from{ transform:translateY(var(--p-space-100)); opacity:0; } to{ transform:none; opacity:1; } }
+
+@keyframes p-motion-keyframes-appear-below{ from{ transform:translateY(calc(var(--p-space-100)*-1)); opacity:0; } to{ transform:none; opacity:1; } }
+
+:root{
+  --polaris-version-number:'1.2.0';
+
+  --pg-navigation-width:15rem;
+  --pg-dangerous-magic-space-4:1rem;
+  --pg-dangerous-magic-space-5:1.25rem;
+  --pg-dangerous-magic-space-8:2rem;
+
+  --pg-layout-width-primary-min:30rem;
+  --pg-layout-width-primary-max:41.375rem;
+  --pg-layout-width-secondary-min:15rem;
+  --pg-layout-width-secondary-max:20rem;
+  --pg-layout-width-one-half-width-base:28.125rem;
+  --pg-layout-width-one-third-width-base:15rem;
+  --pg-layout-width-nav-base:var(--pg-navigation-width);
+  --pg-layout-width-page-content-partially-condensed:28.125rem;
+  --pg-layout-width-inner-spacing-base:var(--pg-dangerous-magic-space-4);
+  --pg-layout-width-outer-spacing-min:var(--pg-dangerous-magic-space-5);
+  --pg-layout-width-outer-spacing-max:var(--pg-dangerous-magic-space-8);
+  --pg-layout-relative-size:2;
+
+  --pg-dismiss-icon-size:2rem;
+
+  --pg-top-bar-height:3.5rem;
+
+  --pg-mobile-nav-width:calc(100vw - var(--pg-dismiss-icon-size) - var(--pg-dangerous-magic-space-8));
+
+  --pg-control-height:2rem;
+  --pg-control-vertical-padding:calc((2.25rem - var(--p-font-line-height-600) - var(--p-space-050))/2);
+}
+
+html,
+body{
+  font-size:var(--p-font-size-325);
+  line-height:var(--p-font-line-height-500);
+  font-weight:var(--p-font-weight-regular);
+  font-feature-settings:'calt' 0;
+  letter-spacing:initial;
+  color:var(--p-color-text);
+  -webkit-tap-highlight-color:transparent;
+}
+
+html,
+body,
+button{
+  font-family:var(--p-font-family-sans);
+}
+
+html{
+  position:relative;
+  font-size:100%;
+  -webkit-font-smoothing:antialiased;
+  -moz-osx-font-smoothing:grayscale;
+
+  -webkit-text-size-adjust:100%;
+
+     -moz-text-size-adjust:100%;
+
+          text-size-adjust:100%;
+  text-rendering:optimizeLegibility;
+  scrollbar-width:thin;
+  scrollbar-color:var(--p-color-bg) var(--p-color-bg);
+  transition:scrollbar-color var(--p-motion-duration-100) var(--p-motion-ease-in);
+}
+
+html::-webkit-scrollbar{
+    width:0.6875rem;
+    background-color:var(--p-color-bg);
+  }
+
+html::-webkit-scrollbar-thumb{
+    background-color:var(--p-color-bg);
+    border:var(--p-border-width-050) solid transparent;
+    border-radius:var(--p-border-radius-300);
+    background-clip:content-box;
+  }
+
+html:hover{
+    scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) var(--p-color-bg);
+  }
+
+html:hover::-webkit-scrollbar-thumb{
+      background-color:var(--p-color-scrollbar-thumb-bg-hover);
+    }
+
+@supports (font: -apple-system-body){
+  @media (max-width: 30.6225em){
+    html{
+      font:-apple-system-body;
+    }
+  }
+}
+
+body{
+  min-height:100%;
+  margin:0;
+  padding:0;
+  background-color:rgba(241, 242, 244, 1);
+  scrollbar-color:var(--p-color-scrollbar-thumb-bg-hover) transparent;
+}
+
+@media print{
+
+body{
+    background-color:transparent !important;
+}
+  }
+
+*,
+*::before,
+*::after{
+  box-sizing:border-box;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p{
+  margin:0;
+  font-size:1em;
+  font-weight:var(--p-font-weight-regular);
+}
+
+button::-moz-focus-inner,
+[type='button']::-moz-focus-inner,
+[type='reset']::-moz-focus-inner,
+[type='submit']::-moz-focus-inner{
+  border-style:none;
+}
+
+html[class~='Polaris-Safari-16-Font-Optical-Sizing-Patch']{
+  font-variation-settings:'opsz' 14;
+}

package/build/esnext/components/Autocomplete/Autocomplete.css.esnext

@@ -0,0 +1,8 @@
+import './Autocomplete.out.css';
+
+var styles = {
+  "Loading": "Polaris-Autocomplete__Loading_1brcv",
+  "SectionWrapper": "Polaris-Autocomplete__SectionWrapper_1b5l1"
+};
+
+export { styles as default };

package/build/esnext/components/Autocomplete/Autocomplete.esnext

@@ -0,0 +1,121 @@
+import { useCallback, useMemo } from 'react';
+import { isSection } from '../../utilities/options.esnext';
+import styles from './Autocomplete.css.esnext';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { MappedOption } from './components/MappedOption/MappedOption.esnext';
+import { MappedAction } from './components/MappedAction/MappedAction.esnext';
+import { Listbox, AutoSelection } from '../Listbox/Listbox.esnext';
+import { Combobox } from '../Combobox/Combobox.esnext';
+import { useI18n } from '../../utilities/i18n/hooks.esnext';
+
+// TypeScript can't generate types that correctly infer the typing of
+// subcomponents so explicitly state the subcomponents in the type definition.
+// Letting this be implicit works in this project but fails in projects that use
+// generated *.d.ts files.
+
+const Autocomplete = function Autocomplete({
+  options,
+  selected,
+  textField,
+  preferredPosition,
+  listTitle,
+  allowMultiple,
+  loading,
+  actionBefore,
+  willLoadMoreResults,
+  emptyState,
+  onSelect,
+  onLoadMoreResults
+}) {
+  const i18n = useI18n();
+  const buildMappedOptionFromOption = useCallback(options => {
+    return options.map(option => /*#__PURE__*/jsx(MappedOption, {
+      ...option,
+      selected: selected.includes(option.value),
+      singleSelection: !allowMultiple
+    }, option.id || option.value));
+  }, [selected, allowMultiple]);
+  const optionsMarkup = useMemo(() => {
+    const conditionalOptions = loading && !willLoadMoreResults ? [] : options;
+    if (isSection(conditionalOptions)) {
+      const noOptionsAvailable = conditionalOptions.every(({
+        options
+      }) => options.length === 0);
+      if (noOptionsAvailable) {
+        return null;
+      }
+      const optionsMarkup = conditionalOptions.map(({
+        options,
+        title
+      }) => {
+        if (options.length === 0) {
+          return null;
+        }
+        const optionMarkup = buildMappedOptionFromOption(options);
+        return /*#__PURE__*/jsx(Listbox.Section, {
+          divider: false,
+          title: /*#__PURE__*/jsx(Listbox.Header, {
+            children: title
+          }),
+          children: optionMarkup
+        }, title);
+      });
+      return /*#__PURE__*/jsx("div", {
+        className: styles.SectionWrapper,
+        children: optionsMarkup
+      });
+    }
+    const optionList = conditionalOptions.length > 0 ? buildMappedOptionFromOption(conditionalOptions) : null;
+    if (listTitle) {
+      return /*#__PURE__*/jsx(Listbox.Section, {
+        divider: false,
+        title: /*#__PURE__*/jsx(Listbox.Header, {
+          children: listTitle
+        }),
+        children: optionList
+      });
+    }
+    return optionList;
+  }, [listTitle, loading, options, willLoadMoreResults, buildMappedOptionFromOption]);
+  const loadingMarkup = loading ? /*#__PURE__*/jsx(Listbox.Loading, {
+    accessibilityLabel: i18n.translate('Polaris.Autocomplete.spinnerAccessibilityLabel')
+  }) : null;
+  const updateSelection = useCallback(newSelection => {
+    if (actionBefore && newSelection === actionBefore.content) {
+      actionBefore.onAction && actionBefore.onAction();
+      return;
+    }
+    if (allowMultiple) {
+      if (selected.includes(newSelection)) {
+        onSelect(selected.filter(option => option !== newSelection));
+      } else {
+        onSelect([...selected, newSelection]);
+      }
+    } else {
+      onSelect([newSelection]);
+    }
+  }, [allowMultiple, onSelect, selected, actionBefore]);
+  const actionMarkup = actionBefore && /*#__PURE__*/jsx(MappedAction, {
+    ...actionBefore
+  });
+  const emptyStateMarkup = emptyState && options.length < 1 && !loading && /*#__PURE__*/jsx("div", {
+    role: "status",
+    children: emptyState
+  });
+  const autoSelection = actionBefore ? AutoSelection.First : undefined;
+  return /*#__PURE__*/jsx(Combobox, {
+    activator: textField,
+    allowMultiple: allowMultiple,
+    onScrolledToBottom: onLoadMoreResults,
+    preferredPosition: preferredPosition,
+    willLoadMoreOptions: willLoadMoreResults,
+    children: actionMarkup || optionsMarkup || loadingMarkup || emptyStateMarkup ? /*#__PURE__*/jsxs(Listbox, {
+      autoSelection: autoSelection,
+      onSelect: updateSelection,
+      children: [actionMarkup, optionsMarkup && (!loading || willLoadMoreResults) ? optionsMarkup : null, loadingMarkup, emptyStateMarkup]
+    }) : null
+  });
+};
+Autocomplete.TextField = Combobox.TextField;
+
+export { Autocomplete };

package/build/esnext/components/Autocomplete/Autocomplete.out.css

@@ -0,0 +1,11 @@
+.Polaris-Autocomplete__Loading_1brcv{
+  display:flex;
+  justify-content:center;
+  align-items:center;
+  width:100%;
+  padding:var(--p-space-200) var(--p-space-400);
+}
+
+.Polaris-Autocomplete__SectionWrapper_1b5l1 > *:not(:first-child){
+    margin-top:var(--p-space-200);
+  }

package/build/esnext/components/Autocomplete/components/MappedAction/MappedAction.css.esnext

@@ -0,0 +1,15 @@
+import './MappedAction.out.css';
+
+var styles = {
+  "ActionContainer": "Polaris-Autocomplete-MappedAction__ActionContainer_hk0rr",
+  "Action": "Polaris-Autocomplete-MappedAction__Action_r96cs",
+  "destructive": "Polaris-Autocomplete-MappedAction--destructive_zy6o5",
+  "selected": "Polaris-Autocomplete-MappedAction--selected_mijeo",
+  "disabled": "Polaris-Autocomplete-MappedAction--disabled_hcuh9",
+  "Prefix": "Polaris-Autocomplete-MappedAction__Prefix_10fbz",
+  "Suffix": "Polaris-Autocomplete-MappedAction__Suffix_10fbu",
+  "Content": "Polaris-Autocomplete-MappedAction__Content_xd1mk",
+  "Text": "Polaris-Autocomplete-MappedAction__Text_yj3uv"
+};
+
+export { styles as default };

package/build/esnext/components/Autocomplete/components/MappedAction/MappedAction.esnext

@@ -0,0 +1,109 @@
+import { useMemo } from 'react';
+import { classNames } from '../../../../utilities/css.esnext';
+import styles from './MappedAction.css.esnext';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useI18n } from '../../../../utilities/i18n/hooks.esnext';
+import { Badge } from '../../../Badge/Badge.esnext';
+import { MappedActionContext } from '../../../../utilities/autocomplete/context.esnext';
+import { Listbox } from '../../../Listbox/Listbox.esnext';
+import { Icon } from '../../../Icon/Icon.esnext';
+import { Text } from '../../../Text/Text.esnext';
+
+function MappedAction({
+  active,
+  content,
+  disabled,
+  icon,
+  image,
+  prefix,
+  suffix,
+  ellipsis,
+  role,
+  url,
+  external,
+  onAction,
+  destructive,
+  badge,
+  helpText,
+  wrapOverflow = false
+}) {
+  const i18n = useI18n();
+  let prefixMarkup = null;
+  if (prefix) {
+    prefixMarkup = /*#__PURE__*/jsx("div", {
+      className: styles.Prefix,
+      children: prefix
+    });
+  } else if (icon) {
+    prefixMarkup = /*#__PURE__*/jsx("div", {
+      className: styles.Prefix,
+      children: /*#__PURE__*/jsx(Icon, {
+        source: icon
+      })
+    });
+  } else if (image) {
+    prefixMarkup = /*#__PURE__*/jsx("div", {
+      role: "presentation",
+      className: styles.Prefix,
+      style: {
+        backgroundImage: `url(${image}`
+      }
+    });
+  }
+  const badgeMarkup = badge && /*#__PURE__*/jsx("span", {
+    className: styles.Suffix,
+    children: /*#__PURE__*/jsx(Badge, {
+      tone: badge.tone,
+      children: badge.content
+    })
+  });
+  const suffixMarkup = suffix && /*#__PURE__*/jsx("span", {
+    className: styles.Suffix,
+    children: suffix
+  });
+  const contentText = ellipsis && content ? i18n.translate('Polaris.Autocomplete.ellipsis', {
+    content
+  }) : content;
+  const contentMarkup = /*#__PURE__*/jsxs("div", {
+    className: styles.Text,
+    children: [/*#__PURE__*/jsx(Text, {
+      as: "p",
+      variant: "bodyMd",
+      breakWord: wrapOverflow,
+      children: contentText
+    }), helpText ? /*#__PURE__*/jsx(Text, {
+      as: "p",
+      variant: "bodyMd",
+      tone: "subdued",
+      children: helpText
+    }) : null]
+  });
+  const context = useMemo(() => ({
+    role,
+    url,
+    external,
+    onAction,
+    destructive
+  }), [role, url, external, onAction, destructive]);
+  const actionClassNames = classNames(styles.Action, disabled && styles.disabled, destructive && styles.destructive, active && styles.selected);
+  return /*#__PURE__*/jsx(MappedActionContext.Provider, {
+    value: context,
+    children: /*#__PURE__*/jsx("div", {
+      className: styles.ActionContainer,
+      children: /*#__PURE__*/jsx(Listbox.Action, {
+        selected: active,
+        disabled: disabled,
+        value: content || '',
+        children: /*#__PURE__*/jsx("div", {
+          className: actionClassNames,
+          children: /*#__PURE__*/jsxs("div", {
+            className: styles.Content,
+            children: [prefixMarkup, contentMarkup, badgeMarkup, suffixMarkup]
+          })
+        })
+      })
+    })
+  });
+}
+
+export { MappedAction };

package/build/esnext/components/Autocomplete/components/MappedAction/MappedAction.out.css

@@ -0,0 +1,141 @@
+.Polaris-Autocomplete-MappedAction__ActionContainer_hk0rr{
+  --pc-mapped-actions-image-size:1.25rem;
+  --pc-mapped-actions-item-min-height:var(--p-space-1000);
+  --pc-mapped-actions-item-vertical-padding:calc((var(--pc-mapped-actions-item-min-height) - var(--p-font-line-height-500))/2);
+  margin-bottom:var(--p-space-300);
+}
+
+[data-focused] .Polaris-Autocomplete-MappedAction__Action_r96cs svg{
+      fill:var(--p-color-icon);
+    }
+
+[data-focused] .Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5{
+      background-color:var(--p-color-bg-surface-critical-active);
+    }
+
+[data-focused] .Polaris-Autocomplete-MappedAction__Action_r96cs:hover{
+      background-color:transparent;
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs{
+  position: relative;
+  display:block;
+  flex:1 1;
+  min-height:var(--pc-mapped-actions-item-min-height);
+  text-align:left;
+  cursor:pointer;
+  padding:var(--pc-mapped-actions-item-vertical-padding) var(--p-space-200);
+  margin:calc(var(--pc-mapped-actions-item-vertical-padding)*-1) calc(var(--p-space-300)*-1);
+  border-radius:var(--p-border-radius-200);
+}
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs::after {
+  content: '';
+  position: absolute;
+  z-index: 1;
+  top: -0.0625rem;
+  right: -0.0625rem;
+  bottom: -0.0625rem;
+  left: -0.0625rem;
+  display: block;
+  pointer-events: none;
+  box-shadow: 0 0 0 -0.0625rem var(--p-color-border-focus);
+  border-radius: var(--p-border-radius-100);
+}
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs:hover{
+    background-color:var(--p-color-bg-surface-hover);
+    text-decoration:none;
+  }
+
+@media (-ms-high-contrast: active){
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs:hover{
+      outline:var(--p-border-width-025) solid windowText;
+  }
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--selected_mijeo{
+    background-color:var(--p-color-bg-surface-brand-selected);
+  }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--selected_mijeo svg{
+      fill:var(--p-color-icon-emphasis);
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs:active{
+    background-color:var(--p-color-bg-surface-active);
+  }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs:active svg{
+      fill:var(--p-color-icon-emphasis);
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs:focus-visible:not(:active)::after {
+  box-shadow: 0 0 0 0.125rem var(--p-color-border-focus);
+  outline: var(--p-border-width-025) solid transparent;
+}
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5{
+    color:var(--p-color-text-critical);
+  }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5 svg{
+      fill:var(--p-color-icon-critical);
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5:hover{
+      background-color:var(--p-color-bg-surface-critical-hover);
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5:active,
+    .Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--destructive_zy6o5.Polaris-Autocomplete-MappedAction--selected_mijeo{
+      background-color:var(--p-color-bg-surface-critical-active);
+    }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--disabled_hcuh9{
+    background-image:none;
+    color:var(--p-color-text-disabled);
+  }
+
+.Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--disabled_hcuh9 .Polaris-Autocomplete-MappedAction__Prefix_10fbz svg,
+    .Polaris-Autocomplete-MappedAction__Action_r96cs.Polaris-Autocomplete-MappedAction--disabled_hcuh9 .Polaris-Autocomplete-MappedAction__Suffix_10fbu svg{
+      fill:var(--p-color-icon-disabled);
+    }
+
+.Polaris-Autocomplete-MappedAction__Content_xd1mk{
+  display:flex;
+  align-items:center;
+}
+
+.Polaris-Autocomplete-MappedAction__Prefix_10fbz{
+  display:flex;
+  flex:0 0 auto;
+  justify-content:center;
+  align-items:center;
+  height:var(--pc-mapped-actions-image-size);
+  width:var(--pc-mapped-actions-image-size);
+  border-radius:var(--p-border-radius-100);
+  margin:calc(var(--pc-mapped-actions-image-size)*-0.5) var(--p-space-400) calc(var(--pc-mapped-actions-image-size)*-0.5) 0;
+  margin-right:var(--p-space-200);
+  background-size:cover;
+  background-position:center center;
+}
+
+.Polaris-Autocomplete-MappedAction__Prefix_10fbz svg{
+    fill:var(--p-color-icon);
+  }
+
+.Polaris-Autocomplete-MappedAction__Suffix_10fbu{
+  margin-left:var(--p-space-400);
+}
+
+.Polaris-Autocomplete-MappedAction__Suffix_10fbu svg{
+    fill:var(--p-color-icon);
+  }
+
+.Polaris-Autocomplete-MappedAction__Text_yj3uv{
+  min-width:0;
+  max-width:100%;
+  flex:1 1 auto;
+}

package/build/esnext/components/Autocomplete/components/MappedOption/MappedOption.css.esnext

@@ -0,0 +1,10 @@
+import './MappedOption.out.css';
+
+var styles = {
+  "Content": "Polaris-Autocomplete-MappedOption__Content_xd1mk",
+  "Media": "Polaris-Autocomplete-MappedOption__Media_2t8qq",
+  "singleSelectionMedia": "Polaris-Autocomplete-MappedOption--singleSelectionMedia_1872h",
+  "disabledMedia": "Polaris-Autocomplete-MappedOption--disabledMedia_wfh7h"
+};
+
+export { styles as default };

package/build/esnext/components/Autocomplete/components/MappedOption/MappedOption.esnext

@@ -0,0 +1,37 @@
+import { memo } from 'react';
+import { classNames } from '../../../../utilities/css.esnext';
+import styles from './MappedOption.css.esnext';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Listbox } from '../../../Listbox/Listbox.esnext';
+
+const MappedOption = /*#__PURE__*/memo(function MappedOption({
+  label,
+  value,
+  disabled,
+  media,
+  selected,
+  singleSelection
+}) {
+  const mediaClassNames = classNames(styles.Media, disabled && styles.disabledMedia, singleSelection && styles.singleSelectionMedia);
+  const mediaMarkup = media ? /*#__PURE__*/jsx("div", {
+    className: mediaClassNames,
+    children: media
+  }) : null;
+  const accessibilityLabel = typeof label === 'string' ? label : undefined;
+  return /*#__PURE__*/jsx(Listbox.Option, {
+    accessibilityLabel: accessibilityLabel,
+    selected: selected,
+    value: value,
+    disabled: disabled,
+    children: /*#__PURE__*/jsx(Listbox.TextOption, {
+      selected: selected,
+      disabled: disabled,
+      children: /*#__PURE__*/jsxs("div", {
+        className: styles.Content,
+        children: [mediaMarkup, label]
+      })
+    })
+  }, value);
+});
+
+export { MappedOption };