@moni-labs/moni-ui 0.4.3 → 0.4.4

package/dist/cdn/components/moni-button-group.js

@@ -1,14 +1,20 @@
-import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-assigned-elements-BBHe1xEY.js";var l=class extends n{constructor(...e){super(...e),this.variant=`standard`,this.size=`small`,this.multi=!1,this.gap=``,this.role=`group`,this.label=``,this.labelledBy=``}static{this.styles=[a,r`
+import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/decorate-D4jKxi6H.js";import{t as c}from"../chunks/query-assigned-elements-BBHe1xEY.js";var l=class extends n{constructor(...e){super(...e),this._activeObserver=new MutationObserver(()=>this.updateSelectionNeighbors()),this.variant=`standard`,this.size=`small`,this.multi=!1,this.selectionRequired=!1,this.shape=`round`,this.resizing=`fixed`,this.gap=``,this.role=`group`,this.label=``,this.labelledBy=``}connectedCallback(){super.connectedCallback(),this._activeObserver.observe(this,{subtree:!0,attributes:!0,attributeFilter:[`active`]})}disconnectedCallback(){this._activeObserver.disconnect(),super.disconnectedCallback()}static{this.styles=[a,r`
 			:host {
 				display: inline-flex;
 				align-items: center;
 				vertical-align: middle;
+				max-inline-size: 100%;
+			}
+			:host([variant='connected']),
+			:host([resizing='flexible']) {
+				inline-size: 100%;
 			}
 
 			.group-container {
 				display: inline-flex;
 				align-items: center;
 				width: 100%;
+				flex-wrap: nowrap;
 			}
 
 			slot {
@@ -38,7 +44,70 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 			:host([variant='connected']) .group-container {
 				gap: 0.125rem; /* 2dp */
 			}
-		`]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getGapValue(e){if(!e)return``;let t=e.toLowerCase();return t===`xs`||t===`xsmall`?`1.125rem`:t===`s`||t===`small`?`0.75rem`:t===`m`||t===`medium`||t===`l`||t===`large`||t===`xl`||t===`xlarge`?`0.5rem`:e}updateChildren(){let e=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`),t=this.gap.trim().toLowerCase(),n=![`0`,`0px`,`0rem`,`0em`].includes(t);e.forEach((t,r)=>{if(t.setAttribute(`size`,this.size),this.variant===`connected`)n?e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round`):r===e.length-1?t.setAttribute(`shape`,`right-round`):t.setAttribute(`shape`,`inner-round`):e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round-flat`):r===e.length-1?t.setAttribute(`shape`,`right-round-flat`):t.setAttribute(`shape`,`no-round`);else{let e=t.getAttribute(`shape`);(!e||[`left-round-flat`,`right-round-flat`,`no-round`,`left-round`,`right-round`,`inner-round`].includes(e))&&t.setAttribute(`shape`,`round`)}})}handlePointerDown(e){if(this.variant!==`standard`)return;let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`),r=n.indexOf(t);if(r===-1)return;let i=n[r-1],a=n[r+1];i&&(i.style.transition=`transform 200ms cubic-bezier(0.2, 0, 0, 1)`,i.style.transform=`translateX(-6px) scaleX(0.92)`,i.style.transformOrigin=`right center`),a&&(a.style.transition=`transform 200ms cubic-bezier(0.2, 0, 0, 1)`,a.style.transform=`translateX(6px) scaleX(0.92)`,a.style.transformOrigin=`left center`)}handlePointerUp(){this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`).forEach(e=>{e.style.transform=``,e.style.transformOrigin=``})}handleClick(e){let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.slottedButtons.filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`);this.multi||n.forEach(e=>{e!==t&&(e.removeAttribute(`active`),e.active=!1)});let r=t.hasAttribute(`active`);r?(t.removeAttribute(`active`),t.active=!1):(t.setAttribute(`active`,``),t.active=!0),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{button:t,active:!r}}))}render(){let n=this.getGapValue(this.gap),r=this.gap.trim().toLowerCase(),i=[`0`,`0px`,`0rem`,`0em`].includes(r),a=n?`gap: ${n};`:i?`gap: 0;`:``;return t`
+			:host([variant='connected']) ::slotted(moni-button),
+			:host([variant='connected']) ::slotted(moni-icon-button),
+			:host([resizing='flexible']) ::slotted(moni-button) {
+				flex: 1 1 0;
+			}
+			:host([variant='connected']) ::slotted(moni-button) {
+				--moni-button-inline-size: 100%;
+				min-inline-size: 0;
+			}
+			:host([variant='connected'][size='xsmall']) ::slotted(moni-button),
+			:host([variant='connected'][size='xsmall']) ::slotted(moni-icon-button),
+			:host([variant='connected'][size='small']) ::slotted(moni-button),
+			:host([variant='connected'][size='small']) ::slotted(moni-icon-button) {
+				min-inline-size: 3rem;
+			}
+
+			/* M3 Expressive selection emphasis. Increasing the button's internal
+			 * space (instead of scaling the host) keeps labels and icons crisp and
+			 * lets the existing padding transition transfer width smoothly. */
+			:host([variant='standard'][size='xsmall']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-pressed]) {
+				--moni-button-padding: 0 1.25rem;
+			}
+			:host([variant='standard'][size='small']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='small']) ::slotted(moni-button[data-group-pressed]) {
+				--moni-button-padding: 0 1.75rem;
+			}
+			:host([variant='standard'][size='medium']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-pressed]) {
+				--moni-button-padding: 0 2.375rem;
+			}
+			:host([variant='standard'][size='large']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='large']) ::slotted(moni-button[data-group-pressed]) {
+				--moni-button-padding: 0 4rem;
+			}
+			:host([variant='standard'][size='xlarge']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='extra']) ::slotted(moni-button[active]),
+			:host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-pressed]),
+			:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-pressed]) {
+				--moni-button-padding: 0 5.25rem;
+			}
+
+			:host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .5rem; }
+			:host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 .75rem; }
+			:host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 1.25rem; }
+			:host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 2.75rem; }
+			:host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-pressed]),
+			:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-pressed]) { --moni-button-padding: 0 3.75rem; }
+
+			/* A selected standard button borrows space from its immediate
+			 * neighbours, keeping the group's outside footprint stable. */
+			:host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .5rem; }
+			:host([variant='standard'][size='xsmall']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
+			:host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 .625rem; }
+			:host([variant='standard'][size='small']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .25rem; }
+			:host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 1.0625rem; }
+			:host([variant='standard'][size='medium']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 .625rem; }
+			:host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 2.5rem; }
+			:host([variant='standard'][size='large']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2rem; }
+			:host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='shared']),
+			:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='shared']) { --moni-button-padding: 0 3.375rem; }
+			:host([variant='standard'][size='xlarge']) ::slotted(moni-button[data-group-adjacent-selected='sole']),
+			:host([variant='standard'][size='extra']) ::slotted(moni-button[data-group-adjacent-selected='sole']) { --moni-button-padding: 0 2.75rem; }
+		`]}updated(e){super.updated(e),(e.has(`variant`)||e.has(`size`)||e.has(`gap`)||e.has(`shape`))&&this.updateChildren()}handleSlotChange(){this.updateChildren()}getButtons(){return(this.slottedButtons??[]).filter(e=>e.tagName.toLowerCase()===`moni-button`||e.tagName.toLowerCase()===`moni-icon-button`)}updateSelectionNeighbors(){let e=this.getButtons();if(e.forEach(e=>e.removeAttribute(`data-group-adjacent-selected`)),this.variant!==`standard`||e.filter(e=>e.hasAttribute(`active`)).length===0)return;let t=e.filter(e=>!e.hasAttribute(`active`)),n=t.length===1?`sole`:`shared`;t.forEach(e=>e.setAttribute(`data-group-adjacent-selected`,n))}getGapValue(e){if(!e)return``;let t=e.toLowerCase();return t===`xs`||t===`xsmall`?`1.125rem`:t===`s`||t===`small`?`0.75rem`:t===`m`||t===`medium`||t===`l`||t===`large`||t===`xl`||t===`xlarge`?`0.5rem`:e}updateChildren(){let e=this.getButtons(),t=this.gap.trim().toLowerCase(),n=![`0`,`0px`,`0rem`,`0em`].includes(t);e.forEach((t,r)=>{t.setAttribute(`size`,this.size),this.variant===`connected`&&this.shape===`square`?t.setAttribute(`shape`,`square`):this.variant===`connected`?n?e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round`):r===e.length-1?t.setAttribute(`shape`,`right-round`):t.setAttribute(`shape`,`inner-round`):e.length===1?t.setAttribute(`shape`,`round`):r===0?t.setAttribute(`shape`,`left-round-flat`):r===e.length-1?t.setAttribute(`shape`,`right-round-flat`):t.setAttribute(`shape`,`no-round`):t.setAttribute(`shape`,this.shape)}),this.updateSelectionNeighbors()}handlePointerDown(e){if(this.variant!==`standard`)return;let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons(),r=n.indexOf(t);r!==-1&&(t.setAttribute(`data-group-pressed`,``),n[r-1]?.setAttribute(`data-group-adjacent-pressed`,``),n[r+1]?.setAttribute(`data-group-adjacent-pressed`,``))}handlePointerUp(){this.getButtons().forEach(e=>{e.removeAttribute(`data-group-pressed`),e.removeAttribute(`data-group-adjacent-pressed`)})}handleClick(e){let t=e.target.closest(`moni-button, moni-icon-button`);if(!t||t.hasAttribute(`disabled`))return;let n=this.getButtons();this.multi||n.forEach(e=>{e!==t&&(e.removeAttribute(`active`),e.active=!1)});let r=t.hasAttribute(`active`),i=n.filter(e=>e.hasAttribute(`active`)).length;r&&this.selectionRequired&&i<=1||(r?(t.removeAttribute(`active`),t.active=!1):(t.setAttribute(`active`,``),t.active=!0),this.dispatchEvent(new CustomEvent(`change`,{bubbles:!0,composed:!0,detail:{button:t,active:!r}})))}render(){let n=this.getGapValue(this.gap),r=this.gap.trim().toLowerCase(),i=[`0`,`0px`,`0rem`,`0em`].includes(r),a=n?`gap: ${n};`:i?`gap: 0;`:``;return t`
 			<div
 				class="group-container"
 				style=${a}
@@ -53,4 +122,4 @@ import{c as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 			>
 				<slot @slotchange=${this.handleSlotChange} @click=${this.handleClick}></slot>
 			</div>
-		`}};s([i({reflect:!0})],l.prototype,`variant`,void 0),s([i({reflect:!0})],l.prototype,`size`,void 0),s([i({type:Boolean,reflect:!0})],l.prototype,`multi`,void 0),s([i()],l.prototype,`gap`,void 0),s([i({reflect:!0})],l.prototype,`role`,void 0),s([i({reflect:!0})],l.prototype,`label`,void 0),s([i({reflect:!0,attribute:`labelled-by`})],l.prototype,`labelledBy`,void 0),s([c({flatten:!0})],l.prototype,`slottedButtons`,void 0),l=s([o(`moni-button-group`)],l);
+		`}};s([i({reflect:!0})],l.prototype,`variant`,void 0),s([i({reflect:!0})],l.prototype,`size`,void 0),s([i({type:Boolean,reflect:!0})],l.prototype,`multi`,void 0),s([i({type:Boolean,reflect:!0,attribute:`selection-required`})],l.prototype,`selectionRequired`,void 0),s([i({reflect:!0})],l.prototype,`shape`,void 0),s([i({reflect:!0})],l.prototype,`resizing`,void 0),s([i()],l.prototype,`gap`,void 0),s([i({reflect:!0})],l.prototype,`role`,void 0),s([i({reflect:!0})],l.prototype,`label`,void 0),s([i({reflect:!0,attribute:`labelled-by`})],l.prototype,`labelledBy`,void 0),s([c({flatten:!0})],l.prototype,`slottedButtons`,void 0),l=s([o(`moni-button-group`)],l);

package/dist/cdn/components/moni-button.js

@@ -10,6 +10,7 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 			.button {
 				box-sizing: var(--moni-button-box-sizing, border-box);
 				display: inline-flex;
+				inline-size: var(--moni-button-inline-size, auto);
 				--_button-visual-height: 3.5rem;
 				align-items: center;
 				justify-content: center;

package/dist/cdn/components/moni-loading-indicator.js

@@ -2,7 +2,11 @@ import{d as e,h as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 			:host {
 				display: inline-block;
 				aspect-ratio: 1 / 1;
-				contain: strict;
+				/* Paint containment clipped oversized morphs in the contained
+				 * variant. Keep layout/style isolation while allowing the active
+				 * indicator to animate beyond the container surface. */
+				contain: layout style;
+				overflow: visible;
 				vertical-align: middle;
 			}
 
@@ -34,6 +38,19 @@ import{d as e,h as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 				justify-content: center;
 				border-radius: var(--moni-loading-indicator-container-shape, 9999px);
 				box-sizing: border-box;
+				overflow: visible;
+			}
+
+			.active-indicator-wrapper {
+				overflow: visible;
+			}
+
+			.active-indicator-scale {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				overflow: visible;
+				transform-origin: center;
 			}
 
 			.active-indicator {
@@ -128,7 +145,9 @@ import{d as e,h as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 		`]}render(){return e`
 			<div class="container animate" aria-hidden="true">
 				<div class="active-indicator-wrapper">
-					<div class="active-indicator"></div>
+					<div class="active-indicator-scale">
+						<div class="active-indicator"></div>
+					</div>
 				</div>
 			</div>
 		`}};s([i({reflect:!0})],u.prototype,`variant`,void 0),s([c(`.container`)],u.prototype,`_container`,void 0),u=s([o(`moni-loading-indicator`)],u);

