@alleninstitute/cortex-ui 0.1.0 → 0.2.0

package/dist/esm/{index-C70YK15K.js → index-DbXnQj5f.js}

@@ -2,7 +2,7 @@ const NAMESPACE = 'cortex-ui';
 const BUILD = /* cortex-ui */ { hotModuleReplacement: false, hydratedSelectorName: "hydrated", lazyLoad: true, prop: true, propChangeCallback: false, updatable: true};
 
 const globalScripts = () => {};
-const globalStyles = ":root{--cui-light-blue-100:#ededff;--cui-light-blue-200:#ddddfe;--cui-light-blue-300:#bcbcfe;--cui-light-blue-400:#9898fc;--cui-light-blue-500:#7070ff;--cui-light-blue-600:#4c4cd9;--cui-light-blue-700:#30309f;--cui-light-blue-800:#121265;--cui-light-blue-900:#070756;--cui-light-gray-50:#ffffff;--cui-light-gray-75:#fafafa;--cui-light-gray-100:#f3f3f3;--cui-light-gray-200:#e5e5e5;--cui-light-gray-300:#c3c3c3;--cui-light-gray-400:#a3a3a3;--cui-light-gray-500:#828282;--cui-light-gray-600:#5b5b5b;--cui-light-gray-700:#3b3b3b;--cui-light-gray-800:#1b1b1b;--cui-light-gray-900:#101010;--cui-light-green-100:#d1fbf8;--cui-light-green-200:#b1f5f1;--cui-light-green-300:#7de0d9;--cui-light-green-400:#39d0c6;--cui-light-green-500:#02b1a5;--cui-light-green-600:#01867e;--cui-light-green-700:#015751;--cui-light-green-800:#042825;--cui-light-green-900:#011917;--cui-light-purple-100:#f0e7fd;--cui-light-purple-200:#e4d7fa;--cui-light-purple-300:#ccb4f2;--cui-light-purple-400:#a980ec;--cui-light-purple-500:#874fe2;--cui-light-purple-600:#743fca;--cui-light-purple-700:#4e2294;--cui-light-purple-800:#260f4c;--cui-light-purple-900:#1d0544;--cui-light-red-100:#fee6f0;--cui-light-red-200:#fad1e2;--cui-light-red-300:#ecabc5;--cui-light-red-400:#dc709b;--cui-light-red-500:#e0387c;--cui-light-red-600:#cd2568;--cui-light-red-700:#9b0b44;--cui-light-red-800:#4c0521;--cui-light-red-900:#2f0214;--cui-light-yellow-100:#fdefca;--cui-light-yellow-200:#fce197;--cui-light-yellow-300:#f6cf62;--cui-light-yellow-400:#e1ac1c;--cui-light-yellow-500:#d39c00;--cui-light-yellow-600:#926c04;--cui-light-yellow-700:#594202;--cui-light-yellow-800:#402f02;--cui-light-yellow-900:#2f2200;--cui-dark-blue-100:#070756;--cui-dark-blue-200:#121265;--cui-dark-blue-300:#30309f;--cui-dark-blue-400:#4c4cd9;--cui-dark-blue-500:#7070ff;--cui-dark-blue-600:#9898fc;--cui-dark-blue-700:#bcbcfe;--cui-dark-blue-800:#ddddfe;--cui-dark-blue-900:#ededff;--cui-dark-gray-50:#101010;--cui-dark-gray-75:#1b1b1b;--cui-dark-gray-100:#3b3b3b;--cui-dark-gray-200:#5b5b5b;--cui-dark-gray-300:#828282;--cui-dark-gray-400:#a3a3a3;--cui-dark-gray-500:#c3c3c3;--cui-dark-gray-600:#e5e5e5;--cui-dark-gray-700:#f3f3f3;--cui-dark-gray-800:#fafafa;--cui-dark-gray-900:#ffffff;--cui-dark-green-100:#011917;--cui-dark-green-200:#042825;--cui-dark-green-300:#015751;--cui-dark-green-400:#01867e;--cui-dark-green-500:#02b1a5;--cui-dark-green-600:#39d0c6;--cui-dark-green-700:#7de0d9;--cui-dark-green-800:#b1f5f1;--cui-dark-green-900:#d1fbf8;--cui-dark-purple-100:#151530;--cui-dark-purple-200:#260f4c;--cui-dark-purple-300:#4e2294;--cui-dark-purple-400:#743fca;--cui-dark-purple-500:#874fe2;--cui-dark-purple-600:#a980ec;--cui-dark-purple-700:#ccb4f2;--cui-dark-purple-800:#e4d7fa;--cui-dark-purple-900:#f0e7fd;--cui-dark-red-100:#2f0214;--cui-dark-red-200:#4c0521;--cui-dark-red-300:#9b0b44;--cui-dark-red-400:#cd2568;--cui-dark-red-500:#e0387c;--cui-dark-red-600:#dc709b;--cui-dark-red-700:#ecabc5;--cui-dark-red-800:#fad1e2;--cui-dark-red-900:#fee6f0;--cui-dark-yellow-100:#2f2200;--cui-dark-yellow-200:#402f02;--cui-dark-yellow-300:#594202;--cui-dark-yellow-400:#926c04;--cui-dark-yellow-500:#d39c00;--cui-dark-yellow-600:#e1ac1c;--cui-dark-yellow-700:#f6cf62;--cui-dark-yellow-800:#fce197;--cui-dark-yellow-900:#fdefca;--cui-blue-100:var(--cui-light-blue-100);--cui-blue-200:var(--cui-light-blue-200);--cui-blue-300:var(--cui-light-blue-300);--cui-blue-400:var(--cui-light-blue-400);--cui-blue-500:var(--cui-light-blue-500);--cui-blue-600:var(--cui-light-blue-600);--cui-blue-700:var(--cui-light-blue-700);--cui-blue-800:var(--cui-light-blue-800);--cui-blue-900:var(--cui-light-blue-900);--cui-gray-50:var(--cui-light-gray-50);--cui-gray-75:var(--cui-light-gray-75);--cui-gray-100:var(--cui-light-gray-100);--cui-gray-200:var(--cui-light-gray-200);--cui-gray-300:var(--cui-light-gray-300);--cui-gray-400:var(--cui-light-gray-400);--cui-gray-500:var(--cui-light-gray-500);--cui-gray-600:var(--cui-light-gray-600);--cui-gray-700:var(--cui-light-gray-700);--cui-gray-800:var(--cui-light-gray-800);--cui-gray-900:var(--cui-light-gray-900);--cui-green-100:var(--cui-light-green-100);--cui-green-200:var(--cui-light-green-200);--cui-green-300:var(--cui-light-green-300);--cui-green-400:var(--cui-light-green-400);--cui-green-500:var(--cui-light-green-500);--cui-green-600:var(--cui-light-green-600);--cui-green-700:var(--cui-light-green-700);--cui-green-800:var(--cui-light-green-800);--cui-green-900:var(--cui-light-green-900);--cui-purple-100:var(--cui-light-purple-100);--cui-purple-200:var(--cui-light-purple-200);--cui-purple-300:var(--cui-light-purple-300);--cui-purple-400:var(--cui-light-purple-400);--cui-purple-500:var(--cui-light-purple-500);--cui-purple-600:var(--cui-light-purple-600);--cui-purple-700:var(--cui-light-purple-700);--cui-purple-800:var(--cui-light-purple-800);--cui-purple-900:var(--cui-light-purple-900);--cui-red-100:var(--cui-light-red-100);--cui-red-200:var(--cui-light-red-200);--cui-red-300:var(--cui-light-red-300);--cui-red-400:var(--cui-light-red-400);--cui-red-500:var(--cui-light-red-500);--cui-red-600:var(--cui-light-red-600);--cui-red-700:var(--cui-light-red-700);--cui-red-800:var(--cui-light-red-800);--cui-red-900:var(--cui-light-red-900);--cui-yellow-100:var(--cui-light-yellow-100);--cui-yellow-200:var(--cui-light-yellow-200);--cui-yellow-300:var(--cui-light-yellow-300);--cui-yellow-400:var(--cui-light-yellow-400);--cui-yellow-500:var(--cui-light-yellow-500);--cui-yellow-600:var(--cui-light-yellow-600);--cui-yellow-700:var(--cui-light-yellow-700);--cui-yellow-800:var(--cui-light-yellow-800);--cui-yellow-900:var(--cui-light-yellow-900);--cui-base-bg:var(--cui-gray-50);--cui-base-bg-lvl-1:var(--cui-gray-75);--cui-base-bg-lvl-2:var(--cui-gray-100);--cui-base-text-primary:var(--cui-gray-900);--cui-base-text-secondary:var(--cui-gray-700);--cui-base-text-inverted:var(--cui-gray-50);--cui-base-border:var(--cui-gray-200);--cui-accent:var(--cui-blue-500);--cui-accent-bg:var(--cui-blue-100);--cui-accent-border:var(--cui-blue-300);--cui-accent-text:var(--cui-blue-800);--cui-positive:var(--cui-green-500);--cui-positive-bg:var(--cui-green-100);--cui-positive-border:var(--cui-green-300);--cui-positive-text:var(--cui-green-800);--cui-warning:var(--cui-yellow-500);--cui-warning-bg:var(--cui-yellow-100);--cui-warning-border:var(--cui-yellow-300);--cui-warning-text:var(--cui-yellow-800);--cui-negative:var(--cui-red-500);--cui-negative-bg:var(--cui-red-100);--cui-negative-border:var(--cui-red-300);--cui-negative-text:var(--cui-red-800);--cui-neutral:var(--cui-gray-500);--cui-neutral-bg:var(--cui-gray-100);--cui-neutral-border:var(--cui-gray-300);--cui-neutral-text:var(--cui-gray-800);--cui-highlight:var(--cui-purple-500);--cui-highlight-bg:var(--cui-purple-100);--cui-highlight-border:var(--cui-purple-300);--cui-highlight-text:var(--cui-purple-800);--cui-info:var(--cui-blue-500);--cui-info-bg:var(--cui-blue-100);--cui-info-border:var(--cui-blue-300);--cui-info-text:var(--cui-blue-800);--cui-font-family-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--cui-font-family-mono:'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;--cui-font-size-xxs:10px;--cui-font-size-xs:12px;--cui-font-size-sm:14px;--cui-font-size-md:16px;--cui-font-size-lg:18px;--cui-font-size-xl:24px;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height-tight:1.2;--cui-line-height-base:1.4;--cui-spacing-xxs:2px;--cui-spacing-xs:4px;--cui-spacing-sm:8px;--cui-spacing-md:12px;--cui-spacing-lg:20px;--cui-spacing-xl:32px;--cui-spacing-xxl:48px;--cui-radius-sm:4px;--cui-radius-md:6px;--cui-radius-lg:8px;--cui-radius-full:9999px;--cui-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--cui-shadow-md:0 2px 4px rgba(0, 0, 0, 0.1);--cui-shadow-lg:0 4px 12px rgba(0, 0, 0, 0.15);--cui-transition-fast:160ms ease;--cui-transition-base:240ms ease;--cui-transition-slow:320ms ease}:root[data-theme=dark]{--cui-blue-100:var(--cui-dark-blue-100);--cui-blue-200:var(--cui-dark-blue-200);--cui-blue-300:var(--cui-dark-blue-300);--cui-blue-400:var(--cui-dark-blue-400);--cui-blue-500:var(--cui-dark-blue-500);--cui-blue-600:var(--cui-dark-blue-600);--cui-blue-700:var(--cui-dark-blue-700);--cui-blue-800:var(--cui-dark-blue-800);--cui-blue-900:var(--cui-dark-blue-900);--cui-gray-50:var(--cui-dark-gray-50);--cui-gray-75:var(--cui-dark-gray-75);--cui-gray-100:var(--cui-dark-gray-100);--cui-gray-200:var(--cui-dark-gray-200);--cui-gray-300:var(--cui-dark-gray-300);--cui-gray-400:var(--cui-dark-gray-400);--cui-gray-500:var(--cui-dark-gray-500);--cui-gray-600:var(--cui-dark-gray-600);--cui-gray-700:var(--cui-dark-gray-700);--cui-gray-800:var(--cui-dark-gray-800);--cui-gray-900:var(--cui-dark-gray-900);--cui-green-100:var(--cui-dark-green-100);--cui-green-200:var(--cui-dark-green-200);--cui-green-300:var(--cui-dark-green-300);--cui-green-400:var(--cui-dark-green-400);--cui-green-500:var(--cui-dark-green-500);--cui-green-600:var(--cui-dark-green-600);--cui-green-700:var(--cui-dark-green-700);--cui-green-800:var(--cui-dark-green-800);--cui-green-900:var(--cui-dark-green-900);--cui-purple-100:var(--cui-dark-purple-100);--cui-purple-200:var(--cui-dark-purple-200);--cui-purple-300:var(--cui-dark-purple-300);--cui-purple-400:var(--cui-dark-purple-400);--cui-purple-500:var(--cui-dark-purple-500);--cui-purple-600:var(--cui-dark-purple-600);--cui-purple-700:var(--cui-dark-purple-700);--cui-purple-800:var(--cui-dark-purple-800);--cui-purple-900:var(--cui-dark-purple-900);--cui-red-100:var(--cui-dark-red-100);--cui-red-200:var(--cui-dark-red-200);--cui-red-300:var(--cui-dark-red-300);--cui-red-400:var(--cui-dark-red-400);--cui-red-500:var(--cui-dark-red-500);--cui-red-600:var(--cui-dark-red-600);--cui-red-700:var(--cui-dark-red-700);--cui-red-800:var(--cui-dark-red-800);--cui-red-900:var(--cui-dark-red-900);--cui-yellow-100:var(--cui-dark-yellow-100);--cui-yellow-200:var(--cui-dark-yellow-200);--cui-yellow-300:var(--cui-dark-yellow-300);--cui-yellow-400:var(--cui-dark-yellow-400);--cui-yellow-500:var(--cui-dark-yellow-500);--cui-yellow-600:var(--cui-dark-yellow-600);--cui-yellow-700:var(--cui-dark-yellow-700);--cui-yellow-800:var(--cui-dark-yellow-800);--cui-yellow-900:var(--cui-dark-yellow-900);--cui-base-text-secondary:var(--cui-gray-600)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--cui-font-family-base);font-size:var(--cui-font-size-md);line-height:var(--cui-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--cui-base-text-secondary);background:var(--cui-base-bg)}a{color:var(--cui-accent-text)}";
+const globalStyles = ":root{--cui-light-blue-100:#ededff;--cui-light-blue-200:#ddddfe;--cui-light-blue-300:#bcbcfe;--cui-light-blue-400:#9898fc;--cui-light-blue-500:#7070ff;--cui-light-blue-600:#4c4cd9;--cui-light-blue-700:#30309f;--cui-light-blue-800:#121265;--cui-light-blue-900:#070756;--cui-light-gray-50:#ffffff;--cui-light-gray-75:#fafafa;--cui-light-gray-100:#f3f3f3;--cui-light-gray-200:#e5e5e5;--cui-light-gray-300:#c3c3c3;--cui-light-gray-400:#a3a3a3;--cui-light-gray-500:#828282;--cui-light-gray-600:#5b5b5b;--cui-light-gray-700:#3b3b3b;--cui-light-gray-800:#1b1b1b;--cui-light-gray-900:#101010;--cui-light-green-100:#d1fbf8;--cui-light-green-200:#b1f5f1;--cui-light-green-300:#7de0d9;--cui-light-green-400:#39d0c6;--cui-light-green-500:#02b1a5;--cui-light-green-600:#01867e;--cui-light-green-700:#015751;--cui-light-green-800:#042825;--cui-light-green-900:#011917;--cui-light-purple-100:#f0e7fd;--cui-light-purple-200:#e4d7fa;--cui-light-purple-300:#ccb4f2;--cui-light-purple-400:#a980ec;--cui-light-purple-500:#874fe2;--cui-light-purple-600:#743fca;--cui-light-purple-700:#4e2294;--cui-light-purple-800:#260f4c;--cui-light-purple-900:#1d0544;--cui-light-red-100:#fee6f0;--cui-light-red-200:#fad1e2;--cui-light-red-300:#ecabc5;--cui-light-red-400:#dc709b;--cui-light-red-500:#e0387c;--cui-light-red-600:#cd2568;--cui-light-red-700:#9b0b44;--cui-light-red-800:#4c0521;--cui-light-red-900:#2f0214;--cui-light-yellow-100:#fdefca;--cui-light-yellow-200:#fce197;--cui-light-yellow-300:#f6cf62;--cui-light-yellow-400:#e1ac1c;--cui-light-yellow-500:#d39c00;--cui-light-yellow-600:#926c04;--cui-light-yellow-700:#594202;--cui-light-yellow-800:#402f02;--cui-light-yellow-900:#2f2200;--cui-light-shadow-100:rgba(16, 16, 16, 0.05);--cui-light-shadow-200:rgba(16, 16, 16, 0.1);--cui-light-shadow-300:rgba(16, 16, 16, 0.15);--cui-dark-blue-100:#070756;--cui-dark-blue-200:#121265;--cui-dark-blue-300:#30309f;--cui-dark-blue-400:#4c4cd9;--cui-dark-blue-500:#7070ff;--cui-dark-blue-600:#9898fc;--cui-dark-blue-700:#bcbcfe;--cui-dark-blue-800:#ddddfe;--cui-dark-blue-900:#ededff;--cui-dark-gray-50:#101010;--cui-dark-gray-75:#1b1b1b;--cui-dark-gray-100:#3b3b3b;--cui-dark-gray-200:#5b5b5b;--cui-dark-gray-300:#828282;--cui-dark-gray-400:#a3a3a3;--cui-dark-gray-500:#c3c3c3;--cui-dark-gray-600:#e5e5e5;--cui-dark-gray-700:#f3f3f3;--cui-dark-gray-800:#fafafa;--cui-dark-gray-900:#ffffff;--cui-dark-green-100:#011917;--cui-dark-green-200:#042825;--cui-dark-green-300:#015751;--cui-dark-green-400:#01867e;--cui-dark-green-500:#02b1a5;--cui-dark-green-600:#39d0c6;--cui-dark-green-700:#7de0d9;--cui-dark-green-800:#b1f5f1;--cui-dark-green-900:#d1fbf8;--cui-dark-purple-100:#151530;--cui-dark-purple-200:#260f4c;--cui-dark-purple-300:#4e2294;--cui-dark-purple-400:#743fca;--cui-dark-purple-500:#874fe2;--cui-dark-purple-600:#a980ec;--cui-dark-purple-700:#ccb4f2;--cui-dark-purple-800:#e4d7fa;--cui-dark-purple-900:#f0e7fd;--cui-dark-red-100:#2f0214;--cui-dark-red-200:#4c0521;--cui-dark-red-300:#9b0b44;--cui-dark-red-400:#cd2568;--cui-dark-red-500:#e0387c;--cui-dark-red-600:#dc709b;--cui-dark-red-700:#ecabc5;--cui-dark-red-800:#fad1e2;--cui-dark-red-900:#fee6f0;--cui-dark-yellow-100:#2f2200;--cui-dark-yellow-200:#402f02;--cui-dark-yellow-300:#594202;--cui-dark-yellow-400:#926c04;--cui-dark-yellow-500:#d39c00;--cui-dark-yellow-600:#e1ac1c;--cui-dark-yellow-700:#f6cf62;--cui-dark-yellow-800:#fce197;--cui-dark-yellow-900:#fdefca;--cui-dark-shadow-100:rgba(0, 0, 0, 0.4);--cui-dark-shadow-200:rgba(0, 0, 0, 0.5);--cui-dark-shadow-300:rgba(0, 0, 0, 0.6);--cui-blue-100:var(--cui-light-blue-100);--cui-blue-200:var(--cui-light-blue-200);--cui-blue-300:var(--cui-light-blue-300);--cui-blue-400:var(--cui-light-blue-400);--cui-blue-500:var(--cui-light-blue-500);--cui-blue-600:var(--cui-light-blue-600);--cui-blue-700:var(--cui-light-blue-700);--cui-blue-800:var(--cui-light-blue-800);--cui-blue-900:var(--cui-light-blue-900);--cui-gray-50:var(--cui-light-gray-50);--cui-gray-75:var(--cui-light-gray-75);--cui-gray-100:var(--cui-light-gray-100);--cui-gray-200:var(--cui-light-gray-200);--cui-gray-300:var(--cui-light-gray-300);--cui-gray-400:var(--cui-light-gray-400);--cui-gray-500:var(--cui-light-gray-500);--cui-gray-600:var(--cui-light-gray-600);--cui-gray-700:var(--cui-light-gray-700);--cui-gray-800:var(--cui-light-gray-800);--cui-gray-900:var(--cui-light-gray-900);--cui-green-100:var(--cui-light-green-100);--cui-green-200:var(--cui-light-green-200);--cui-green-300:var(--cui-light-green-300);--cui-green-400:var(--cui-light-green-400);--cui-green-500:var(--cui-light-green-500);--cui-green-600:var(--cui-light-green-600);--cui-green-700:var(--cui-light-green-700);--cui-green-800:var(--cui-light-green-800);--cui-green-900:var(--cui-light-green-900);--cui-purple-100:var(--cui-light-purple-100);--cui-purple-200:var(--cui-light-purple-200);--cui-purple-300:var(--cui-light-purple-300);--cui-purple-400:var(--cui-light-purple-400);--cui-purple-500:var(--cui-light-purple-500);--cui-purple-600:var(--cui-light-purple-600);--cui-purple-700:var(--cui-light-purple-700);--cui-purple-800:var(--cui-light-purple-800);--cui-purple-900:var(--cui-light-purple-900);--cui-red-100:var(--cui-light-red-100);--cui-red-200:var(--cui-light-red-200);--cui-red-300:var(--cui-light-red-300);--cui-red-400:var(--cui-light-red-400);--cui-red-500:var(--cui-light-red-500);--cui-red-600:var(--cui-light-red-600);--cui-red-700:var(--cui-light-red-700);--cui-red-800:var(--cui-light-red-800);--cui-red-900:var(--cui-light-red-900);--cui-yellow-100:var(--cui-light-yellow-100);--cui-yellow-200:var(--cui-light-yellow-200);--cui-yellow-300:var(--cui-light-yellow-300);--cui-yellow-400:var(--cui-light-yellow-400);--cui-yellow-500:var(--cui-light-yellow-500);--cui-yellow-600:var(--cui-light-yellow-600);--cui-yellow-700:var(--cui-light-yellow-700);--cui-yellow-800:var(--cui-light-yellow-800);--cui-yellow-900:var(--cui-light-yellow-900);--cui-shadow-color-100:var(--cui-light-shadow-100);--cui-shadow-color-200:var(--cui-light-shadow-200);--cui-shadow-color-300:var(--cui-light-shadow-300);--cui-base-bg:var(--cui-gray-50);--cui-base-bg-lvl-1:var(--cui-gray-75);--cui-base-bg-lvl-2:var(--cui-gray-100);--cui-base-bg-hover:var(--cui-gray-100);--cui-base-bg-active:var(--cui-gray-200);--cui-base-bg-selected:var(--cui-blue-100);--cui-base-text-primary:var(--cui-gray-900);--cui-base-text-secondary:var(--cui-gray-700);--cui-base-text-inverted:var(--cui-gray-50);--cui-base-border:var(--cui-gray-200);--cui-accent:var(--cui-blue-500);--cui-accent-hover:var(--cui-blue-600);--cui-accent-active:var(--cui-blue-700);--cui-accent-bg:var(--cui-blue-100);--cui-accent-bg-hover:var(--cui-blue-200);--cui-accent-bg-active:var(--cui-blue-300);--cui-accent-bg-selected:var(--cui-blue-200);--cui-accent-border:var(--cui-blue-300);--cui-accent-border-hover:var(--cui-blue-600);--cui-accent-text:var(--cui-blue-800);--cui-positive:var(--cui-green-500);--cui-positive-hover:var(--cui-green-600);--cui-positive-active:var(--cui-green-700);--cui-positive-bg:var(--cui-green-100);--cui-positive-bg-hover:var(--cui-green-200);--cui-positive-bg-active:var(--cui-green-300);--cui-positive-bg-selected:var(--cui-green-200);--cui-positive-border:var(--cui-green-300);--cui-positive-border-hover:var(--cui-green-600);--cui-positive-text:var(--cui-green-800);--cui-warning:var(--cui-yellow-500);--cui-warning-hover:var(--cui-yellow-600);--cui-warning-active:var(--cui-yellow-700);--cui-warning-bg:var(--cui-yellow-100);--cui-warning-bg-hover:var(--cui-yellow-200);--cui-warning-bg-active:var(--cui-yellow-300);--cui-warning-bg-selected:var(--cui-yellow-200);--cui-warning-border:var(--cui-yellow-300);--cui-warning-border-hover:var(--cui-yellow-600);--cui-warning-text:var(--cui-yellow-800);--cui-negative:var(--cui-red-500);--cui-negative-hover:var(--cui-red-600);--cui-negative-active:var(--cui-red-700);--cui-negative-bg:var(--cui-red-100);--cui-negative-bg-hover:var(--cui-red-200);--cui-negative-bg-active:var(--cui-red-300);--cui-negative-bg-selected:var(--cui-red-200);--cui-negative-border:var(--cui-red-300);--cui-negative-border-hover:var(--cui-red-600);--cui-negative-text:var(--cui-red-800);--cui-neutral:var(--cui-gray-500);--cui-neutral-hover:var(--cui-gray-600);--cui-neutral-active:var(--cui-gray-700);--cui-neutral-bg:var(--cui-gray-100);--cui-neutral-bg-hover:var(--cui-gray-200);--cui-neutral-bg-active:var(--cui-gray-300);--cui-neutral-bg-selected:var(--cui-gray-200);--cui-neutral-border:var(--cui-gray-300);--cui-neutral-border-hover:var(--cui-gray-600);--cui-neutral-text:var(--cui-gray-800);--cui-highlight:var(--cui-purple-500);--cui-highlight-hover:var(--cui-purple-600);--cui-highlight-active:var(--cui-purple-700);--cui-highlight-bg:var(--cui-purple-100);--cui-highlight-bg-hover:var(--cui-purple-200);--cui-highlight-bg-active:var(--cui-purple-300);--cui-highlight-bg-selected:var(--cui-purple-200);--cui-highlight-border:var(--cui-purple-300);--cui-highlight-border-hover:var(--cui-purple-600);--cui-highlight-text:var(--cui-purple-800);--cui-info:var(--cui-blue-500);--cui-info-hover:var(--cui-blue-600);--cui-info-active:var(--cui-blue-700);--cui-info-bg:var(--cui-blue-100);--cui-info-bg-hover:var(--cui-blue-200);--cui-info-bg-active:var(--cui-blue-300);--cui-info-bg-selected:var(--cui-blue-200);--cui-info-border:var(--cui-blue-300);--cui-info-border-hover:var(--cui-blue-600);--cui-info-text:var(--cui-blue-800);--cui-disabled-bg:var(--cui-gray-100);--cui-disabled-border:var(--cui-gray-300);--cui-disabled-text:var(--cui-gray-500);--cui-disabled-opacity:0.5;--cui-focus-ring:var(--cui-blue-600);--cui-focus-ring-width:2px;--cui-focus-ring-offset:2px;--cui-font-family-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--cui-font-family-mono:'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;--cui-font-size-xxs:10px;--cui-font-size-xs:12px;--cui-font-size-sm:14px;--cui-font-size-md:16px;--cui-font-size-lg:18px;--cui-font-size-xl:24px;--cui-font-size-xxl:32px;--cui-font-size-display-sm:40px;--cui-font-size-display-md:48px;--cui-font-size-display-lg:60px;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height-tight:1.2;--cui-line-height-base:1.4;--cui-line-height-loose:1.6;--cui-letter-spacing-tight:-0.02em;--cui-letter-spacing-base:0;--cui-letter-spacing-wide:0.04em;--cui-spacing-xxs:2px;--cui-spacing-xs:4px;--cui-spacing-sm:8px;--cui-spacing-md:12px;--cui-spacing-lg:20px;--cui-spacing-xl:32px;--cui-spacing-xxl:48px;--cui-radius-none:0;--cui-radius-xs:2px;--cui-radius-sm:4px;--cui-radius-md:6px;--cui-radius-lg:8px;--cui-radius-full:9999px;--cui-border-width-sm:1px;--cui-border-width-md:2px;--cui-border-width-lg:4px;--cui-control-height-sm:28px;--cui-control-height-md:36px;--cui-control-height-lg:44px;--cui-control-padding-sm:var(--cui-spacing-sm);--cui-control-padding-md:var(--cui-spacing-md);--cui-control-padding-lg:var(--cui-spacing-lg);--cui-shadow-sm:0 1px 2px var(--cui-shadow-color-100);--cui-shadow-md:0 2px 4px var(--cui-shadow-color-200);--cui-shadow-lg:0 4px 12px var(--cui-shadow-color-300);--cui-transition-fast:160ms ease;--cui-transition-base:240ms ease;--cui-transition-slow:320ms ease}:root[data-theme=dark]{--cui-blue-100:var(--cui-dark-blue-100);--cui-blue-200:var(--cui-dark-blue-200);--cui-blue-300:var(--cui-dark-blue-300);--cui-blue-400:var(--cui-dark-blue-400);--cui-blue-500:var(--cui-dark-blue-500);--cui-blue-600:var(--cui-dark-blue-600);--cui-blue-700:var(--cui-dark-blue-700);--cui-blue-800:var(--cui-dark-blue-800);--cui-blue-900:var(--cui-dark-blue-900);--cui-gray-50:var(--cui-dark-gray-50);--cui-gray-75:var(--cui-dark-gray-75);--cui-gray-100:var(--cui-dark-gray-100);--cui-gray-200:var(--cui-dark-gray-200);--cui-gray-300:var(--cui-dark-gray-300);--cui-gray-400:var(--cui-dark-gray-400);--cui-gray-500:var(--cui-dark-gray-500);--cui-gray-600:var(--cui-dark-gray-600);--cui-gray-700:var(--cui-dark-gray-700);--cui-gray-800:var(--cui-dark-gray-800);--cui-gray-900:var(--cui-dark-gray-900);--cui-green-100:var(--cui-dark-green-100);--cui-green-200:var(--cui-dark-green-200);--cui-green-300:var(--cui-dark-green-300);--cui-green-400:var(--cui-dark-green-400);--cui-green-500:var(--cui-dark-green-500);--cui-green-600:var(--cui-dark-green-600);--cui-green-700:var(--cui-dark-green-700);--cui-green-800:var(--cui-dark-green-800);--cui-green-900:var(--cui-dark-green-900);--cui-purple-100:var(--cui-dark-purple-100);--cui-purple-200:var(--cui-dark-purple-200);--cui-purple-300:var(--cui-dark-purple-300);--cui-purple-400:var(--cui-dark-purple-400);--cui-purple-500:var(--cui-dark-purple-500);--cui-purple-600:var(--cui-dark-purple-600);--cui-purple-700:var(--cui-dark-purple-700);--cui-purple-800:var(--cui-dark-purple-800);--cui-purple-900:var(--cui-dark-purple-900);--cui-red-100:var(--cui-dark-red-100);--cui-red-200:var(--cui-dark-red-200);--cui-red-300:var(--cui-dark-red-300);--cui-red-400:var(--cui-dark-red-400);--cui-red-500:var(--cui-dark-red-500);--cui-red-600:var(--cui-dark-red-600);--cui-red-700:var(--cui-dark-red-700);--cui-red-800:var(--cui-dark-red-800);--cui-red-900:var(--cui-dark-red-900);--cui-yellow-100:var(--cui-dark-yellow-100);--cui-yellow-200:var(--cui-dark-yellow-200);--cui-yellow-300:var(--cui-dark-yellow-300);--cui-yellow-400:var(--cui-dark-yellow-400);--cui-yellow-500:var(--cui-dark-yellow-500);--cui-yellow-600:var(--cui-dark-yellow-600);--cui-yellow-700:var(--cui-dark-yellow-700);--cui-yellow-800:var(--cui-dark-yellow-800);--cui-yellow-900:var(--cui-dark-yellow-900);--cui-shadow-color-100:var(--cui-dark-shadow-100);--cui-shadow-color-200:var(--cui-dark-shadow-200);--cui-shadow-color-300:var(--cui-dark-shadow-300);--cui-base-text-secondary:var(--cui-gray-600);--cui-shadow-sm:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 1px 2px var(--cui-shadow-color-100);--cui-shadow-md:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 2px 4px var(--cui-shadow-color-200);--cui-shadow-lg:0 0 0 var(--cui-border-width-sm) var(--cui-gray-100), 0 4px 12px var(--cui-shadow-color-300)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--cui-font-family-base);font-size:var(--cui-font-size-md);line-height:var(--cui-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--cui-base-text-secondary);background:var(--cui-base-bg)}a{color:var(--cui-accent-text)}";
 
 /*
  Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
@@ -85,6 +85,7 @@ var registerHost = (hostElement, cmpMeta) => {
   hostElement.__stencil__getHostRef = () => ref;
   return ref;
 };
+var isMemberInElement = (elm, memberName) => memberName in elm;
 var consoleError = (e, el) => (0, console.error)(e, el);
 
 // src/client/client-load-module.ts
@@ -429,6 +430,14 @@ var isHost = (node) => node && node.$tag$ === Host;
 // src/runtime/parse-property-value.ts
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if (propValue != null && !isComplexType(propValue)) {
+    if (propType & 4 /* Boolean */) {
+      {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
+    }
+    if (propType & 2 /* Number */) {
+      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
+    }
     if (propType & 1 /* String */) {
       return String(propValue);
     }
@@ -445,6 +454,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
   if (oldValue === newValue) {
     return;
   }
+  let isProp = isMemberInElement(elm, memberName);
   memberName.toLowerCase();
   if (memberName === "class") {
     const classList = elm.classList;
@@ -454,6 +464,69 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
       classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
       classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
     }
+  } else if (memberName === "key") ; else if (memberName[0] === "a" && memberName.startsWith("attr:")) {
+    const propName = memberName.slice(5);
+    let attrName;
+    {
+      const hostRef = getHostRef(elm);
+      if (hostRef && hostRef.$cmpMeta$ && hostRef.$cmpMeta$.$members$) {
+        const memberMeta = hostRef.$cmpMeta$.$members$[propName];
+        if (memberMeta && memberMeta[1]) {
+          attrName = memberMeta[1];
+        }
+      }
+    }
+    if (!attrName) {
+      attrName = propName.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(attrName) === "") {
+        elm.removeAttribute(attrName);
+      }
+    } else {
+      elm.setAttribute(attrName, newValue === true ? "" : newValue);
+    }
+    return;
+  } else if (memberName[0] === "p" && memberName.startsWith("prop:")) {
+    const propName = memberName.slice(5);
+    try {
+      elm[propName] = newValue;
+    } catch (e) {
+    }
+    return;
+  } else {
+    const isComplex = isComplexType(newValue);
+    if ((isProp || isComplex && newValue !== null) && !isSvg) {
+      try {
+        if (!elm.tagName.includes("-")) {
+          const n = newValue == null ? "" : newValue;
+          if (memberName === "list") {
+            isProp = false;
+          } else if (oldValue == null || elm[memberName] !== n) {
+            if (typeof elm.__lookupSetter__(memberName) === "function") {
+              elm[memberName] = n;
+            } else {
+              elm.setAttribute(memberName, n);
+            }
+          }
+        } else if (elm[memberName] !== newValue) {
+          elm[memberName] = newValue;
+        }
+      } catch (e) {
+      }
+    }
+    if (newValue == null || newValue === false) {
+      if (newValue !== false || elm.getAttribute(memberName) === "") {
+        {
+          elm.removeAttribute(memberName);
+        }
+      }
+    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
+      newValue = newValue === true ? "" : newValue;
+      {
+        elm.setAttribute(memberName, newValue);
+      }
+    }
   }
 };
 var parseClassListRegex = /\s/;
