proto-daisy-ui 0.0.337 → 0.0.338

package/dist/cjs/{index-a4292e5a.js → index-997f721f.js}

@@ -107,6 +107,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -134,6 +135,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -156,6 +160,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -177,6 +184,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -406,6 +416,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             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 === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -724,6 +736,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -731,6 +745,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -797,7 +812,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -847,6 +896,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1645,8 +1702,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
+const index = require('./index-997f721f.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/proto-daisy-ui.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const protoDaisyUiCss = ":root,[data-theme]{background-color:var(--fallback-b1, oklch(var(--b1) / 1));color:var(--fallback-bc, oklch(var(--bc) / 1))}@supports not (color: oklch(0 0 0)){:root{color-scheme:light;--fallback-p:#491eff;--fallback-pc:#d4dbff;--fallback-s:#ff41c7;--fallback-sc:#fff9fc;--fallback-a:#00cfbd;--fallback-ac:#00100d;--fallback-n:#2b3440;--fallback-nc:#d7dde4;--fallback-b1:#ffffff;--fallback-b2:#e5e6e6;--fallback-b3:#e5e6e6;--fallback-bc:#1f2937;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--fallback-p:#7582ff;--fallback-pc:#050617;--fallback-s:#ff71cf;--fallback-sc:#190211;--fallback-a:#00c7b5;--fallback-ac:#000e0c;--fallback-n:#2a323c;--fallback-nc:#a6adbb;--fallback-b1:#1d232a;--fallback-b2:#191e24;--fallback-b3:#15191e;--fallback-bc:#a6adbb;--fallback-in:#00b3f0;--fallback-inc:#000000;--fallback-su:#00ca92;--fallback-suc:#000000;--fallback-wa:#ffc22d;--fallback-wac:#000000;--fallback-er:#ff6f70;--fallback-erc:#000000}}}html{-webkit-tap-highlight-color:transparent}:root{color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.89824 0.06192 275.75;--ac:0.15352 0.0368 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.4912 0.3096 275.75;--s:0.6971 0.329 342.55;--sc:0.9871 0.0106 342.55;--a:0.7676 0.184 183.61;--n:0.321785 0.02476 255.701624;--nc:0.894994 0.011585 252.096176;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.924169 0.00108 197.137559;--bc:0.278078 0.029596 256.847952}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.13138 0.0392 275.75;--sc:0.1496 0.052 342.55;--ac:0.14902 0.0334 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6569 0.196 275.75;--s:0.748 0.26 342.55;--a:0.7451 0.167 183.61;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964}}[data-theme='light']{color-scheme:light;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.89824 0.06192 275.75;--ac:0.15352 0.0368 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.4912 0.3096 275.75;--s:0.6971 0.329 342.55;--sc:0.9871 0.0106 342.55;--a:0.7676 0.184 183.61;--n:0.321785 0.02476 255.701624;--nc:0.894994 0.011585 252.096176;--b1:1 0 0;--b2:0.961151 0 0;--b3:0.924169 0.00108 197.137559;--bc:0.278078 0.029596 256.847952}[data-theme='dark']{color-scheme:dark;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.13138 0.0392 275.75;--sc:0.1496 0.052 342.55;--ac:0.14902 0.0334 183.61;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.6569 0.196 275.75;--s:0.748 0.26 342.55;--a:0.7451 0.167 183.61;--n:0.313815 0.021108 254.139175;--nc:0.746477 0.0216 264.435964;--b1:0.253267 0.015896 252.417568;--b2:0.232607 0.013807 253.100675;--b3:0.211484 0.01165 254.087939;--bc:0.746477 0.0216 264.435964}[data-theme='aqua']{color-scheme:dark;--b2:0.453464 0.118611 261.181672;--b3:0.419333 0.109683 261.181672;--bc:0.897519 0.025508 261.181672;--sc:0.121365 0.02175 309.782946;--ac:0.186854 0.020445 94.555431;--nc:0.122124 0.023402 243.760661;--inc:0.90923 0.043042 262.880917;--suc:0.12541 0.033982 149.213788;--wac:0.133168 0.031484 58.31834;--erc:0.1479 0.038 27.33;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.856617 0.14498 198.6458;--pc:0.401249 0.068266 197.603872;--s:0.606827 0.108752 309.782946;--a:0.934269 0.102225 94.555431;--n:0.610622 0.117009 243.760661;--b1:0.487596 0.127539 261.181672;--in:0.54615 0.215208 262.880917;--su:0.627052 0.169912 149.213788;--wa:0.66584 0.157422 58.31834;--er:0.7395 0.19 27.33}[data-theme='business']{color-scheme:dark;--b2:0.226487 0 0;--b3:0.20944 0 0;--bc:0.848707 0 0;--pc:0.883407 0.019811 251.473931;--sc:0.128185 0.005481 229.389418;--ac:0.134542 0.033545 35.791525;--nc:0.854882 0.00265 253.041249;--inc:0.125233 0.028702 240.033697;--suc:0.140454 0.018919 156.59611;--wac:0.154965 0.023141 81.519177;--erc:0.903221 0.029356 29.674507;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.417036 0.099057 251.473931;--s:0.640924 0.027405 229.389418;--a:0.67271 0.167726 35.791525;--n:0.27441 0.01325 253.041249;--b1:0.243535 0 0;--in:0.626163 0.143511 240.033697;--su:0.702268 0.094594 156.59611;--wa:0.774824 0.115704 81.519177;--er:0.516105 0.14678 29.674507;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem}[data-theme='corporate']{color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.12078 0.0456 269.1;--sc:0.130739 0.010951 256.688055;--ac:0.153934 0.022799 163.57888;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--border-btn:1px;--tab-border:1px;--p:0.6039 0.228 269.1;--s:0.653694 0.054756 256.688055;--a:0.769669 0.113994 163.57888;--n:0.223899 0.031305 278.07229;--nc:0.958796 0.008588 247.915135;--b1:1 0 0;--bc:0.223899 0.031305 278.07229;--rounded-box:0.25rem;--rounded-btn:0.125rem;--rounded-badge:0.125rem;--tab-radius:0.25rem;--animation-btn:0;--animation-input:0;--btn-focus-scale:1}[data-theme='fantasy']{color-scheme:light;--b2:0.93 0 0;--b3:0.86 0 0;--in:0.7206 0.191 231.6;--su:64.8% 0.15 160;--wa:0.8471 0.199 83.87;--er:0.7176 0.221 22.18;--pc:0.8749 0.0378 325.02;--sc:0.90784 0.0324 241.36;--ac:0.15196 0.0408 56.72;--nc:0.855616 0.005919 256.847952;--inc:0 0 0;--suc:0 0 0;--wac:0 0 0;--erc:0 0 0;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.3745 0.189 325.02;--s:0.5392 0.162 241.36;--a:0.7598 0.204 56.72;--n:0.278078 0.029596 256.847952;--b1:1 0 0;--bc:0.278078 0.029596 256.847952}[data-theme='night']{color-scheme:dark;--b2:0.193144 0.037037 265.754874;--b3:0.178606 0.034249 265.754874;--bc:0.841536 0.007965 265.754874;--pc:0.150703 0.027798 232.66148;--sc:0.136023 0.031661 276.934902;--ac:0.144721 0.035244 350.048739;--nc:0.855899 0.00737 260.030984;--suc:0.156904 0.026506 181.911977;--wac:0.166486 0.027912 82.95003;--erc:0.143572 0.034051 13.11834;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.753513 0.138989 232.66148;--s:0.680113 0.158303 276.934902;--a:0.723603 0.176218 350.048739;--n:0.279495 0.036848 260.030984;--b1:0.207682 0.039824 265.754874;--in:0.684553 0.148062 237.25135;--inc:0 0 0;--su:0.78452 0.132529 181.911977;--wa:0.832428 0.139558 82.95003;--er:0.717858 0.170255 13.11834}[data-theme='winter']{color-scheme:light;--pc:0.91372 0.051 257.57;--sc:0.885103 0.03222 282.339433;--ac:0.11988 0.038303 335.171434;--nc:0.839233 0.012704 257.651965;--inc:0.176255 0.017178 214.515264;--suc:0.160988 0.015404 197.823719;--wac:0.178345 0.009167 71.47031;--erc:0.146185 0.022037 20.076293;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:0.5686 0.255 257.57;--s:0.425516 0.161098 282.339433;--a:0.599398 0.191515 335.171434;--n:0.196166 0.063518 257.651965;--b1:1 0 0;--b2:0.974663 0.011947 259.822565;--b3:0.932686 0.016223 262.751375;--bc:0.418869 0.053885 255.824911;--in:0.881275 0.085888 214.515264;--su:0.804941 0.077019 197.823719;--wa:0.891725 0.045833 71.47031;--er:0.730926 0.110185 20.076293}[data-theme='wireframe']{color-scheme:light;--bc:0.2 0 0;--pc:0.156521 0 0;--sc:0.156521 0 0;--ac:0.156521 0 0;--nc:0.188014 0 0;--inc:0.890403 0.062643 264.052021;--suc:0.90395 0.035372 142.495339;--wac:0.141626 0.019994 108.702381;--erc:0.125591 0.051537 29.233885;--animation-btn:0.25s;--animation-input:0.2s;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;font-family:Chalkboard,\n    comic sans ms,\n    'sans-serif';--p:0.782604 0 0;--s:0.782604 0 0;--a:0.782604 0 0;--n:0.94007 0 0;--b1:1 0 0;--b2:0.949119 0 0;--b3:0.897547 0 0;--in:0.452014 0.313214 264.052021;--su:0.519752 0.176858 142.495339;--wa:0.708131 0.099969 108.702381;--er:0.627955 0.257683 29.233885;--rounded-box:0.2rem;--rounded-btn:0.2rem;--rounded-badge:0.2rem;--tab-radius:0.2rem}*,::before,::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.alert{display:grid;width:100%;grid-auto-flow:row;align-content:flex-start;align-items:center;justify-items:center;gap:1rem;text-align:center;border-radius:var(--rounded-box, 1rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));padding:1rem;--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));--alert-bg:var(--fallback-b2, oklch(var(--b2) / 1));--alert-bg-mix:var(--fallback-b1, oklch(var(--b1) / 1));background-color:var(--alert-bg)}@media (min-width: 640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto, 1fr);justify-items:start;text-align:start}}.badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n    backdrop-filter;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2, oklch(var(--b2) / var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)))}@media (hover: hover){.label a:hover{--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)))}.menu li>*:not(ul):not(.menu-title):not(details):active,.menu li>*:not(ul):not(.menu-title):not(details).active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)))}.table tr.hover:hover,.table tr.hover:nth-child(even):hover{--tw-bg-opacity:1;background-color:var(\n      --fallback-b2,\n      oklch(var(--b2) / var(--tw-bg-opacity))\n    )}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(even):hover{--tw-bg-opacity:1;background-color:var(\n      --fallback-b3,\n      oklch(var(--b3) / var(--tw-bg-opacity))\n    )}}.btn{display:inline-flex;height:3rem;min-height:3rem;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-radius:var(--rounded-btn, 0.5rem);border-color:transparent;border-color:oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity));padding-left:1rem;padding-right:1rem;text-align:center;font-size:0.875rem;line-height:1em;gap:0.5rem;font-weight:600;text-decoration-line:none;transition-duration:200ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);border-width:var(--border-btn, 1px);animation:button-pop var(--animation-btn, 0.25s) ease-out;transition-property:color, background-color, border-color, opacity,\n    box-shadow, transform;--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:var(--fallback-bc, oklch(var(--bc) / 1));background-color:oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity));--tw-bg-opacity:1;--tw-border-opacity:1}.btn-disabled,.btn[disabled],.btn:disabled{pointer-events:none}.btn-square{height:3rem;width:3rem;padding:0px}:where(.btn:is(input[type='checkbox'])),:where(.btn:is(input[type='radio'])){width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type='checkbox']):after,.btn:is(input[type='radio']):after{--tw-content:attr(aria-label);content:var(--tw-content)}.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}.divider:before,.divider:after{height:0.125rem;width:100%;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc, oklch(var(--bc) / 0.1))}.dropdown{position:relative;display:inline-block}.dropdown>*:not(summary):focus{outline:2px solid transparent;outline-offset:2px}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{visibility:hidden;opacity:0;transform-origin:top;--tw-scale-x:0.95;--tw-scale-y:0.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n    backdrop-filter;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms}.dropdown-end .dropdown-content{inset-inline-end:0px}.dropdown-left .dropdown-content{bottom:auto;inset-inline-end:100%;top:0px;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;inset-inline-start:100%;top:0px;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-right .dropdown-content{bottom:0px;top:auto}.dropdown-end.dropdown-left .dropdown-content{bottom:0px;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:focus-within .dropdown-content{visibility:visible;opacity:1}@media (hover: hover){.dropdown.dropdown-hover:hover .dropdown-content{visibility:visible;opacity:1}.btn:hover{--tw-border-opacity:1;border-color:var(\n      --fallback-b3,\n      oklch(var(--b3) / var(--tw-border-opacity))\n    );--tw-bg-opacity:1;background-color:var(\n      --fallback-b3,\n      oklch(var(--b3) / var(--tw-bg-opacity))\n    )}@supports (color: color-mix(in oklab, black, black)){.btn:hover{background-color:color-mix(\n        in oklab,\n        oklch(var(--btn-color, var(--b2)) / var(--tw-bg-opacity, 1)) 90%,\n        black\n      );border-color:color-mix(\n        in oklab,\n        oklch(var(--btn-color, var(--b2)) / var(--tw-border-opacity, 1)) 90%,\n        black\n      )}}@supports not (color: oklch(0 0 0)){.btn:hover{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost:hover{border-color:transparent}@supports (color: oklch(0 0 0)){.btn-ghost:hover{background-color:var(--fallback-bc, oklch(var(--bc) / 0.2))}}.btn-outline.btn-primary:hover{--tw-text-opacity:1;color:var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)))}@supports (color: color-mix(in oklab, black, black)){.btn-outline.btn-primary:hover{background-color:color-mix(\n        in oklab,\n        var(--fallback-p, oklch(var(--p) / 1)) 90%,\n        black\n      );border-color:color-mix(\n        in oklab,\n        var(--fallback-p, oklch(var(--p) / 1)) 90%,\n        black\n      )}}.btn-disabled:hover,.btn[disabled]:hover,.btn:disabled:hover{--tw-border-opacity:0;background-color:var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));--tw-text-opacity:0.2}@supports (color: color-mix(in oklab, black, black)){.btn:is(input[type='checkbox']:checked):hover,.btn:is(input[type='radio']:checked):hover{background-color:color-mix(\n        in oklab,\n        var(--fallback-p, oklch(var(--p) / 1)) 90%,\n        black\n      );border-color:color-mix(\n        in oklab,\n        var(--fallback-p, oklch(var(--p) / 1)) 90%,\n        black\n      )}}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n      rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n      scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{cursor:pointer;outline:2px solid transparent;outline-offset:2px}@supports (color: oklch(0 0 0)){:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(.active):hover,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{background-color:var(--fallback-bc, oklch(var(--bc) / 0.1))}}}.dropdown:is(details) summary::-webkit-details-marker{display:none}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start;-moz-column-gap:1rem;column-gap:1rem;row-gap:2.5rem;font-size:0.875rem;line-height:1.25rem}.footer>*{display:grid;place-items:start;gap:0.5rem}@media (min-width: 48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.label{display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;justify-content:space-between;padding-left:0.25rem;padding-right:0.25rem;padding-top:0.5rem;padding-bottom:0.5rem}.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center}.hero>*{grid-column-start:1;grid-row-start:1}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center;max-width:80rem;gap:1rem;padding:1rem}.join .dropdown .join-item:first-child:not(:last-child),.join *:first-child:not(:last-child) .dropdown .join-item{border-start-end-radius:inherit;border-end-end-radius:inherit}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:0.875rem;line-height:1.25rem;padding:0.5rem}.menu :where(li ul){position:relative;white-space:nowrap;margin-inline-start:1rem;padding-inline-start:0.5rem}.menu :where(li:not(.menu-title)>*:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){display:grid;grid-auto-flow:column;align-content:flex-start;align-items:center;gap:0.5rem;grid-auto-columns:minmax(auto, max-content) auto max-content;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--fallback-bc, oklch(var(--bc) / 0.3))}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){position:relative;display:flex;flex-shrink:0;flex-direction:column;flex-wrap:wrap;align-items:stretch}:where(.menu li) .badge{justify-self:end}.navbar{display:flex;align-items:center;padding:var(--navbar-padding, 0.5rem);min-height:4rem;width:100%}:where(.navbar>*){display:inline-flex;align-items:center}.progress{position:relative;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;height:0.5rem;border-radius:var(--rounded-box, 1rem);background-color:var(--fallback-bc, oklch(var(--bc) / 0.2))}.radial-progress{position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:9999px;background-color:transparent;vertical-align:middle;box-sizing:content-box;--value:0;--size:5rem;--thickness:calc(var(--size) / 10)}.radial-progress::-moz-progress-bar{-moz-appearance:none;appearance:none;background-color:transparent}.radial-progress::-webkit-progress-value{-webkit-appearance:none;appearance:none;background-color:transparent}.radial-progress::-webkit-progress-bar{-webkit-appearance:none;appearance:none;background-color:transparent}.radial-progress:before,.radial-progress:after{position:absolute;border-radius:9999px;content:''}.radial-progress:before{inset:0px;background:radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness)\n      var(--thickness) no-repeat,\n    conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);-webkit-mask:radial-gradient(\n    farthest-side,\n    #0000 calc(99% - var(--thickness)),\n    #000 calc(100% - var(--thickness))\n  );mask:radial-gradient(\n    farthest-side,\n    #0000 calc(99% - var(--thickness)),\n    #000 calc(100% - var(--thickness))\n  )}.radial-progress:after{inset:calc(50% - var(--thickness) / 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg))\n    translate(calc(var(--size) / 2 - 50%));background-color:currentColor}.stats{display:inline-grid;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)))}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{display:inline-grid;width:100%;grid-template-columns:repeat(1, 1fr);-moz-column-gap:1rem;column-gap:1rem;border-color:var(--fallback-bc, oklch(var(--bc) / var(--tw-border-opacity)));--tw-border-opacity:0.1;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem}.stat-title{grid-column-start:1;white-space:nowrap;color:var(--fallback-bc, oklch(var(--bc) / 0.6))}.stat-value{grid-column-start:1;white-space:nowrap;font-size:2.25rem;line-height:2.5rem;font-weight:800}.stat-desc{grid-column-start:1;white-space:nowrap;font-size:0.75rem;line-height:1rem;color:var(--fallback-bc, oklch(var(--bc) / 0.6))}.table{position:relative;width:100%;border-radius:var(--rounded-box, 1rem);text-align:left;font-size:0.875rem;line-height:1.25rem}.table :where(.table-pin-rows thead tr){position:sticky;top:0px;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)))}.table :where(.table-pin-rows tfoot tr){position:sticky;bottom:0px;z-index:1;--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)))}.table :where(.table-pin-cols tr th){position:sticky;left:0px;right:0px;--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)))}.alert-info{border-color:var(--fallback-in, oklch(var(--in) / 0.2));--tw-text-opacity:1;color:var(--fallback-inc, oklch(var(--inc) / var(--tw-text-opacity)));--alert-bg:var(--fallback-in, oklch(var(--in) / 1));--alert-bg-mix:var(--fallback-b1, oklch(var(--b1) / 1))}.btm-nav>*:where(.active){border-top-width:2px;--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)))}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}.btn:active:hover,.btn:active:focus{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale, 0.97))}@supports not (color: oklch(0 0 0)){.btn{background-color:var(--btn-color, var(--fallback-b2));border-color:var(--btn-color, var(--fallback-b2))}.btn-primary{--btn-color:var(--fallback-p)}}@supports (color: color-mix(in oklab, black, black)){.btn-outline.btn-primary.btn-active{background-color:color-mix(\n      in oklab,\n      var(--fallback-p, oklch(var(--p) / 1)) 90%,\n      black\n    );border-color:color-mix(\n      in oklab,\n      var(--fallback-p, oklch(var(--p) / 1)) 90%,\n      black\n    )}}.btn:focus-visible{outline-style:solid;outline-width:2px;outline-offset:2px}.btn-primary{--tw-text-opacity:1;color:var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)));outline-color:var(--fallback-p, oklch(var(--p) / 1))}@supports (color: oklch(0 0 0)){.btn-primary{--btn-color:var(--p)}}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);outline-color:currentColor}.btn-ghost.btn-active{border-color:transparent;background-color:var(--fallback-bc, oklch(var(--bc) / 0.2))}.btn-outline.btn-primary{--tw-text-opacity:1;color:var(--fallback-p, oklch(var(--p) / var(--tw-text-opacity)))}.btn-outline.btn-primary.btn-active{--tw-text-opacity:1;color:var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)))}.btn.btn-disabled,.btn[disabled],.btn:disabled{--tw-border-opacity:0;background-color:var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));--tw-bg-opacity:0.2;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));--tw-text-opacity:0.2}.btn:is(input[type='checkbox']:checked),.btn:is(input[type='radio']:checked){--tw-border-opacity:1;border-color:var(--fallback-p, oklch(var(--p) / var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p, oklch(var(--p) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc, oklch(var(--pc) / var(--tw-text-opacity)))}.btn:is(input[type='checkbox']:checked):focus-visible,.btn:is(input[type='radio']:checked):focus-visible{outline-color:var(--fallback-p, oklch(var(--p) / 1))}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale, 0.98))}40%{transform:scale(1.02)}100%{transform:scale(1)}}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0}}.divider:not(:empty){gap:1rem}.drawer-toggle:focus-visible~.drawer-content label.drawer-button{outline-style:solid;outline-width:2px;outline-offset:2px}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x), var(--tw-translate-y))\n    rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y))\n    scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}:where(.menu li:empty){--tw-bg-opacity:1;background-color:var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));opacity:0.1;margin:0.5rem 1rem;height:1px}.menu :where(li ul):before{position:absolute;bottom:0.75rem;inset-inline-start:0px;top:0.75rem;width:1px;--tw-bg-opacity:1;background-color:var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)));opacity:0.1;content:''}.menu :where(li:not(.menu-title)>*:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){border-radius:var(--rounded-btn, 0.5rem);padding-left:1rem;padding-right:1rem;padding-top:0.5rem;padding-bottom:0.5rem;text-align:start;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n    backdrop-filter;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-duration:200ms;text-wrap:balance}:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>*:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active).focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(summary):not(.active):focus,:where(.menu li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):is(summary):not(.active):focus-visible{cursor:pointer;background-color:var(--fallback-bc, oklch(var(--bc) / 0.1));--tw-text-opacity:1;color:var(--fallback-bc, oklch(var(--bc) / var(--tw-text-opacity)));outline:2px solid transparent;outline-offset:2px}.menu li>*:not(ul):not(.menu-title):not(details):active,.menu li>*:not(ul):not(.menu-title):not(details).active,.menu li>details>summary:active{--tw-bg-opacity:1;background-color:var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>details>summary):after,.menu :where(li>.menu-dropdown-toggle):after{justify-self:end;display:block;margin-top:-0.5rem;height:0.5rem;width:0.5rem;transform:rotate(45deg);transition-property:transform, margin-top;transition-duration:0.3s;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);content:'';transform-origin:75% 75%;box-shadow:2px 2px;pointer-events:none}.menu :where(li>details[open]>summary):after,.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after{transform:rotate(225deg);margin-top:0}@keyframes modal-pop{0%{opacity:0}}.progress::-moz-progress-bar{border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)))}.progress:indeterminate{--progress-color:var(--fallback-bc, oklch(var(--bc) / 1));background-image:repeating-linear-gradient(\n    90deg,\n    var(--progress-color) -1%,\n    var(--progress-color) 10%,\n    transparent 10%,\n    transparent 90%\n  );background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite}.progress::-webkit-progress-bar{border-radius:var(--rounded-box, 1rem);background-color:transparent}.progress::-webkit-progress-value{border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-bc, oklch(var(--bc) / var(--tw-bg-opacity)))}.progress:indeterminate::-moz-progress-bar{background-color:transparent;background-image:repeating-linear-gradient(\n    90deg,\n    var(--progress-color) -1%,\n    var(--progress-color) 10%,\n    transparent 10%,\n    transparent 90%\n  );background-size:200%;background-position-x:15%;animation:progress-loading 5s ease-in-out infinite}@keyframes progress-loading{50%{background-position-x:-115%}}@keyframes radiomark{0%{box-shadow:0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset,\n      0 0 0 12px var(--fallback-b1, oklch(var(--b1) / 1)) inset}50%{box-shadow:0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset,\n      0 0 0 3px var(--fallback-b1, oklch(var(--b1) / 1)) inset}100%{box-shadow:0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset,\n      0 0 0 4px var(--fallback-b1, oklch(var(--b1) / 1)) inset}}@keyframes rating-pop{0%{transform:translateY(-0.125em)}40%{transform:translateY(-0.125em)}100%{transform:translateY(0)}}@keyframes skeleton{from{background-position:150%}to{background-position:-50%}}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}:is([dir='rtl'] .stats>:not([hidden])~:not([hidden])){--tw-divide-x-reverse:1}:is([dir='rtl'] .table){text-align:right}.table :where(th,td){padding-left:1rem;padding-right:1rem;padding-top:0.75rem;padding-bottom:0.75rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(even),.table-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)))}.table-zebra tr.active,.table-zebra tr.active:nth-child(even),.table-zebra-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b3, oklch(var(--b3) / var(--tw-bg-opacity)))}.table :where(thead,tbody) :where(tr:not(:last-child)),.table :where(thead,tbody) :where(tr:first-child:last-child){border-bottom-width:1px;--tw-border-opacity:1;border-bottom-color:var(\n    --fallback-b2,\n    oklch(var(--b2) / var(--tw-border-opacity))\n  )}.table :where(thead,tfoot){white-space:nowrap;font-size:0.75rem;line-height:1rem;font-weight:700;color:var(--fallback-bc, oklch(var(--bc) / 0.6))}@keyframes toast-pop{0%{transform:scale(0.9);opacity:0}100%{transform:scale(1);opacity:1}}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.btn-square:where(.btn-xs){height:1.5rem;width:1.5rem;padding:0px}.btn-square:where(.btn-sm){height:2rem;width:2rem;padding:0px}.btn-square:where(.btn-md){height:3rem;width:3rem;padding:0px}.btn-square:where(.btn-lg){height:4rem;width:4rem;padding:0px}.divider-horizontal{flex-direction:column}.divider-horizontal:before{height:100%;width:0.125rem}.divider-horizontal:after{height:100%;width:0.125rem}.stats-vertical{grid-auto-flow:row}.tooltip{position:relative;display:inline-block;--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{position:absolute;pointer-events:none;z-index:1;content:var(--tw-content);--tw-content:attr(data-tip)}.tooltip:before,.tooltip-top:before{transform:translateX(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset)}.tooltip-left:before{transform:translateY(-50%);top:50%;left:auto;right:var(--tooltip-offset);bottom:auto}.tooltip-right:before{transform:translateY(-50%);top:50%;left:var(--tooltip-offset);right:auto;bottom:auto}.divider-horizontal{margin-left:1rem;margin-right:1rem;margin-top:0px;margin-bottom:0px;height:auto;width:1rem}.stats-vertical>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(0px * var(--tw-divide-x-reverse));border-left-width:calc(0px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.stats-vertical{overflow-y:auto}.tooltip{position:relative;display:inline-block;text-align:center;--tooltip-tail:0.1875rem;--tooltip-color:var(--fallback-n, oklch(var(--n) / 1));--tooltip-text-color:var(--fallback-nc, oklch(var(--nc) / 1));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail))}.tooltip:before,.tooltip:after{opacity:0;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    -webkit-backdrop-filter;transition-property:color, background-color, border-color,\n    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,\n    backdrop-filter;transition-property:color,\n    background-color,\n    border-color,\n    text-decoration-color,\n    fill,\n    stroke,\n    opacity,\n    box-shadow,\n    transform,\n    filter,\n    backdrop-filter,\n    -webkit-backdrop-filter;transition-delay:100ms;transition-duration:200ms;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.tooltip:after{position:absolute;content:'';border-style:solid;border-width:var(--tooltip-tail, 0);width:0;height:0;display:block}.tooltip:before{max-width:20rem;border-radius:0.25rem;padding-left:0.5rem;padding-right:0.5rem;padding-top:0.25rem;padding-bottom:0.25rem;font-size:0.875rem;line-height:1.25rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);width:-moz-max-content;width:max-content}.tooltip.tooltip-open:before{opacity:1;transition-delay:75ms}.tooltip.tooltip-open:after{opacity:1;transition-delay:75ms}.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:hover:after{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:before,.tooltip:not([data-tip]):hover:after{visibility:hidden;opacity:0}.tooltip:after,.tooltip-top:after{transform:translateX(-50%);border-color:var(--tooltip-color) transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset)}.tooltip-left:after{transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-color);top:50%;left:auto;right:calc(var(--tooltip-tail-offset) + 0.0625rem);bottom:auto}.tooltip-right:after{transform:translateY(-50%);border-color:transparent var(--tooltip-color) transparent transparent;top:50%;left:calc(var(--tooltip-tail-offset) + 0.0625rem);right:auto;bottom:auto}.tooltip-warning{--tooltip-color:var(--fallback-wa, oklch(var(--wa) / 1));--tooltip-text-color:var(--fallback-wac, oklch(var(--wac) / 1))}.m-1{margin:0.25rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-8{margin-right:2rem}.mt-0{margin-top:0px}.mt-1{margin-top:0.25rem}.mt-4{margin-top:1rem}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.min-h-screen{min-height:100vh}.w-40{width:10rem}.w-5{width:1.25rem}.w-52{width:13rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:0.25rem}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.overflow-x-auto{overflow-x:auto}.rounded-md{border-radius:0.375rem}.bg-accent{--tw-bg-opacity:1;background-color:var(--fallback-a, oklch(var(--a) / var(--tw-bg-opacity)))}.bg-base-100{--tw-bg-opacity:1;background-color:var(--fallback-b1, oklch(var(--b1) / var(--tw-bg-opacity)))}.bg-base-200{--tw-bg-opacity:1;background-color:var(--fallback-b2, oklch(var(--b2) / var(--tw-bg-opacity)))}.bg-clrs-slate{background-color:var(--clrs-slate, #708090)}.bg-neutral{--tw-bg-opacity:1;background-color:var(--fallback-n, oklch(var(--n) / var(--tw-bg-opacity)))}.bg-secondary{--tw-bg-opacity:1;background-color:var(--fallback-s, oklch(var(--s) / var(--tw-bg-opacity)))}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-2{padding:0.5rem}.p-4{padding:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-0{padding-top:0px}.text-center{text-align:center}.font-sans{font-family:ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji',\n    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'}.text-5xl{font-size:3rem;line-height:1}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.normal-case{text-transform:none}.text-accent-content{--tw-text-opacity:1;color:var(--fallback-ac, oklch(var(--ac) / var(--tw-text-opacity)))}.text-neutral-content{--tw-text-opacity:1;color:var(--fallback-nc, oklch(var(--nc) / var(--tw-text-opacity)))}.text-secondary{--tw-text-opacity:1;color:var(--fallback-s, oklch(var(--s) / var(--tw-text-opacity)))}.text-secondary-content{--tw-text-opacity:1;color:var(--fallback-sc, oklch(var(--sc) / var(--tw-text-opacity)))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),\n    0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1),\n    0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),\n    0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),\n    var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast)\n    var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate)\n    var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 1024px){.lg\\:stats-horizontal{grid-auto-flow:column}.lg\\:stats-horizontal>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.lg\\:stats-horizontal{overflow-x:auto}:is([dir='rtl'] .lg\\:stats-horizontal){--tw-divide-x-reverse:1}.lg\\:inline-block{display:inline-block}.lg\\:flex{display:flex}}";
 const ProtoDaisyUiStyle0 = protoDaisyUiCss;
@@ -19,7 +19,7 @@ const ProtoDaisyUi = class {
         const { login, theme } = store.state;
         const TAG = login ? 'proto-hero' : 'proto-shell';
         console.log('-- TAG:', login, theme, TAG);
-        return index.h(TAG, { theme: theme });
+        return index.h(TAG, { key: '0b26dde4945537a7321de2a1b84de49429886c51', theme: theme });
     }
 };
 ProtoDaisyUi.style = ProtoDaisyUiStyle0;