package/dist/cdn/components/moni-time-picker.js

@@ -23,17 +23,19 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 			}
 
 			:host([orientation="horizontal"]) {
-				inline-size: auto;
+				inline-size: min(40rem, 100%);
 			}
 			:host([orientation="horizontal"]) .main-content {
 				flex-direction: row;
 				align-items: center;
+				justify-content: center;
 				gap: 2rem;
 			}
 			:host([orientation="horizontal"]) .left-pane {
 				display: flex;
 				flex-direction: column;
 				justify-content: center;
+				flex: none;
 			}
 
 			/* Main Content (Default vertical) */
@@ -63,6 +65,7 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 				:host(:not([orientation])) .main-content {
 					flex-direction: row;
 					align-items: center;
+					justify-content: center;
 					gap: 2rem;
 				}
 				:host([orientation='auto']) .left-pane,
@@ -70,6 +73,7 @@ import{a as e,d as t,i as n,m as r,o as i,r as a,s as o,t as s}from"../chunks/de
 					display: flex;
 					flex-direction: column;
 					justify-content: center;
+					flex: none;
 				}
 			}
 

package/dist/cdn/importmap.json

@@ -1,102 +1,102 @@
 {
   "imports": {
-    "@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-app-bar.js",
-    "@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-app-bar.js",
-    "@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-badge.js",
-    "@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-badge.js",
-    "@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-bottom-sheet.js",
-    "@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-bottom-sheet.js",
-    "@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button-group.js",
-    "@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button-group.js",
-    "@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button-segment.js",
-    "@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button-segment.js",
-    "@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button.js",
-    "@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-button.js",
-    "@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-card.js",
-    "@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-card.js",
-    "@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-carousel.js",
-    "@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-carousel.js",
-    "@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-checkbox.js",
-    "@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-checkbox.js",
-    "@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-chip.js",
-    "@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-chip.js",
-    "@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-color-field.js",
-    "@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-color-field.js",
-    "@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-context-menu.js",
-    "@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-context-menu.js",
-    "@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-dialog.js",
-    "@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-dialog.js",
-    "@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-divider.js",
-    "@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-divider.js",
-    "@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-expansion.js",
-    "@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-expansion.js",
-    "@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-fab-menu.js",
-    "@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-fab-menu.js",
-    "@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-fab.js",
-    "@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-fab.js",
-    "@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-file-field.js",
-    "@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-file-field.js",
-    "@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-icon.js",
-    "@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-icon.js",
-    "@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-list-item.js",
-    "@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-list-item.js",
-    "@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-list.js",
-    "@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-list.js",
-    "@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-loading-indicator.js",
-    "@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-loading-indicator.js",
-    "@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-menu-item.js",
-    "@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-menu-item.js",
-    "@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-menu.js",
-    "@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-menu.js",
-    "@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-morph-modal.js",
-    "@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-morph-modal.js",
-    "@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-nav-item.js",
-    "@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-nav-item.js",
-    "@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-nav.js",
-    "@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-nav.js",
-    "@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-progress.js",
-    "@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-progress.js",
-    "@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-radio.js",
-    "@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-radio.js",
-    "@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-ripple.js",
-    "@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-ripple.js",
-    "@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-segmented-button.js",
-    "@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-segmented-button.js",
-    "@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-select-option.js",
-    "@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-select-option.js",
-    "@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-select.js",
-    "@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-select.js",
-    "@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-shape.js",
-    "@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-shape.js",
-    "@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-side-sheet.js",
-    "@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-side-sheet.js",
-    "@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-slider.js",
-    "@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-slider.js",
-    "@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-snackbar.js",
-    "@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-snackbar.js",
-    "@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-split-button.js",
-    "@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-split-button.js",
-    "@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-step.js",
-    "@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-step.js",
-    "@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-stepper.js",
-    "@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-stepper.js",
-    "@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-switch.js",
-    "@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-switch.js",
-    "@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tab.js",
-    "@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tab.js",
-    "@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tabs.js",
-    "@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tabs.js",
-    "@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-text-field.js",
-    "@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-text-field.js",
-    "@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-textarea.js",
-    "@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-textarea.js",
-    "@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-time-picker.js",
-    "@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-time-picker.js",
-    "@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-toolbar.js",
-    "@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-toolbar.js",
-    "@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tooltip.js",
-    "@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-tooltip.js",
-    "@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-typography.js",
-    "@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.3/dist/cdn/components/moni-typography.js"
+    "@moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-app-bar.js",
+    "@moni-labs/moni-ui/app-bar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-app-bar.js",
+    "@moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-badge.js",
+    "@moni-labs/moni-ui/badge": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-badge.js",
+    "@moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-bottom-sheet.js",
+    "@moni-labs/moni-ui/bottom-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-bottom-sheet.js",
+    "@moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button-group.js",
+    "@moni-labs/moni-ui/button-group": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button-group.js",
+    "@moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button-segment.js",
+    "@moni-labs/moni-ui/button-segment": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button-segment.js",
+    "@moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button.js",
+    "@moni-labs/moni-ui/button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-button.js",
+    "@moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-card.js",
+    "@moni-labs/moni-ui/card": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-card.js",
+    "@moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-carousel.js",
+    "@moni-labs/moni-ui/carousel": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-carousel.js",
+    "@moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-checkbox.js",
+    "@moni-labs/moni-ui/checkbox": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-checkbox.js",
+    "@moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-chip.js",
+    "@moni-labs/moni-ui/chip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-chip.js",
+    "@moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-color-field.js",
+    "@moni-labs/moni-ui/color-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-color-field.js",
+    "@moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-context-menu.js",
+    "@moni-labs/moni-ui/context-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-context-menu.js",
+    "@moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-dialog.js",
+    "@moni-labs/moni-ui/dialog": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-dialog.js",
+    "@moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-divider.js",
+    "@moni-labs/moni-ui/divider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-divider.js",
+    "@moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-expansion.js",
+    "@moni-labs/moni-ui/expansion": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-expansion.js",
+    "@moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-fab-menu.js",
+    "@moni-labs/moni-ui/fab-menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-fab-menu.js",
+    "@moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-fab.js",
+    "@moni-labs/moni-ui/fab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-fab.js",
+    "@moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-file-field.js",
+    "@moni-labs/moni-ui/file-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-file-field.js",
+    "@moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-icon.js",
+    "@moni-labs/moni-ui/icon": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-icon.js",
+    "@moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-list-item.js",
+    "@moni-labs/moni-ui/list-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-list-item.js",
+    "@moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-list.js",
+    "@moni-labs/moni-ui/list": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-list.js",
+    "@moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-loading-indicator.js",
+    "@moni-labs/moni-ui/loading-indicator": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-loading-indicator.js",
+    "@moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-menu-item.js",
+    "@moni-labs/moni-ui/menu-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-menu-item.js",
+    "@moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-menu.js",
+    "@moni-labs/moni-ui/menu": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-menu.js",
+    "@moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-morph-modal.js",
+    "@moni-labs/moni-ui/morph-modal": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-morph-modal.js",
+    "@moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-nav-item.js",
+    "@moni-labs/moni-ui/nav-item": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-nav-item.js",
+    "@moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-nav.js",
+    "@moni-labs/moni-ui/nav": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-nav.js",
+    "@moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-progress.js",
+    "@moni-labs/moni-ui/progress": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-progress.js",
+    "@moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-radio.js",
+    "@moni-labs/moni-ui/radio": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-radio.js",
+    "@moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-ripple.js",
+    "@moni-labs/moni-ui/ripple": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-ripple.js",
+    "@moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-segmented-button.js",
+    "@moni-labs/moni-ui/segmented-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-segmented-button.js",
+    "@moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-select-option.js",
+    "@moni-labs/moni-ui/select-option": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-select-option.js",
+    "@moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-select.js",
+    "@moni-labs/moni-ui/select": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-select.js",
+    "@moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-shape.js",
+    "@moni-labs/moni-ui/shape": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-shape.js",
+    "@moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-side-sheet.js",
+    "@moni-labs/moni-ui/side-sheet": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-side-sheet.js",
+    "@moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-slider.js",
+    "@moni-labs/moni-ui/slider": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-slider.js",
+    "@moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-snackbar.js",
+    "@moni-labs/moni-ui/snackbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-snackbar.js",
+    "@moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-split-button.js",
+    "@moni-labs/moni-ui/split-button": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-split-button.js",
+    "@moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-step.js",
+    "@moni-labs/moni-ui/step": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-step.js",
+    "@moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-stepper.js",
+    "@moni-labs/moni-ui/stepper": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-stepper.js",
+    "@moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-switch.js",
+    "@moni-labs/moni-ui/switch": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-switch.js",
+    "@moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tab.js",
+    "@moni-labs/moni-ui/tab": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tab.js",
+    "@moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tabs.js",
+    "@moni-labs/moni-ui/tabs": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tabs.js",
+    "@moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-text-field.js",
+    "@moni-labs/moni-ui/text-field": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-text-field.js",
+    "@moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-textarea.js",
+    "@moni-labs/moni-ui/textarea": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-textarea.js",
+    "@moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-time-picker.js",
+    "@moni-labs/moni-ui/time-picker": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-time-picker.js",
+    "@moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-toolbar.js",
+    "@moni-labs/moni-ui/toolbar": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-toolbar.js",
+    "@moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tooltip.js",
+    "@moni-labs/moni-ui/tooltip": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-tooltip.js",
+    "@moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-typography.js",
+    "@moni-labs/moni-ui/typography": "https://cdn.jsdelivr.net/npm/@moni-labs/moni-ui@0.4.4/dist/cdn/components/moni-typography.js"
   }
 }