@@ -479,7 +552,9 @@ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
           elm,
           memberName,
           oldVnodeAttrs[memberName],
-          void 0);
+          void 0,
+          isSvgMode2,
+          newVnode.$flags$);
       }
     }
   }
@@ -488,7 +563,9 @@ var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
       elm,
       memberName,
       oldVnodeAttrs[memberName],
-      newVnodeAttrs[memberName]);
+      newVnodeAttrs[memberName],
+      isSvgMode2,
+      newVnode.$flags$);
   }
 };
 function sortedAttrNames(attrNames) {
@@ -501,6 +578,7 @@ function sortedAttrNames(attrNames) {
   );
 }
 var hostTagName;
+var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
@@ -516,7 +594,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       newVNode2.$tag$
     );
     {
-      updateElement(null, newVNode2);
+      updateElement(null, newVNode2, isSvgMode);
     }
     if (newVNode2.$children$) {
       const appendTarget = newVNode2.$tag$ === "template" ? elm.content : elm;
@@ -665,7 +743,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const text = newVNode2.$text$;
   if (text == null) {
     {
-      updateElement(oldVNode, newVNode2);
+      updateElement(oldVNode, newVNode2, isSvgMode);
     }
     if (oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);

package/dist/esm/loader.js

@@ -1,10 +1,10 @@
-import { g as globalScripts, b as bootstrapLazy } from './index-C70YK15K.js';
-export { s as setNonce } from './index-C70YK15K.js';
+import { g as globalScripts, b as bootstrapLazy } from './index-DbXnQj5f.js';
+export { s as setNonce } from './index-DbXnQj5f.js';
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["cui-tag",[[1,"cui-tag",{"label":[1],"variant":[1],"size":[1]}]]]], options);
+  return bootstrapLazy([["cui-progress",[[1,"cui-progress",{"label":[1],"value":[2],"max":[2],"indeterminate":[4],"size":[1],"showValue":[4,"show-value"]}]]],["cui-tag",[[1,"cui-tag",{"label":[1],"variant":[1],"size":[1]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/types/components/cui-progress/cui-progress.d.ts

@@ -0,0 +1,40 @@
+/**
+ * A Progress component showing how far along a task is, as a bar with an accessible value.
+ *
+ * @example
+ * <cui-progress label="Uploading files" value="40" show-value="true"></cui-progress>
+ *
+ * @example
+ * <cui-progress label="Loading results" indeterminate="true"></cui-progress>
+ *
+ * @part base - The root element, for consumer-side style overrides.
+ * @part bar - The native progress element: the track, and the fill that grows across it.
+ * @part value - The percentage text rendered when `show-value` is set.
+ * @cssprop --cui-progress-track-color - Colour of the unfilled track.
+ * @cssprop --cui-progress-indicator-color - Colour of the filled portion, for status bars in another intent.
+ */
+export declare class CuiProgress {
+    /**
+     * Accessible name for the bar, describing what is in progress ("Uploading files").
+     * Required — a progress bar with no name fails the accessibility gate.
+     */
+    label: string;
+    /** How much of the task is done, clamped to the range `0`–`max`. */
+    value: number;
+    /** The value that counts as complete. */
+    max: number;
+    /**
+     * Animates continuously instead of showing a value. Use it only while the total amount
+     * of work is genuinely unknown — prefer a real `value` whenever the work reports one.
+     */
+    indeterminate: boolean;
+    /** Thickness of the bar. */
+    size: 'small' | 'medium' | 'large';
+    /** Renders the completed percentage as text beside the bar. Ignored when indeterminate. */
+    showValue: boolean;
+    /** `max` is only meaningful above zero; anything else falls back to a percentage scale. */
+    private get resolvedMax();
+    private get clampedValue();
+    private get percent();
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -6,6 +6,44 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
+    /**
+     * A Progress component showing how far along a task is, as a bar with an accessible value.
+     * @example <cui-progress label="Uploading files" value="40" show-value="true"></cui-progress>
+     * @example <cui-progress label="Loading results" indeterminate="true"></cui-progress>
+     * @cssprop --cui-progress-track-color - Colour of the unfilled track.
+     * @cssprop --cui-progress-indicator-color - Colour of the filled portion, for status bars in another intent.
+     */
+    interface CuiProgress {
+        /**
+          * Animates continuously instead of showing a value. Use it only while the total amount of work is genuinely unknown — prefer a real `value` whenever the work reports one.
+          * @default false
+         */
+        "indeterminate": boolean;
+        /**
+          * Accessible name for the bar, describing what is in progress ("Uploading files"). Required — a progress bar with no name fails the accessibility gate.
+         */
+        "label": string;
+        /**
+          * The value that counts as complete.
+          * @default 100
+         */
+        "max": number;
+        /**
+          * Renders the completed percentage as text beside the bar. Ignored when indeterminate.
+          * @default false
+         */
+        "showValue": boolean;
+        /**
+          * Thickness of the bar.
+          * @default 'medium'
+         */
+        "size": 'small' | 'medium' | 'large';
+        /**
+          * How much of the task is done, clamped to the range `0`–`max`.
+          * @default 0
+         */
+        "value": number;
+    }
     /**
      * A Tag component for displaying status labels or counts.
      * @example <cui-tag variant="positive" label="Active"></cui-tag>
@@ -26,6 +64,19 @@ export namespace Components {
     }
 }
 declare global {
+    /**
+     * A Progress component showing how far along a task is, as a bar with an accessible value.
+     * @example <cui-progress label="Uploading files" value="40" show-value="true"></cui-progress>
+     * @example <cui-progress label="Loading results" indeterminate="true"></cui-progress>
+     * @cssprop --cui-progress-track-color - Colour of the unfilled track.
+     * @cssprop --cui-progress-indicator-color - Colour of the filled portion, for status bars in another intent.
+     */
+    interface HTMLCuiProgressElement extends Components.CuiProgress, HTMLStencilElement {
+    }
+    var HTMLCuiProgressElement: {
+        prototype: HTMLCuiProgressElement;
+        new (): HTMLCuiProgressElement;
+    };
     /**
      * A Tag component for displaying status labels or counts.
      * @example <cui-tag variant="positive" label="Active"></cui-tag>
@@ -37,10 +88,51 @@ declare global {
         new (): HTMLCuiTagElement;
     };
     interface HTMLElementTagNameMap {
+        "cui-progress": HTMLCuiProgressElement;
         "cui-tag": HTMLCuiTagElement;
     }
 }
 declare namespace LocalJSX {
+    type OneOf<K extends string, PropT, AttrT = PropT> = { [P in K]: PropT } & { [P in `attr:${K}` | `prop:${K}`]?: never } | { [P in `attr:${K}`]: AttrT } & { [P in K | `prop:${K}`]?: never } | { [P in `prop:${K}`]: PropT } & { [P in K | `attr:${K}`]?: never };
+
+    /**
+     * A Progress component showing how far along a task is, as a bar with an accessible value.
+     * @example <cui-progress label="Uploading files" value="40" show-value="true"></cui-progress>
+     * @example <cui-progress label="Loading results" indeterminate="true"></cui-progress>
+     * @cssprop --cui-progress-track-color - Colour of the unfilled track.
+     * @cssprop --cui-progress-indicator-color - Colour of the filled portion, for status bars in another intent.
+     */
+    interface CuiProgress {
+        /**
+          * Animates continuously instead of showing a value. Use it only while the total amount of work is genuinely unknown — prefer a real `value` whenever the work reports one.
+          * @default false
+         */
+        "indeterminate"?: boolean;
+        /**
+          * Accessible name for the bar, describing what is in progress ("Uploading files"). Required — a progress bar with no name fails the accessibility gate.
+         */
+        "label": string;
+        /**
+          * The value that counts as complete.
+          * @default 100
+         */
+        "max"?: number;
+        /**
+          * Renders the completed percentage as text beside the bar. Ignored when indeterminate.
+          * @default false
+         */
+        "showValue"?: boolean;
+        /**
+          * Thickness of the bar.
+          * @default 'medium'
+         */
+        "size"?: 'small' | 'medium' | 'large';
+        /**
+          * How much of the task is done, clamped to the range `0`–`max`.
+          * @default 0
+         */
+        "value"?: number;
+    }
     /**
      * A Tag component for displaying status labels or counts.
      * @example <cui-tag variant="positive" label="Active"></cui-tag>
@@ -60,6 +152,14 @@ declare namespace LocalJSX {
         "variant"?: 'default' | 'highlight' | 'info' | 'negative' | 'neutral' | 'positive' | 'warning';
     }
 
+    interface CuiProgressAttributes {
+        "label": string;
+        "value": number;
+        "max": number;
+        "indeterminate": boolean;
+        "size": 'small' | 'medium' | 'large';
+        "showValue": boolean;
+    }
     interface CuiTagAttributes {
         "label": string;
         "variant": 'default' | 'highlight' | 'info' | 'negative' | 'neutral' | 'positive' | 'warning';
@@ -67,6 +167,7 @@ declare namespace LocalJSX {
     }
 
     interface IntrinsicElements {
+        "cui-progress": Omit<CuiProgress, keyof CuiProgressAttributes> & { [K in keyof CuiProgress & keyof CuiProgressAttributes]?: CuiProgress[K] } & { [K in keyof CuiProgress & keyof CuiProgressAttributes as `attr:${K}`]?: CuiProgressAttributes[K] } & { [K in keyof CuiProgress & keyof CuiProgressAttributes as `prop:${K}`]?: CuiProgress[K] } & OneOf<"label", CuiProgress["label"], CuiProgressAttributes["label"]>;
         "cui-tag": Omit<CuiTag, keyof CuiTagAttributes> & { [K in keyof CuiTag & keyof CuiTagAttributes]?: CuiTag[K] } & { [K in keyof CuiTag & keyof CuiTagAttributes as `attr:${K}`]?: CuiTagAttributes[K] } & { [K in keyof CuiTag & keyof CuiTagAttributes as `prop:${K}`]?: CuiTag[K] };
     }
 }
@@ -74,6 +175,14 @@ export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
+            /**
+             * A Progress component showing how far along a task is, as a bar with an accessible value.
+             * @example <cui-progress label="Uploading files" value="40" show-value="true"></cui-progress>
+             * @example <cui-progress label="Loading results" indeterminate="true"></cui-progress>
+             * @cssprop --cui-progress-track-color - Colour of the unfilled track.
+             * @cssprop --cui-progress-indicator-color - Colour of the filled portion, for status bars in another intent.
+             */
+            "cui-progress": LocalJSX.IntrinsicElements["cui-progress"] & JSXBase.HTMLAttributes<HTMLCuiProgressElement>;
             /**
              * A Tag component for displaying status labels or counts.
              * @example <cui-tag variant="positive" label="Active"></cui-tag>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alleninstitute/cortex-ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "A web components UI library for Allen Institute projects, built with Stencil.js.",
   "contributors": [
     {

package/dist/cortex-ui/p-C70YK15K.js

@@ -1,2 +0,0 @@
-const e=()=>{},i=":root{--cui-light-blue-100:#ededff;--cui-light-blue-200:#ddddfe;--cui-light-blue-300:#bcbcfe;--cui-light-blue-400:#9898fc;--cui-light-blue-500:#7070ff;--cui-light-blue-600:#4c4cd9;--cui-light-blue-700:#30309f;--cui-light-blue-800:#121265;--cui-light-blue-900:#070756;--cui-light-gray-50:#ffffff;--cui-light-gray-75:#fafafa;--cui-light-gray-100:#f3f3f3;--cui-light-gray-200:#e5e5e5;--cui-light-gray-300:#c3c3c3;--cui-light-gray-400:#a3a3a3;--cui-light-gray-500:#828282;--cui-light-gray-600:#5b5b5b;--cui-light-gray-700:#3b3b3b;--cui-light-gray-800:#1b1b1b;--cui-light-gray-900:#101010;--cui-light-green-100:#d1fbf8;--cui-light-green-200:#b1f5f1;--cui-light-green-300:#7de0d9;--cui-light-green-400:#39d0c6;--cui-light-green-500:#02b1a5;--cui-light-green-600:#01867e;--cui-light-green-700:#015751;--cui-light-green-800:#042825;--cui-light-green-900:#011917;--cui-light-purple-100:#f0e7fd;--cui-light-purple-200:#e4d7fa;--cui-light-purple-300:#ccb4f2;--cui-light-purple-400:#a980ec;--cui-light-purple-500:#874fe2;--cui-light-purple-600:#743fca;--cui-light-purple-700:#4e2294;--cui-light-purple-800:#260f4c;--cui-light-purple-900:#1d0544;--cui-light-red-100:#fee6f0;--cui-light-red-200:#fad1e2;--cui-light-red-300:#ecabc5;--cui-light-red-400:#dc709b;--cui-light-red-500:#e0387c;--cui-light-red-600:#cd2568;--cui-light-red-700:#9b0b44;--cui-light-red-800:#4c0521;--cui-light-red-900:#2f0214;--cui-light-yellow-100:#fdefca;--cui-light-yellow-200:#fce197;--cui-light-yellow-300:#f6cf62;--cui-light-yellow-400:#e1ac1c;--cui-light-yellow-500:#d39c00;--cui-light-yellow-600:#926c04;--cui-light-yellow-700:#594202;--cui-light-yellow-800:#402f02;--cui-light-yellow-900:#2f2200;--cui-dark-blue-100:#070756;--cui-dark-blue-200:#121265;--cui-dark-blue-300:#30309f;--cui-dark-blue-400:#4c4cd9;--cui-dark-blue-500:#7070ff;--cui-dark-blue-600:#9898fc;--cui-dark-blue-700:#bcbcfe;--cui-dark-blue-800:#ddddfe;--cui-dark-blue-900:#ededff;--cui-dark-gray-50:#101010;--cui-dark-gray-75:#1b1b1b;--cui-dark-gray-100:#3b3b3b;--cui-dark-gray-200:#5b5b5b;--cui-dark-gray-300:#828282;--cui-dark-gray-400:#a3a3a3;--cui-dark-gray-500:#c3c3c3;--cui-dark-gray-600:#e5e5e5;--cui-dark-gray-700:#f3f3f3;--cui-dark-gray-800:#fafafa;--cui-dark-gray-900:#ffffff;--cui-dark-green-100:#011917;--cui-dark-green-200:#042825;--cui-dark-green-300:#015751;--cui-dark-green-400:#01867e;--cui-dark-green-500:#02b1a5;--cui-dark-green-600:#39d0c6;--cui-dark-green-700:#7de0d9;--cui-dark-green-800:#b1f5f1;--cui-dark-green-900:#d1fbf8;--cui-dark-purple-100:#151530;--cui-dark-purple-200:#260f4c;--cui-dark-purple-300:#4e2294;--cui-dark-purple-400:#743fca;--cui-dark-purple-500:#874fe2;--cui-dark-purple-600:#a980ec;--cui-dark-purple-700:#ccb4f2;--cui-dark-purple-800:#e4d7fa;--cui-dark-purple-900:#f0e7fd;--cui-dark-red-100:#2f0214;--cui-dark-red-200:#4c0521;--cui-dark-red-300:#9b0b44;--cui-dark-red-400:#cd2568;--cui-dark-red-500:#e0387c;--cui-dark-red-600:#dc709b;--cui-dark-red-700:#ecabc5;--cui-dark-red-800:#fad1e2;--cui-dark-red-900:#fee6f0;--cui-dark-yellow-100:#2f2200;--cui-dark-yellow-200:#402f02;--cui-dark-yellow-300:#594202;--cui-dark-yellow-400:#926c04;--cui-dark-yellow-500:#d39c00;--cui-dark-yellow-600:#e1ac1c;--cui-dark-yellow-700:#f6cf62;--cui-dark-yellow-800:#fce197;--cui-dark-yellow-900:#fdefca;--cui-blue-100:var(--cui-light-blue-100);--cui-blue-200:var(--cui-light-blue-200);--cui-blue-300:var(--cui-light-blue-300);--cui-blue-400:var(--cui-light-blue-400);--cui-blue-500:var(--cui-light-blue-500);--cui-blue-600:var(--cui-light-blue-600);--cui-blue-700:var(--cui-light-blue-700);--cui-blue-800:var(--cui-light-blue-800);--cui-blue-900:var(--cui-light-blue-900);--cui-gray-50:var(--cui-light-gray-50);--cui-gray-75:var(--cui-light-gray-75);--cui-gray-100:var(--cui-light-gray-100);--cui-gray-200:var(--cui-light-gray-200);--cui-gray-300:var(--cui-light-gray-300);--cui-gray-400:var(--cui-light-gray-400);--cui-gray-500:var(--cui-light-gray-500);--cui-gray-600:var(--cui-light-gray-600);--cui-gray-700:var(--cui-light-gray-700);--cui-gray-800:var(--cui-light-gray-800);--cui-gray-900:var(--cui-light-gray-900);--cui-green-100:var(--cui-light-green-100);--cui-green-200:var(--cui-light-green-200);--cui-green-300:var(--cui-light-green-300);--cui-green-400:var(--cui-light-green-400);--cui-green-500:var(--cui-light-green-500);--cui-green-600:var(--cui-light-green-600);--cui-green-700:var(--cui-light-green-700);--cui-green-800:var(--cui-light-green-800);--cui-green-900:var(--cui-light-green-900);--cui-purple-100:var(--cui-light-purple-100);--cui-purple-200:var(--cui-light-purple-200);--cui-purple-300:var(--cui-light-purple-300);--cui-purple-400:var(--cui-light-purple-400);--cui-purple-500:var(--cui-light-purple-500);--cui-purple-600:var(--cui-light-purple-600);--cui-purple-700:var(--cui-light-purple-700);--cui-purple-800:var(--cui-light-purple-800);--cui-purple-900:var(--cui-light-purple-900);--cui-red-100:var(--cui-light-red-100);--cui-red-200:var(--cui-light-red-200);--cui-red-300:var(--cui-light-red-300);--cui-red-400:var(--cui-light-red-400);--cui-red-500:var(--cui-light-red-500);--cui-red-600:var(--cui-light-red-600);--cui-red-700:var(--cui-light-red-700);--cui-red-800:var(--cui-light-red-800);--cui-red-900:var(--cui-light-red-900);--cui-yellow-100:var(--cui-light-yellow-100);--cui-yellow-200:var(--cui-light-yellow-200);--cui-yellow-300:var(--cui-light-yellow-300);--cui-yellow-400:var(--cui-light-yellow-400);--cui-yellow-500:var(--cui-light-yellow-500);--cui-yellow-600:var(--cui-light-yellow-600);--cui-yellow-700:var(--cui-light-yellow-700);--cui-yellow-800:var(--cui-light-yellow-800);--cui-yellow-900:var(--cui-light-yellow-900);--cui-base-bg:var(--cui-gray-50);--cui-base-bg-lvl-1:var(--cui-gray-75);--cui-base-bg-lvl-2:var(--cui-gray-100);--cui-base-text-primary:var(--cui-gray-900);--cui-base-text-secondary:var(--cui-gray-700);--cui-base-text-inverted:var(--cui-gray-50);--cui-base-border:var(--cui-gray-200);--cui-accent:var(--cui-blue-500);--cui-accent-bg:var(--cui-blue-100);--cui-accent-border:var(--cui-blue-300);--cui-accent-text:var(--cui-blue-800);--cui-positive:var(--cui-green-500);--cui-positive-bg:var(--cui-green-100);--cui-positive-border:var(--cui-green-300);--cui-positive-text:var(--cui-green-800);--cui-warning:var(--cui-yellow-500);--cui-warning-bg:var(--cui-yellow-100);--cui-warning-border:var(--cui-yellow-300);--cui-warning-text:var(--cui-yellow-800);--cui-negative:var(--cui-red-500);--cui-negative-bg:var(--cui-red-100);--cui-negative-border:var(--cui-red-300);--cui-negative-text:var(--cui-red-800);--cui-neutral:var(--cui-gray-500);--cui-neutral-bg:var(--cui-gray-100);--cui-neutral-border:var(--cui-gray-300);--cui-neutral-text:var(--cui-gray-800);--cui-highlight:var(--cui-purple-500);--cui-highlight-bg:var(--cui-purple-100);--cui-highlight-border:var(--cui-purple-300);--cui-highlight-text:var(--cui-purple-800);--cui-info:var(--cui-blue-500);--cui-info-bg:var(--cui-blue-100);--cui-info-border:var(--cui-blue-300);--cui-info-text:var(--cui-blue-800);--cui-font-family-base:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;--cui-font-family-mono:'SF Mono', 'Fira Code', 'Fira Mono', Menlo, Consolas, monospace;--cui-font-size-xxs:10px;--cui-font-size-xs:12px;--cui-font-size-sm:14px;--cui-font-size-md:16px;--cui-font-size-lg:18px;--cui-font-size-xl:24px;--cui-font-weight-normal:400;--cui-font-weight-medium:500;--cui-font-weight-semibold:600;--cui-font-weight-bold:700;--cui-line-height-tight:1.2;--cui-line-height-base:1.4;--cui-spacing-xxs:2px;--cui-spacing-xs:4px;--cui-spacing-sm:8px;--cui-spacing-md:12px;--cui-spacing-lg:20px;--cui-spacing-xl:32px;--cui-spacing-xxl:48px;--cui-radius-sm:4px;--cui-radius-md:6px;--cui-radius-lg:8px;--cui-radius-full:9999px;--cui-shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--cui-shadow-md:0 2px 4px rgba(0, 0, 0, 0.1);--cui-shadow-lg:0 4px 12px rgba(0, 0, 0, 0.15);--cui-transition-fast:160ms ease;--cui-transition-base:240ms ease;--cui-transition-slow:320ms ease}:root[data-theme=dark]{--cui-blue-100:var(--cui-dark-blue-100);--cui-blue-200:var(--cui-dark-blue-200);--cui-blue-300:var(--cui-dark-blue-300);--cui-blue-400:var(--cui-dark-blue-400);--cui-blue-500:var(--cui-dark-blue-500);--cui-blue-600:var(--cui-dark-blue-600);--cui-blue-700:var(--cui-dark-blue-700);--cui-blue-800:var(--cui-dark-blue-800);--cui-blue-900:var(--cui-dark-blue-900);--cui-gray-50:var(--cui-dark-gray-50);--cui-gray-75:var(--cui-dark-gray-75);--cui-gray-100:var(--cui-dark-gray-100);--cui-gray-200:var(--cui-dark-gray-200);--cui-gray-300:var(--cui-dark-gray-300);--cui-gray-400:var(--cui-dark-gray-400);--cui-gray-500:var(--cui-dark-gray-500);--cui-gray-600:var(--cui-dark-gray-600);--cui-gray-700:var(--cui-dark-gray-700);--cui-gray-800:var(--cui-dark-gray-800);--cui-gray-900:var(--cui-dark-gray-900);--cui-green-100:var(--cui-dark-green-100);--cui-green-200:var(--cui-dark-green-200);--cui-green-300:var(--cui-dark-green-300);--cui-green-400:var(--cui-dark-green-400);--cui-green-500:var(--cui-dark-green-500);--cui-green-600:var(--cui-dark-green-600);--cui-green-700:var(--cui-dark-green-700);--cui-green-800:var(--cui-dark-green-800);--cui-green-900:var(--cui-dark-green-900);--cui-purple-100:var(--cui-dark-purple-100);--cui-purple-200:var(--cui-dark-purple-200);--cui-purple-300:var(--cui-dark-purple-300);--cui-purple-400:var(--cui-dark-purple-400);--cui-purple-500:var(--cui-dark-purple-500);--cui-purple-600:var(--cui-dark-purple-600);--cui-purple-700:var(--cui-dark-purple-700);--cui-purple-800:var(--cui-dark-purple-800);--cui-purple-900:var(--cui-dark-purple-900);--cui-red-100:var(--cui-dark-red-100);--cui-red-200:var(--cui-dark-red-200);--cui-red-300:var(--cui-dark-red-300);--cui-red-400:var(--cui-dark-red-400);--cui-red-500:var(--cui-dark-red-500);--cui-red-600:var(--cui-dark-red-600);--cui-red-700:var(--cui-dark-red-700);--cui-red-800:var(--cui-dark-red-800);--cui-red-900:var(--cui-dark-red-900);--cui-yellow-100:var(--cui-dark-yellow-100);--cui-yellow-200:var(--cui-dark-yellow-200);--cui-yellow-300:var(--cui-dark-yellow-300);--cui-yellow-400:var(--cui-dark-yellow-400);--cui-yellow-500:var(--cui-dark-yellow-500);--cui-yellow-600:var(--cui-dark-yellow-600);--cui-yellow-700:var(--cui-dark-yellow-700);--cui-yellow-800:var(--cui-dark-yellow-800);--cui-yellow-900:var(--cui-dark-yellow-900);--cui-base-text-secondary:var(--cui-gray-600)}*,*::before,*::after{box-sizing:border-box}html{font-family:var(--cui-font-family-base);font-size:var(--cui-font-size-md);line-height:var(--cui-line-height-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;color:var(--cui-base-text-secondary);background:var(--cui-base-bg)}a{color:var(--cui-accent-text)}";function r(e,i,r){const u="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;e&&e!==u;){const u=Object.getOwnPropertyDescriptor(e,i);if(u&&(!r||u.get))return u;e=Object.getPrototypeOf(e)}}var u,c=(e,i)=>{var u;Object.entries(null!=(u=i.u.i)?u:{}).map((([u,[c]])=>{if(31&c||32&c){const c=e[u],l=r(Object.getPrototypeOf(e),u,!0)||Object.getOwnPropertyDescriptor(e,u);l&&Object.defineProperty(e,u,{get(){return l.get.call(this)},set(e){l.set.call(this,e)},configurable:!0,enumerable:!0}),i.l.has(u)?e[u]=i.l.get(u):void 0!==c&&(e[u]=c)}}))},l=e=>{if(e.__stencil__getHostRef)return e.__stencil__getHostRef()},t=(e,i)=>{i&&(e.__stencil__getHostRef=()=>i,i.t=e,512&i.u.o&&c(e,i))},a=(e,i)=>(0,console.error)(e,i),n=new Map,o=new Map,d="undefined"!=typeof window?window:{},s={o:0,p:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,i,r,u)=>e.addEventListener(i,r,u),rel:(e,i,r,u)=>e.removeEventListener(i,r,u),ce:(e,i)=>new CustomEvent(e,i)},g=e=>Promise.resolve(e),f=(()=>{try{return!!d.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(e){}return!1})(),p=!!f&&(()=>!!d.document&&Object.getOwnPropertyDescriptor(d.document.adoptedStyleSheets,"length").writable)(),h=!1,v=[],y=[],b=(e,i)=>r=>{e.push(r),h||(h=!0,i&&4&s.o?m(w):s.raf(w))},k=e=>{for(let i=0;i<e.length;i++)try{e[i](performance.now())}catch(e){a(e)}e.length=0},w=()=>{k(v),k(y),(h=v.length>0)&&s.raf(w)},m=e=>g().then(e),x=b(y,!0);function $(){var e;const r=this.attachShadow({mode:"open"});if(void 0===u&&(u=null!=(e=function(e){if(!f)return;const i=new CSSStyleSheet;return i.replaceSync(e),i}(i))?e:null),u)p?r.adoptedStyleSheets.push(u):r.adoptedStyleSheets=[...r.adoptedStyleSheets,u];else if(!f){const e=document.createElement("style");e.innerHTML=i,r.prepend(e)}}function S(e){var i,r,u;return null!=(u=null==(r=null==(i=e.head)?void 0:i.querySelector('meta[name="csp-nonce"]'))?void 0:r.getAttribute("content"))?u:void 0}var j,O=new WeakMap,M=e=>"sc-"+e.h,C=e=>"object"==(e=typeof e)||"function"===e,E=(e,i,...r)=>{let u=null,c=null,l=!1,t=!1;const a=[],n=i=>{for(let r=0;r<i.length;r++)u=i[r],Array.isArray(u)?n(u):null!=u&&"boolean"!=typeof u&&((l="function"!=typeof e&&!C(u))&&(u+=""),l&&t?a[a.length-1].v+=u:a.push(l?z(null,u):u),t=l)};if(n(r),i){i.key&&(c=i.key);{const e=i.className||i.class;e&&(i.class="object"!=typeof e?e:Object.keys(e).filter((i=>e[i])).join(" "))}}const o=z(e,null);return o.k=i,a.length>0&&(o.m=a),o.$=c,o},z=(e,i)=>({o:0,S:e,v:null!=i?i:null,j:null,m:null,k:null,$:null}),L={},R=(e,i)=>null==e||C(e)?e:1&i?e+"":e,U=(e,i,r,u)=>{if(r!==u&&(i.toLowerCase(),"class"===i)){const i=e.classList,c=F(r);let l=F(u);i.remove(...c.filter((e=>e&&!l.includes(e)))),i.add(...l.filter((e=>e&&!c.includes(e))))}},D=/\s/,F=e=>("object"==typeof e&&e&&"baseVal"in e&&(e=e.baseVal),e&&"string"==typeof e?e.split(D):[]),H=(e,i)=>{const r=11===i.j.nodeType&&i.j.host?i.j.host:i.j,u=e&&e.k||{},c=i.k||{};for(const e of N(Object.keys(u)))e in c||U(r,e,u[e],void 0);for(const e of N(Object.keys(c)))U(r,e,u[e],c[e])};function N(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var P=(e,i,r)=>{const u=i.m[r];let c,l,t=0;if(null!=u.v)c=u.j=d.document.createTextNode(u.v);else{if(!d.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(c=u.j=d.document.createElement(u.S),H(null,u),u.m){const i="template"===u.S?c.content:c;for(t=0;t<u.m.length;++t)l=P(e,u,t),l&&i.appendChild(l)}}return c["s-hn"]=j,c},T=(e,i,r,u,c,l)=>{let t,a=e;for(a.shadowRoot&&a.tagName===j&&(a=a.shadowRoot),"template"===r.S&&(a=a.content);c<=l;++c)u[c]&&(t=P(null,r,c),t&&(u[c].j=t,q(a,t,i)))},A=(e,i,r)=>{for(let u=i;u<=r;++u){const i=e[u];if(i){const e=i.j;e&&e.remove()}}},W=(e,i,r=!1)=>e.S===i.S&&(r?(r&&!e.$&&i.$&&(e.$=i.$),!0):e.$===i.$),V=(e,i,r=!1)=>{const u=i.j=e.j,c=e.m,l=i.m,t=i.v;null==t?(H(e,i),null!==c&&null!==l?((e,i,r,u,c=!1)=>{let l,t,a=0,n=0,o=0,d=0,s=i.length-1,g=i[0],f=i[s],p=u.length-1,h=u[0],v=u[p];const y="template"===r.S?e.content:e;for(;a<=s&&n<=p;)if(null==g)g=i[++a];else if(null==f)f=i[--s];else if(null==h)h=u[++n];else if(null==v)v=u[--p];else if(W(g,h,c))V(g,h,c),g=i[++a],h=u[++n];else if(W(f,v,c))V(f,v,c),f=i[--s],v=u[--p];else if(W(g,v,c))V(g,v,c),q(y,g.j,f.j.nextSibling),g=i[++a],v=u[--p];else if(W(f,h,c))V(f,h,c),q(y,f.j,g.j),f=i[--s],h=u[++n];else{for(o=-1,d=a;d<=s;++d)if(i[d]&&null!==i[d].$&&i[d].$===h.$){o=d;break}o>=0?(t=i[o],t.S!==h.S?l=P(i&&i[n],r,o):(V(t,h,c),i[o]=void 0,l=t.j),h=u[++n]):(l=P(i&&i[n],r,n),h=u[++n]),l&&q(g.j.parentNode,l,g.j)}a>s?T(e,null==u[p+1]?null:u[p+1].j,r,u,n,p):n>p&&A(i,a,s)})(u,c,i,l,r):null!==l?(null!==e.v&&(u.textContent=""),T(u,null,i,l,0,l.length-1)):!r&&null!==c&&A(c,0,c.length-1)):e.v!==t&&(u.data=t)},q=(e,i,r)=>e.__insertBefore?e.__insertBefore(i,r):null==e?void 0:e.insertBefore(i,r),B=(e,i)=>{if(i&&!e.O&&i["s-p"]){const r=i["s-p"].push(new Promise((u=>e.O=()=>{i["s-p"].splice(r-1,1),u()})))}},G=(e,i)=>{if(e.o|=16,4&e.o)return void(e.o|=512);B(e,e.M);const r=()=>I(e,i);if(!i)return x(r);queueMicrotask((()=>{r()}))},I=(e,i)=>{const r=e.$hostElement$,u=e.t;if(!u)throw Error(`Can't render component <${r.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let c;return i?(e.C.length&&e.C.forEach((e=>e(r))),c=Z(u,"componentWillLoad",void 0,r)):c=Z(u,"componentWillUpdate",void 0,r),c=Y(c,(()=>Z(u,"componentWillRender",void 0,r))),Y(c,(()=>J(e,u,i)))},Y=(e,i)=>_(e)?e.then(i).catch((e=>{console.error(e),i()})):i(),_=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,J=async(e,i,r)=>{var u;const c=e.$hostElement$,l=c["s-rc"];r&&(e=>{const i=e.u,r=e.$hostElement$,u=i.o,c=((e,i)=>{var r,u,c;const l=M(i),t=o.get(l);if(!d.document)return l;if(e=11===e.nodeType?e:d.document,t)if("string"==typeof t){let c,a=O.get(e=e.head||e);if(a||O.set(e,a=new Set),!a.has(l)){c=d.document.createElement("style"),c.textContent=t;const n=null!=(r=s.L)?r:S(d.document);if(null!=n&&c.setAttribute("nonce",n),!(1&i.o))if("HEAD"===e.nodeName){const i=e.querySelectorAll("link[rel=preconnect]"),r=i.length>0?i[i.length-1].nextSibling:e.querySelector("style");e.insertBefore(c,(null==r?void 0:r.parentNode)===e?r:null)}else if("host"in e)if(f){const i=new(null!=(u=e.defaultView)?u:e.ownerDocument.defaultView).CSSStyleSheet;i.replaceSync(t),p?e.adoptedStyleSheets.unshift(i):e.adoptedStyleSheets=[i,...e.adoptedStyleSheets]}else{const i=e.querySelector("style");i?i.textContent=t+i.textContent:e.prepend(c)}else e.append(c);1&i.o&&e.insertBefore(c,null),4&i.o&&(c.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),a&&a.add(l)}}else{let i=O.get(e);if(i||O.set(e,i=new Set),!i.has(l)){const r=null!=(c=e.defaultView)?c:e.ownerDocument.defaultView;let u;if(t.constructor===r.CSSStyleSheet)u=t;else{u=new r.CSSStyleSheet;for(let e=0;e<t.cssRules.length;e++)u.insertRule(t.cssRules[e].cssText,e)}p?e.adoptedStyleSheets.push(u):e.adoptedStyleSheets=[...e.adoptedStyleSheets,u],i.add(l)}}return l})(r.shadowRoot?r.shadowRoot:r.getRootNode(),i);10&u&&(r["s-sc"]=c,r.classList.add(c+"-h"))})(e);K(e,i,c,r),l&&(l.map((e=>e())),c["s-rc"]=void 0);{const i=null!=(u=c["s-p"])?u:[],r=()=>Q(e);0===i.length?r():(Promise.all(i).then(r).catch(r),e.o|=4,i.length=0)}},K=(e,i,r,u)=>{try{i=i.render(),e.o&=-17,e.o|=2,((e,i,r=!1)=>{const u=e.$hostElement$,c=e.R||z(null,null),l=(e=>e&&e.S===L)(i)?i:E(null,null,i);if(j=u.tagName,r&&l.k)for(const e of Object.keys(l.k))u.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(l.k[e]=u[e]);l.S=null,l.o|=4,e.R=l,l.j=c.j=u.shadowRoot||u,V(c,l,r)})(e,i,u)}catch(i){a(i,e.$hostElement$)}return null},Q=e=>{const i=e.$hostElement$,r=e.t,u=e.M;Z(r,"componentDidRender",void 0,i),64&e.o?Z(r,"componentDidUpdate",void 0,i):(e.o|=64,ee(i),Z(r,"componentDidLoad",void 0,i),e.U(i),u||X()),e.O&&(e.O(),e.O=void 0),512&e.o&&m((()=>G(e,!1))),e.o&=-517},X=()=>{m((()=>(e=>{const i=s.ce("appload",{detail:{namespace:"cortex-ui"}});return e.dispatchEvent(i),i})(d)))},Z=(e,i,r,u)=>{if(e&&e[i])try{return e[i](r)}catch(e){a(e,u)}},ee=e=>e.classList.add("hydrated"),ie=(e,i,r,u)=>{const c=l(e);if(!c)return;if(!c)throw Error(`Couldn't find host element for "${u.h}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const t=c.l.get(i),a=c.o,n=c.t;if(r=R(r,u.i[i][0]),(!(8&a)||void 0===t)&&r!==t&&(!Number.isNaN(t)||!Number.isNaN(r))&&(c.l.set(i,r),2&a)){if(n.componentShouldUpdate&&!1===n.componentShouldUpdate(r,t,i)&&!(16&a))return;16&a||G(c,!1)}},re=(e,i,u)=>{var c,t;const a=e.prototype;if(i.i){const n=Object.entries(null!=(c=i.i)?c:{});if(n.map((([e,[c]])=>{if(31&c||2&u&&32&c){const{get:t,set:n}=r(a,e)||{};t&&(i.i[e][0]|=2048),n&&(i.i[e][0]|=4096),(1&u||!t)&&Object.defineProperty(a,e,{get(){{if(!(2048&i.i[e][0]))return((e,i)=>l(this).l.get(i))(0,e);const r=l(this),u=r?r.t:a;if(!u)return;return u[e]}},configurable:!0,enumerable:!0}),Object.defineProperty(a,e,{set(r){const t=l(this);if(t){if(n)return void 0===(32&c?this[e]:t.$hostElement$[e])&&t.l.get(e)&&(r=t.l.get(e)),n.call(this,R(r,c)),void ie(this,e,r=32&c?this[e]:t.$hostElement$[e],i);{if(!(1&u&&4096&i.i[e][0]))return ie(this,e,r,i),void(1&u&&!t.t&&t.C.push((()=>{4096&i.i[e][0]&&t.t[e]!==t.l.get(e)&&(t.t[e]=r)})));const l=()=>{const u=t.t[e];!t.l.get(e)&&u&&t.l.set(e,u),t.t[e]=R(r,c),ie(this,e,t.t[e],i)};t.t?l():t.C.push((()=>{l()}))}}}})}})),1&u){const r=new Map;a.attributeChangedCallback=function(e,u,c){s.jmp((()=>{var t;const o=r.get(e),d=l(this);if(this.hasOwnProperty(o)&&(c=this[o],delete this[o]),a.hasOwnProperty(o)&&"number"==typeof this[o]&&this[o]==c)return;if(null==o){const r=null==d?void 0:d.o;if(d&&r&&!(8&r)&&c!==u){const l=d.t,a=null==(t=i.D)?void 0:t[e];null==a||a.forEach((i=>{const[[t,a]]=Object.entries(i);null!=l[t]&&(128&r||1&a)&&l[t].call(l,c,u,e)}))}return}const s=n.find((([e])=>e===o)),g=s&&4&s[1][0],f=g&&null===c&&void 0===this[o];g&&(c=null!==c&&"false"!==c);const p=Object.getOwnPropertyDescriptor(a,o);f||c==this[o]||p.get&&!p.set||(this[o]=c)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(t=i.D)?t:{}),...n.filter((([e,i])=>31&i[0])).map((([e,i])=>{const u=i[1]||e;return r.set(u,e),u}))]))}}return e},ue=(e,i)=>{Z(e,"connectedCallback",void 0,i)},ce=(e,i)=>{Z(e,"disconnectedCallback",void 0,i||e)},le=(e,i={})=>{var r;if(!d.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const u=[],c=i.exclude||[],t=d.customElements,g=d.document.head,p=g.querySelector("meta[charset]"),h=d.document.createElement("style"),v=[];let y,b=!0;if(Object.assign(s,i),s.p=new URL(i.resourcesUrl||"./",d.document.baseURI).href,e.map((e=>{e[1].map((i=>{const r={o:i[0],h:i[1],i:i[2],F:i[3]};r.i=i[2];const d=r.h,g=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(e){if(super(e),((e,i)=>{const r={o:0,$hostElement$:e,u:i,l:new Map,H:new Map};r.N=new Promise((e=>r.U=e)),e["s-p"]=[],e["s-rc"]=[],r.C=[];const u=r;e.__stencil__getHostRef=()=>u})(e=this,r),1&r.o)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${r.h}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else $.call(e,r)}connectedCallback(){l(this)&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0),y&&(clearTimeout(y),y=null),b?v.push(this):s.jmp((()=>(e=>{if(!(1&s.o)){const i=l(e);if(!i)return;const r=i.u,u=()=>{};if(1&i.o)(null==i?void 0:i.t)?ue(i.t,e):(null==i?void 0:i.N)&&i.N.then((()=>ue(i.t,e)));else{i.o|=1;{let r=e;for(;r=r.parentNode||r.host;)if(r["s-p"]){B(i,i.M=r);break}}r.i&&Object.entries(r.i).map((([i,[r]])=>{if(31&r&&Object.prototype.hasOwnProperty.call(e,i)){const r=e[i];delete e[i],e[i]=r}})),(async(e,i,r)=>{let u;try{if(!(32&i.o)){if(i.o|=32,r.P){const c=((e,i)=>{const r=e.h.replace(/-/g,"_"),u=e.P;if(!u)return;const c=n.get(u);return c?c[r]:import(`./${u}.entry.js`).then((e=>(n.set(u,e),e[r])),(e=>{a(e,i.$hostElement$)}))
-/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(r,i);if(c&&"then"in c){const e=()=>{};u=await c,e()}else u=c;if(!u)throw Error(`Constructor for "${r.h}#${i.T}" was not found`);u.isProxied||(re(u,r,2),u.isProxied=!0);const l=()=>{};i.o|=8;try{new u(i)}catch(i){a(i,e)}i.o&=-9,l(),ue(i.t,e)}else u=e.constructor,customElements.whenDefined(e.localName).then((()=>i.o|=128));if(u&&u.style){let e;"string"==typeof u.style&&(e=u.style);const i=M(r);if(!o.has(i)){const u=()=>{};((e,i,r)=>{let u=o.get(e);f&&r?(u=u||new CSSStyleSheet,"string"==typeof u?u=i:u.replaceSync(i)):u=i,o.set(e,u)})(i,e,!!(1&r.o)),u()}}}const c=i.M,l=()=>G(i,!0);c&&c["s-rc"]?c["s-rc"].push(l):l()}catch(r){a(r,e),i.O&&(i.O(),i.O=void 0),i.U&&i.U(e)}})(e,i,r)}u()}})(this))))}disconnectedCallback(){s.jmp((()=>(async e=>{if(!(1&s.o)){const i=l(e);(null==i?void 0:i.t)?ce(i.t,e):(null==i?void 0:i.N)&&i.N.then((()=>ce(i.t,e)))}O.has(e)&&O.delete(e),e.shadowRoot&&O.has(e.shadowRoot)&&O.delete(e.shadowRoot)})(this))),s.raf((()=>{var e;const i=l(this);if(!i)return;const r=v.findIndex((e=>e===this));r>-1&&v.splice(r,1),(null==(e=null==i?void 0:i.R)?void 0:e.j)instanceof Node&&!i.R.j.isConnected&&delete i.R.j}))}componentOnReady(){var e;return null==(e=l(this))?void 0:e.N}};r.P=e[0],c.includes(d)||t.get(d)||(u.push(d),t.define(d,re(g,r,1)))}))})),u.length>0&&(h.textContent+=u.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",h.innerHTML.length)){h.setAttribute("data-styles","");const e=null!=(r=s.L)?r:S(d.document);null!=e&&h.setAttribute("nonce",e),g.insertBefore(h,p?p.nextSibling:g.firstChild)}b=!1,v.length?v.map((e=>e.connectedCallback())):s.jmp((()=>y=setTimeout(X,30)))},te=e=>s.L=e;export{le as b,e as g,E as h,g as p,t as r,te as s}