package/dist/cjs/proto-daisy-ui.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
+const index = require('./index-997f721f.js');
 
 /*
- Stencil Client Patch Browser v4.11.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.12.0 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('proto-daisy-ui.cjs.js', document.baseURI).href));

package/dist/cjs/proto-dial.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
+const index = require('./index-997f721f.js');
 
 const protoDialCss = "";
 const ProtoDialStyle0 = protoDialCss;
@@ -21,7 +21,7 @@ const ProtoDial = class {
         this.value = undefined;
     }
     render() {
-        return (index.h("div", { class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
+        return (index.h("div", { key: '8efb0d64196db4eed0e7a877cd20d22593147700', class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
     }
 };
 ProtoDial.style = ProtoDialStyle0;

package/dist/cjs/proto-hero.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const protoHeroCss = "proto-hero{}";
 const ProtoHeroStyle0 = protoHeroCss;
@@ -14,7 +14,7 @@ const ProtoHero = class {
         this.theme = 'light';
     }
     render() {
-        return (index.h("div", { class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, index.h("div", { class: "hero min-h-screen bg-base-200" }, index.h("div", { class: "hero-content text-center" }, index.h("div", { class: "max-w-md" }, index.h("h1", { class: "text-5xl font-bold" }, "Hello there"), index.h("p", { class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), index.h("button", { class: "btn-primary btn", onClick: () => store.actions.updateApp('proto-home') }, "Get Started"))))));
+        return (index.h("div", { key: '467e9f2e732c562da4cb10aff00990388760c0ee', class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, index.h("div", { key: '0b0bf2b095c3fa80c8d6c7553c75fa821d6691a1', class: "hero min-h-screen bg-base-200" }, index.h("div", { key: 'c39aeb73ae159ca3649930ff9f699d777d11f491', class: "hero-content text-center" }, index.h("div", { key: '9f00f9942e0c212755de638af5fbc19dac8ea2f9', class: "max-w-md" }, index.h("h1", { key: '1d6d8c693070488c68560725dc8b55d173945568', class: "text-5xl font-bold" }, "Hello there"), index.h("p", { key: '1414590fd4d388eb63c1ca23bc0a0e45c1ff84cd', class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), index.h("button", { key: 'efe7fe5252f549612b6faa9f05c33ba43344a6a4', class: "btn-primary btn", onClick: () => store.actions.updateApp('proto-home') }, "Get Started"))))));
     }
 };
 ProtoHero.style = ProtoHeroStyle0;

package/dist/cjs/proto-home.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const protoHomeCss = "";
 const ProtoHomeStyle0 = protoHomeCss;

package/dist/cjs/proto-list.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const protoListCss = "";
 const ProtoListStyle0 = protoListCss;

package/dist/cjs/proto-shell.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const tw = (...classes) => {
     return classes.filter(Boolean).join(' ');
@@ -160,7 +160,7 @@ const ProtoShell = class {
     }
     render() {
         const TAG = store.state.mfe;
-        return (index.h("div", { class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, index.h(ProtoHeader, null), index.h("div", { class: "flex-auto p-4 pt-0" }, index.h("div", { class: "divider mt-0" }), index.h("div", null, index.h(TAG, null))), index.h(ProtoFooter, null)));
+        return (index.h("div", { key: '29dc91c88134ae8fe51805690ae3d171b92a0749', class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, index.h(ProtoHeader, { key: 'c9dfb96359da575b462915966f781854ca4297ba' }), index.h("div", { key: 'fde5e9b150f1b4baabe7042075e7638d6f3c1ff9', class: "flex-auto p-4 pt-0" }, index.h("div", { key: '13b26f3142f937449ff8f2e54d428f4c3a010e06', class: "divider mt-0" }), index.h("div", { key: 'e6caac1f8d0f06a1ec67c03463a7d1da55fc3ee7' }, index.h(TAG, { key: '820e19891c7860c5b28660ebcdd4486f95115fe6' }))), index.h(ProtoFooter, { key: '2ca433ab710e0f0e9748edb1812c127b4fd4e912' })));
     }
 };
 ProtoShell.style = ProtoShellStyle0;

package/dist/cjs/proto-stats.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-a4292e5a.js');
-const store = require('./store-32c26ec3.js');
+const index = require('./index-997f721f.js');
+const store = require('./store-455a2604.js');
 
 const protoStatsCss = "";
 const ProtoStatsStyle0 = protoStatsCss;

package/dist/cjs/{store-32c26ec3.js → store-455a2604.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-a4292e5a.js');
+const index = require('./index-997f721f.js');
 
 const KEY = 'proto-daisy-ui:app-data';
 const promisedParseJSON = (json) => {

package/dist/collection/collection-manifest.json

@@ -10,7 +10,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.11.0",
+    "version": "4.12.0",
     "typescriptVersion": "5.3.3"
   },
   "collections": [],

package/dist/collection/components/proto-daisy-ui/proto-daisy-ui.js

@@ -8,7 +8,7 @@ export class ProtoDaisyUi {
         const { login, theme } = state;
         const TAG = login ? 'proto-hero' : 'proto-shell';
         console.log('-- TAG:', login, theme, TAG);
-        return h(TAG, { theme: theme });
+        return h(TAG, { key: '0b26dde4945537a7321de2a1b84de49429886c51', theme: theme });
     }
     static get is() { return "proto-daisy-ui"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/proto-dial/proto-dial.js

@@ -12,7 +12,7 @@ export class ProtoDial {
         this.value = undefined;
     }
     render() {
-        return (h("div", { class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
+        return (h("div", { key: '8efb0d64196db4eed0e7a877cd20d22593147700', class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
     }
     static get is() { return "proto-dial"; }
     static get originalStyleUrls() {

package/dist/collection/components/proto-hero/proto-hero.js

@@ -5,7 +5,7 @@ export class ProtoHero {
         this.theme = 'light';
     }
     render() {
-        return (h("div", { class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, h("div", { class: "hero min-h-screen bg-base-200" }, h("div", { class: "hero-content text-center" }, h("div", { class: "max-w-md" }, h("h1", { class: "text-5xl font-bold" }, "Hello there"), h("p", { class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), h("button", { class: "btn-primary btn", onClick: () => actions.updateApp('proto-home') }, "Get Started"))))));
+        return (h("div", { key: '467e9f2e732c562da4cb10aff00990388760c0ee', class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, h("div", { key: '0b0bf2b095c3fa80c8d6c7553c75fa821d6691a1', class: "hero min-h-screen bg-base-200" }, h("div", { key: 'c39aeb73ae159ca3649930ff9f699d777d11f491', class: "hero-content text-center" }, h("div", { key: '9f00f9942e0c212755de638af5fbc19dac8ea2f9', class: "max-w-md" }, h("h1", { key: '1d6d8c693070488c68560725dc8b55d173945568', class: "text-5xl font-bold" }, "Hello there"), h("p", { key: '1414590fd4d388eb63c1ca23bc0a0e45c1ff84cd', class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), h("button", { key: 'efe7fe5252f549612b6faa9f05c33ba43344a6a4', class: "btn-primary btn", onClick: () => actions.updateApp('proto-home') }, "Get Started"))))));
     }
     static get is() { return "proto-hero"; }
     static get originalStyleUrls() {

package/dist/collection/components/proto-shell/proto-shell.js

@@ -8,7 +8,7 @@ export class ProtoShell {
     }
     render() {
         const TAG = state.mfe;
-        return (h("div", { class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, h(ProtoHeader, null), h("div", { class: "flex-auto p-4 pt-0" }, h("div", { class: "divider mt-0" }), h("div", null, h(TAG, null))), h(ProtoFooter, null)));
+        return (h("div", { key: '29dc91c88134ae8fe51805690ae3d171b92a0749', class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, h(ProtoHeader, { key: 'c9dfb96359da575b462915966f781854ca4297ba' }), h("div", { key: 'fde5e9b150f1b4baabe7042075e7638d6f3c1ff9', class: "flex-auto p-4 pt-0" }, h("div", { key: '13b26f3142f937449ff8f2e54d428f4c3a010e06', class: "divider mt-0" }), h("div", { key: 'e6caac1f8d0f06a1ec67c03463a7d1da55fc3ee7' }, h(TAG, { key: '820e19891c7860c5b28660ebcdd4486f95115fe6' }))), h(ProtoFooter, { key: '2ca433ab710e0f0e9748edb1812c127b4fd4e912' })));
     }
     static get is() { return "proto-shell"; }
     static get originalStyleUrls() {

package/dist/components/proto-daisy-ui.js

@@ -17,7 +17,7 @@ const ProtoDaisyUi$1 = /*@__PURE__*/ proxyCustomElement(class ProtoDaisyUi exten
         const { login, theme } = state;
         const TAG = login ? 'proto-hero' : 'proto-shell';
         console.log('-- TAG:', login, theme, TAG);
-        return h(TAG, { theme: theme });
+        return h(TAG, { key: '0b26dde4945537a7321de2a1b84de49429886c51', theme: theme });
     }
     static get style() { return ProtoDaisyUiStyle0; }
 }, [1, "proto-daisy-ui"]);