package/dist/components/moni-button-group.d.ts

@@ -54,6 +54,9 @@ import { MoniElement } from './_base/index.js';
  * @slot default - Los elementos `<moni-button>` que conforman el grupo.
  */
 export declare class MoniButtonGroup extends MoniElement {
+    private readonly _activeObserver;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     /**
      * Variante visual del grupo de botones.
      * - `standard`: Los elementos se espacian normalmente.
@@ -73,6 +76,12 @@ export declare class MoniButtonGroup extends MoniElement {
      * @type {boolean}
      */
     multi: boolean;
+    /** Impide que el grupo quede sin selección. */
+    selectionRequired: boolean;
+    /** Forma base común de los botones. La selección invierte round ↔ square. */
+    shape: 'round' | 'square';
+    /** Controla si los botones conservan su ancho intrínseco o llenan la superficie. */
+    resizing: 'fixed' | 'flexible';
     /**
      * Espacio CSS personalizado entre botones (ej., '1rem').
      * Solo se aplica cuando la variante es 'standard'.
@@ -109,6 +118,11 @@ export declare class MoniButtonGroup extends MoniElement {
      * re-sincroniza las formas (shapes) y tamaños de todo el listado.
      */
     private handleSlotChange;
+    private getButtons;
+    /** Keeps selection emphasis inside the group's original visual footprint.
+     * The selected width is funded evenly by every unselected button so edge
+     * selections remain visually balanced instead of collapsing one neighbour. */
+    private updateSelectionNeighbors;
     private getGapValue;
     /**
      * Sincronizador de Propiedades (Engine interno).

package/dist/components/moni-button-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BA2CpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA6CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IA2BzB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAUvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"moni-button-group.d.ts","sourceRoot":"","sources":["../../src/components/moni-button-group.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,WAAW,EAAgB,MAAM,kBAAkB,CAAC;AAE7D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AACH,qBACa,eAAgB,SAAQ,WAAW;IAC/C,OAAO,CAAC,QAAQ,CAAC,eAAe,CAA+D;IAEtF,iBAAiB;IAKjB,oBAAoB;IAI7B;;;;;;OAMG;IAEH,OAAO,EAAE,UAAU,GAAG,WAAW,CAAc;IAE/C;;;;OAIG;IAEH,IAAI,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAW;IAE7E;;;OAGG;IAEH,KAAK,UAAS;IAEd,+CAA+C;IAE/C,iBAAiB,UAAS;IAE1B,6EAA6E;IAE7E,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAW;IAEpC,oFAAoF;IAEpF,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAW;IAEzC;;;;OAIG;IAEH,GAAG,SAAM;IAET;;;;OAIG;IAEH,IAAI,EAAE,OAAO,GAAG,SAAS,GAAG,YAAY,CAAW;IAEnD;;;OAGG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,UAAU,SAAM;IAGhB,OAAO,CAAC,cAAc,CAAiB;IAEvC,OAAgB,MAAM,4BAgHpB;IAEF;;;;OAIG;cACgB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAOpF;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAIxB,OAAO,CAAC,UAAU;IAMlB;;kFAE8E;IAC9E,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,WAAW;IAWnB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc;IA0CtB;;;;;OAKG;IACH,OAAO,CAAC,iBAAiB;IAezB;;;;OAIG;IACH,OAAO,CAAC,eAAe;IAQvB;;;;OAIG;IACH,OAAO,CAAC,WAAW;IA2CnB;;;;;;;;;;OAUG;IACM,MAAM;CAyBf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD;AAED,eAAe,eAAe,CAAC"}