package/dist/components/proto-dial2.js

@@ -18,7 +18,7 @@ const ProtoDial = /*@__PURE__*/ proxyCustomElement(class ProtoDial extends HTMLE
         this.value = undefined;
     }
     render() {
-        return (h("div", { class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
+        return (h("div", { key: '8efb0d64196db4eed0e7a877cd20d22593147700', class: "radial-progress text-secondary", ref: updateDial(this.value) }, this.value, "%"));
     }
     static get style() { return ProtoDialStyle0; }
 }, [0, "proto-dial", {

package/dist/components/proto-hero.js

@@ -11,7 +11,7 @@ const ProtoHero$1 = /*@__PURE__*/ proxyCustomElement(class ProtoHero extends HTM
         this.theme = 'light';
     }
     render() {
-        return (h("div", { class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, h("div", { class: "hero min-h-screen bg-base-200" }, h("div", { class: "hero-content text-center" }, h("div", { class: "max-w-md" }, h("h1", { class: "text-5xl font-bold" }, "Hello there"), h("p", { class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), h("button", { class: "btn-primary btn", onClick: () => actions.updateApp('proto-home') }, "Get Started"))))));
+        return (h("div", { key: '467e9f2e732c562da4cb10aff00990388760c0ee', class: "flex min-h-screen flex-col bg-clrs-slate font-sans", "data-theme": this.theme }, h("div", { key: '0b0bf2b095c3fa80c8d6c7553c75fa821d6691a1', class: "hero min-h-screen bg-base-200" }, h("div", { key: 'c39aeb73ae159ca3649930ff9f699d777d11f491', class: "hero-content text-center" }, h("div", { key: '9f00f9942e0c212755de638af5fbc19dac8ea2f9', class: "max-w-md" }, h("h1", { key: '1d6d8c693070488c68560725dc8b55d173945568', class: "text-5xl font-bold" }, "Hello there"), h("p", { key: '1414590fd4d388eb63c1ca23bc0a0e45c1ff84cd', class: "py-6" }, "Provident cupiditate voluptatem et in. Quaerat fugiat ut assumenda excepturi exercitationem quasi. In deleniti eaque aut repudiandae et a id nisi."), h("button", { key: 'efe7fe5252f549612b6faa9f05c33ba43344a6a4', class: "btn-primary btn", onClick: () => actions.updateApp('proto-home') }, "Get Started"))))));
     }
     static get style() { return ProtoHeroStyle0; }
 }, [0, "proto-hero", {

package/dist/components/proto-shell.js

@@ -157,7 +157,7 @@ const ProtoShell$1 = /*@__PURE__*/ proxyCustomElement(class ProtoShell extends H
     }
     render() {
         const TAG = state.mfe;
-        return (h("div", { class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, h(ProtoHeader, null), h("div", { class: "flex-auto p-4 pt-0" }, h("div", { class: "divider mt-0" }), h("div", null, h(TAG, null))), h(ProtoFooter, null)));
+        return (h("div", { key: '29dc91c88134ae8fe51805690ae3d171b92a0749', class: "flex min-h-screen flex-col font-sans", "data-theme": this.theme }, h(ProtoHeader, { key: 'c9dfb96359da575b462915966f781854ca4297ba' }), h("div", { key: 'fde5e9b150f1b4baabe7042075e7638d6f3c1ff9', class: "flex-auto p-4 pt-0" }, h("div", { key: '13b26f3142f937449ff8f2e54d428f4c3a010e06', class: "divider mt-0" }), h("div", { key: 'e6caac1f8d0f06a1ec67c03463a7d1da55fc3ee7' }, h(TAG, { key: '820e19891c7860c5b28660ebcdd4486f95115fe6' }))), h(ProtoFooter, { key: '2ca433ab710e0f0e9748edb1812c127b4fd4e912' })));
     }
     static get style() { return ProtoShellStyle0; }
 }, [0, "proto-shell", {

package/dist/esm/{index-16a96d4c.js → index-9d9347c1.js}

@@ -85,6 +85,7 @@ function queryNonceMetaTagContent(doc) {
 // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
 const h = (nodeName, vnodeData, ...children) => {
     let child = null;
+    let key = null;
     let simple = false;
     let lastSimple = false;
     const vNodeChildren = [];
@@ -112,6 +113,9 @@ const h = (nodeName, vnodeData, ...children) => {
     };
     walk(children);
     if (vnodeData) {
+        if (vnodeData.key) {
+            key = vnodeData.key;
+        }
         // normalize class / className attributes
         {
             const classData = vnodeData.className || vnodeData.class;
@@ -134,6 +138,9 @@ const h = (nodeName, vnodeData, ...children) => {
     if (vNodeChildren.length > 0) {
         vnode.$children$ = vNodeChildren;
     }
+    {
+        vnode.$key$ = key;
+    }
     return vnode;
 };
 /**
@@ -155,6 +162,9 @@ const newVNode = (tag, text) => {
     {
         vnode.$attrs$ = null;
     }
+    {
+        vnode.$key$ = null;
+    }
     return vnode;
 };
 const Host = {};
@@ -384,6 +394,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
             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 === 'ref') {
             // minifier will clean this up
             if (newValue) {
@@ -702,6 +714,8 @@ const removeVnodes = (vnodes, startIdx, endIdx) => {
 const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = false) => {
     let oldStartIdx = 0;
     let newStartIdx = 0;
+    let idxInOld = 0;
+    let i = 0;
     let oldEndIdx = oldCh.length - 1;
     let oldStartVnode = oldCh[0];
     let oldEndVnode = oldCh[oldEndIdx];
@@ -709,6 +723,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
     let newStartVnode = newCh[0];
     let newEndVnode = newCh[newEndIdx];
     let node;
+    let elmToMove;
     while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
         if (oldStartVnode == null) {
             // VNode might have been moved left
@@ -775,7 +790,41 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh, isInitialRender = fal
             newStartVnode = newCh[++newStartIdx];
         }
         else {
+            // Here we do some checks to match up old and new nodes based on the
+            // `$key$` attribute, which is set by putting a `key="my-key"` attribute
+            // in the JSX for a DOM element in the implementation of a Stencil
+            // component.
+            //
+            // First we check to see if there are any nodes in the array of old
+            // children which have the same key as the first node in the new
+            // children.
+            idxInOld = -1;
             {
+                for (i = oldStartIdx; i <= oldEndIdx; ++i) {
+                    if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
+                        idxInOld = i;
+                        break;
+                    }
+                }
+            }
+            if (idxInOld >= 0) {
+                // We found a node in the old children which matches up with the first
+                // node in the new children! So let's deal with that
+                elmToMove = oldCh[idxInOld];
+                if (elmToMove.$tag$ !== newStartVnode.$tag$) {
+                    // the tag doesn't match so we'll need a new DOM element
+                    node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld);
+                }
+                else {
+                    patch(elmToMove, newStartVnode, isInitialRender);
+                    // invalidate the matching old node so that we won't try to update it
+                    // again later on
+                    oldCh[idxInOld] = undefined;
+                    node = elmToMove.$elm$;
+                }
+                newStartVnode = newCh[++newStartIdx];
+            }
+            else {
                 // We either didn't find an element in the old children that matches
                 // the key of the first new child OR the build is not using `key`
                 // attributes at all. In either case we need to create a new element
@@ -825,6 +874,14 @@ const isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
     // compare if two vnode to see if they're "technically" the same
     // need to have the same element tag, and same key to be the same
     if (leftVNode.$tag$ === rightVNode.$tag$) {
+        // this will be set if JSX tags in the build have `key` attrs set on them
+        // we only want to check this if we're not on the first render since on
+        // first render `leftVNode.$key$` will always be `null`, so we can be led
+        // astray and, for instance, accidentally delete a DOM node that we want to
+        // keep around.
+        if (!isInitialRender) {
+            return leftVNode.$key$ === rightVNode.$key$;
+        }
         return true;
     }
     return false;
@@ -1623,8 +1680,19 @@ const setNonce = (nonce) => (plt.$nonce$ = nonce);
 /**
  * A WeakMap mapping runtime component references to their corresponding host reference
  * instances.
+ *
+ * **Note**: If we're in an HMR context we need to store a reference to this
+ * value on `window` in order to maintain the mapping of {@link d.RuntimeRef}
+ * to {@link d.HostRef} across HMR updates.
+ *
+ * This is necessary because when HMR updates for a component are processed by
+ * the browser-side dev server client the JS bundle for that component is
+ * re-fetched. Since the module containing {@link hostRefs} is included in
+ * that bundle, if we do not store a reference to it the new iteration of the
+ * component will not have access to the previous hostRef map, leading to a
+ * bug where the new version of the component cannot properly initialize.
  */
-const hostRefs = /*@__PURE__*/ new WeakMap();
+const hostRefs = new WeakMap();
 /**
  * Given a {@link d.RuntimeRef} retrieve the corresponding {@link d.HostRef}
  *