@moni-labs/moni-ui 0.4.7 → 0.4.9

package/docs/api.json

@@ -1,6 +1,6 @@
 {
   "package": "@moni-labs/moni-ui",
-  "generatedAt": "2026-08-21T21:03:00.175Z",
+  "generatedAt": "2026-08-22T18:22:22.206Z",
   "componentCount": 49,
   "components": [
     {
@@ -2998,6 +2998,33 @@
           "options": [],
           "reflect": true
         },
+        {
+          "name": "fullscreen",
+          "attribute": "fullscreen",
+          "type": "boolean",
+          "default": "false",
+          "description": "Fuerza al modal expandido a ocupar todo el viewport.",
+          "options": [],
+          "reflect": true
+        },
+        {
+          "name": "responsiveFullscreen",
+          "attribute": "responsive-fullscreen",
+          "type": "boolean",
+          "default": "false",
+          "description": "Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado.",
+          "options": [],
+          "reflect": true
+        },
+        {
+          "name": "fullscreenBreakpoint",
+          "attribute": "fullscreen-breakpoint",
+          "type": "number",
+          "default": "600",
+          "description": "Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen.",
+          "options": [],
+          "reflect": true
+        },
         {
           "name": "blurContent",
           "attribute": "blur-content",
@@ -3807,11 +3834,12 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'square' | 'no-round'",
+          "type": "'round' | 'small-round' | 'square' | 'no-round'",
           "default": "'no-round'",
           "description": "Forma (radio de borde) del campo.",
           "options": [
             "round",
+            "small-round",
             "square",
             "no-round"
           ],
@@ -5272,11 +5300,12 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'no-round'",
+          "type": "'round' | 'small-round' | 'no-round'",
           "default": "'no-round'",
           "description": "Forma del radio del borde (border-radius) del campo.",
           "options": [
             "round",
+            "small-round",
             "no-round"
           ],
           "reflect": true
@@ -5720,11 +5749,12 @@
         {
           "name": "shape",
           "attribute": "shape",
-          "type": "'round' | 'square' | 'no-round'",
+          "type": "'round' | 'small-round' | 'square' | 'no-round'",
           "default": "'no-round'",
           "description": "Forma del radio del borde (border-radius) del campo.",
           "options": [
             "round",
+            "small-round",
             "square",
             "no-round"
           ],

package/docs/components/morph-modal.md

@@ -65,6 +65,9 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 | `hide-target` | `hideTarget` | `boolean` | `false` | Si es true, oculta el elemento disparador (target) mientras el modal está abierto. |
 | `cover-target` | `coverTarget` | `boolean` | `false` | Si es true, fuerza al modal a cubrir visualmente la ubicación original del target antes de expandirse. |
 | `auto-size` | `autoSize` | `boolean` | `false` | Si es true, el modal calcula automáticamente su tamaño final basándose en el contenido interno (ignora expandedWidth y expandedHeight). |
+| `fullscreen` | `fullscreen` | `boolean` | `false` | Fuerza al modal expandido a ocupar todo el viewport. |
+| `responsive-fullscreen` | `responsiveFullscreen` | `boolean` | `false` | Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado. |
+| `fullscreen-breakpoint` | `fullscreenBreakpoint` | `number` | `600` | Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen. |
 | `blur-content` | `blurContent` | `boolean` | `false` | Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida. |
 | `debug` | `debug` | `boolean` | `false` | Muestra en consola el origen, geometría y estrategia usada por cada morph. |
 

package/docs/components/select.md

@@ -94,7 +94,7 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 | `label` | `label` | `string` | `''` | Texto de la etiqueta flotante. |
 | `variant` | `variant` | `'filled' \| 'outlined'` | `'filled'` | Variante visual del campo select. |
 | `size` | `size` | `'small' \| 'medium' \| 'large' \| 'extra'` | `'medium'` | Define las dimensiones del campo select. |
-| `shape` | `shape` | `'round' \| 'square' \| 'no-round'` | `'no-round'` | Forma (radio de borde) del campo. |
+| `shape` | `shape` | `'round' \| 'small-round' \| 'square' \| 'no-round'` | `'no-round'` | Forma (radio de borde) del campo. |
 | `disabled` | `disabled` | `boolean` | `false` | Deshabilita el campo select. |
 | `required` | `required` | `boolean` | `false` | Obliga a elegir una opción antes de enviar el formulario.  El `<input>` visible es de sólo lectura, así que la validación nativa no se aplica sobre él: la restricción se declara en el host con `ElementInternals.setValidity`, que es lo que mira el formulario. |
 | `loading` | `loading` | `boolean` | `false` | Si es verdadero, muestra un indicador de carga (progreso lineal). |
@@ -195,6 +195,8 @@ Forma (radio de borde) del campo.
 
 ![moni-select — shape=round](../assets/moni-select/shape--round.png)
 
+![moni-select — shape=small-round](../assets/moni-select/shape--small-round.png)
+
 ![moni-select — shape=square](../assets/moni-select/shape--square.png)
 
 ![moni-select — shape=no-round](../assets/moni-select/shape--no-round.png)

package/docs/components/text-field.md

@@ -91,7 +91,7 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 | `label` | `label` | `string` | `''` | El texto de la etiqueta flotante. |
 | `variant` | `variant` | `'filled' \| 'outlined' \| 'underlined'` | `'filled'` | Variante visual del campo de texto. |
 | `size` | `size` | `'small' \| 'medium' \| 'large' \| 'extra'` | `'medium'` | Define las dimensiones del campo de texto. |
-| `shape` | `shape` | `'round' \| 'no-round'` | `'no-round'` | Forma del radio del borde (border-radius) del campo. |
+| `shape` | `shape` | `'round' \| 'small-round' \| 'no-round'` | `'no-round'` | Forma del radio del borde (border-radius) del campo. |
 | `type` | `type` | `'text' \| 'password' \| 'email' \| 'number' \| 'tel' \| 'url' \| 'search' \| 'date' \| 'time' \| 'datetime-local' \| 'month' \| 'week' \| 'color'` | `'text'` | El tipo de input HTML nativo. |
 | `icon` | `icon` | `string` | `''` | Nombre del icono inicial (leading) (Material Symbols). |
 | `trailing-icon` | `trailingIcon` | `string` | `''` | Nombre del icono final (trailing) (Material Symbols). |
@@ -208,6 +208,8 @@ Forma del radio del borde (border-radius) del campo.
 
 ![moni-text-field — shape=round](../assets/moni-text-field/shape--round.png)
 
+![moni-text-field — shape=small-round](../assets/moni-text-field/shape--small-round.png)
+
 ![moni-text-field — shape=no-round](../assets/moni-text-field/shape--no-round.png)
 
 ### `type`

package/docs/components/textarea.md

@@ -88,7 +88,7 @@ Las utilities aplicadas directamente al tag afectan su caja anfitriona. No uses
 | `label` | `label` | `string` | `''` | El texto de la etiqueta flotante. |
 | `variant` | `variant` | `'filled' \| 'outlined'` | `'filled'` | Variante visual del área de texto. |
 | `size` | `size` | `'small' \| 'medium' \| 'large' \| 'extra'` | `'medium'` | Define las dimensiones del área de texto. |
-| `shape` | `shape` | `'round' \| 'square' \| 'no-round'` | `'no-round'` | Forma del radio del borde (border-radius) del campo. |
+| `shape` | `shape` | `'round' \| 'small-round' \| 'square' \| 'no-round'` | `'no-round'` | Forma del radio del borde (border-radius) del campo. |
 | `icon` | `icon` | `string` | `''` | Nombre del icono inicial (leading) (Material Symbols). |
 | `trailing-icon` | `trailingIcon` | `string` | `''` | Nombre del icono final (trailing) (Material Symbols). |
 | `prefix` | `prefix` | `string` | `''` | Prefijo de texto corto mostrado antes del valor del input. |
@@ -182,6 +182,8 @@ Forma del radio del borde (border-radius) del campo.
 
 ![moni-textarea — shape=round](../assets/moni-textarea/shape--round.png)
 
+![moni-textarea — shape=small-round](../assets/moni-textarea/shape--small-round.png)
+
 ![moni-textarea — shape=square](../assets/moni-textarea/shape--square.png)
 
 ![moni-textarea — shape=no-round](../assets/moni-textarea/shape--no-round.png)

package/package.json

@@ -1,90 +1,90 @@
-{
-  "name": "@moni-labs/moni-ui",
-  "version": "0.4.7",
-  "private": false,
-  "type": "module",
-  "description": "Design system unificado para Moni — Material Design 3 Expressive, mobile-first.",
-  "main": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "customElements": "custom-elements.json",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./web-components": {
-      "types": "./dist/web-components.d.ts",
-      "import": "./dist/web-components.js"
-    },
-    "./browser": "./dist/browser/moni-ui.min.js",
-    "./browser.css": "./dist/browser/moni-ui.min.css",
-    "./cdn/importmap": "./dist/cdn/importmap.json",
-    "./cdn/*": "./dist/cdn/components/moni-*.js",
-    "./styles": "./dist/styles/index.css",
-    "./styles/*": "./dist/styles/*",
-    "./components/*.ts": "./src/components/*.ts",
-    "./components/*": {
-      "types": "./dist/components/*.d.ts",
-      "import": "./dist/components/*.js"
-    },
-    "./actions/*": {
-      "types": "./dist/actions/*.d.ts",
-      "import": "./dist/actions/*.js"
-    },
-    "./utils/*": {
-      "types": "./dist/utils/*.d.ts",
-      "import": "./dist/utils/*.js"
-    }
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "unpkg": "./dist/browser/moni-ui.iife.min.js",
-  "jsdelivr": "./dist/browser/moni-ui.iife.min.js",
-  "files": [
-    "dist",
-    "src",
-    "docs",
-    "custom-elements.json",
-    "README.md",
-    "package.json"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/moni-spa/moni-ui.git"
-  },
-  "bugs": {
-    "url": "https://github.com/moni-spa/moni-ui/issues"
-  },
-  "homepage": "https://github.com/moni-spa/moni-ui#readme",
-  "peerDependencies": {
-    "svelte": "^5.55.2",
-    "tailwindcss": "^4.2.2"
-  },
-  "dependencies": {
-    "@material/material-color-utilities": "^0.4.0",
-    "gsap": "^3.12.7",
-    "inputmask": "^5.0.9",
-    "lit": "^3.3.3"
-  },
-  "devDependencies": {
-    "@custom-elements-manifest/analyzer": "^0.11.0",
-    "@tailwindcss/vite": "^4.3.1",
-    "jsdom": "^29.1.1",
-    "lightningcss": "^1.33.0",
-    "typescript": "^6.0.3",
-    "vite": "^8.0.16",
-    "vitest": "^4.1.8"
-  },
-  "scripts": {
-    "build": "node scripts/build.js",
-    "docs": "node scripts/generate-docs.mjs",
-    "docs:capture": "node scripts/capture-docs.mjs",
-    "docs:all": "npm run build && npm run docs && npm run docs:capture",
-    "docs:check": "node scripts/generate-docs.mjs --check",
-    "analyze": "custom-elements-manifest analyze",
-    "test": "vitest run",
-    "test:verbose": "vitest run --reporter=verbose",
-    "test:watch": "vitest"
-  }
-}
+{
+  "name": "@moni-labs/moni-ui",
+	"version": "0.4.9",
+  "private": false,
+  "type": "module",
+  "description": "Design system unificado para Moni — Material Design 3 Expressive, mobile-first.",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "customElements": "custom-elements.json",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./web-components": {
+      "types": "./dist/web-components.d.ts",
+      "import": "./dist/web-components.js"
+    },
+    "./browser": "./dist/browser/moni-ui.min.js",
+    "./browser.css": "./dist/browser/moni-ui.min.css",
+    "./cdn/importmap": "./dist/cdn/importmap.json",
+    "./cdn/*": "./dist/cdn/components/moni-*.js",
+    "./styles": "./dist/styles/index.css",
+    "./styles/*": "./dist/styles/*",
+    "./components/*.ts": "./src/components/*.ts",
+    "./components/*": {
+      "types": "./dist/components/*.d.ts",
+      "import": "./dist/components/*.js"
+    },
+    "./actions/*": {
+      "types": "./dist/actions/*.d.ts",
+      "import": "./dist/actions/*.js"
+    },
+    "./utils/*": {
+      "types": "./dist/utils/*.d.ts",
+      "import": "./dist/utils/*.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "unpkg": "./dist/browser/moni-ui.iife.min.js",
+  "jsdelivr": "./dist/browser/moni-ui.iife.min.js",
+  "files": [
+    "dist",
+    "src",
+    "docs",
+    "custom-elements.json",
+    "README.md",
+    "package.json"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/moni-spa/moni-ui.git"
+  },
+  "bugs": {
+    "url": "https://github.com/moni-spa/moni-ui/issues"
+  },
+  "homepage": "https://github.com/moni-spa/moni-ui#readme",
+  "peerDependencies": {
+    "svelte": "^5.55.2",
+    "tailwindcss": "^4.2.2"
+  },
+  "dependencies": {
+    "@material/material-color-utilities": "^0.4.0",
+    "gsap": "^3.12.7",
+    "inputmask": "^5.0.9",
+    "lit": "^3.3.3"
+  },
+  "devDependencies": {
+    "@custom-elements-manifest/analyzer": "^0.11.0",
+    "@tailwindcss/vite": "^4.3.1",
+    "jsdom": "^29.1.1",
+    "lightningcss": "^1.33.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.1.8"
+  },
+  "scripts": {
+    "build": "node scripts/build.js",
+    "docs": "node scripts/generate-docs.mjs",
+    "docs:capture": "node scripts/capture-docs.mjs",
+    "docs:all": "npm run build && npm run docs && npm run docs:capture",
+    "docs:check": "node scripts/generate-docs.mjs --check",
+    "analyze": "custom-elements-manifest analyze",
+    "test": "vitest run",
+    "test:verbose": "vitest run --reporter=verbose",
+    "test:watch": "vitest"
+  }
+}

package/src/components/_base/field-styles.ts

@@ -143,6 +143,13 @@ export const fieldStyles = css`
 	.field[class*='round'].extra {
 		border-radius: 2rem;
 	}
+	/* Compact rounding for dense forms without falling back to square corners. */
+	.field.small-round,
+	.field.small-round.small,
+	.field.small-round.large,
+	.field.small-round.extra {
+		border-radius: 0.5rem;
+	}
 
 	/* ─── Icon positioning ───────────────────────────────────────────────────── */
 	/* Generic rule: absolutely positions any icon/image/svg inside the field. */

package/src/components/moni-morph-modal.test.ts

@@ -117,6 +117,32 @@ describe('moni-morph-modal', () => {
 		expect(el.hasAttribute('open')).toBe(true);
 	});
 
+	it('ocupa todo el viewport cuando fullscreen está activo', async () => {
+		el.fullscreen = true;
+		await el.updateComplete;
+		const rect = (el as unknown as { _computeFinalRect: (target: DOMRect) => DOMRect })
+			._computeFinalRect(new DOMRect(24, 700, 56, 56));
+
+		expect(el.hasAttribute('fullscreen')).toBe(true);
+		expect(rect.x).toBe(0);
+		expect(rect.y).toBe(0);
+		expect(rect.width).toBe(window.innerWidth);
+		expect(rect.height).toBe(window.innerHeight);
+		expect(el.shadowRoot?.querySelector('.panel')?.classList.contains('fullscreen')).toBe(true);
+	});
+
+	it('aplica fullscreen responsive sólo bajo el breakpoint', () => {
+		el.responsiveFullscreen = true;
+		el.fullscreenBreakpoint = 600;
+		const usesFullscreen = () => (el as unknown as { _usesFullscreen: () => boolean })._usesFullscreen();
+
+		vi.stubGlobal('innerWidth', 480);
+		expect(usesFullscreen()).toBe(true);
+		vi.stubGlobal('innerWidth', 900);
+		expect(usesFullscreen()).toBe(false);
+		vi.unstubAllGlobals();
+	});
+
 	it('proyecta el contenido del slot por defecto', async () => {
 		const content = document.createElement('p');
 		content.textContent = 'Hello';

package/src/components/moni-morph-modal.ts

@@ -229,6 +229,18 @@ export class MoniMorphModal extends MoniElement {
 	@property({ type: Boolean, reflect: true, attribute: 'auto-size', converter: litBool })
 	autoSize = false;
 
+	/** Fuerza al modal expandido a ocupar todo el viewport. */
+	@property({ type: Boolean, reflect: true, converter: litBool })
+	fullscreen = false;
+
+	/** Activa fullscreen únicamente cuando el viewport no supera el breakpoint configurado. */
+	@property({ type: Boolean, reflect: true, attribute: 'responsive-fullscreen', converter: litBool })
+	responsiveFullscreen = false;
+
+	/** Ancho máximo del viewport, en píxeles, para aplicar responsive-fullscreen. */
+	@property({ type: Number, reflect: true, attribute: 'fullscreen-breakpoint' })
+	fullscreenBreakpoint = 600;
+
 	/**
 	 * Si es true, aplica un efecto de desenfoque (blur) al contenido durante la animación de entrada y salida.
 	 * @type {boolean}
@@ -1896,9 +1908,15 @@ export class MoniMorphModal extends MoniElement {
 		el.style.height = `${rect.height}px`;
 	}
 
+	private _usesFullscreen(): boolean {
+		if (this.fullscreen) return true;
+		return this.responsiveFullscreen && typeof window !== 'undefined' && window.innerWidth <= this.fullscreenBreakpoint;
+	}
+
 	private _computeFinalRect(targetRect: DOMRect, naturalSize?: { width: number; height: number }): DOMRect {
 		const vw = window.innerWidth;
 		const vh = window.innerHeight;
+		if (this._usesFullscreen()) return new DOMRect(0, 0, vw, vh);
 		const padding = 16;
 
 		let width = this.autoSize && naturalSize ? naturalSize.width : this._parseSize(this.expandedWidth, vw);
@@ -2082,6 +2100,19 @@ export class MoniMorphModal extends MoniElement {
 				z-index: var(--_z-index, 100);
 			}
 
+			.panel.fullscreen {
+				border-radius: 0;
+				box-shadow: none;
+			}
+
+			.panel.fullscreen header {
+				padding-block-start: max(1.25rem, env(safe-area-inset-top));
+			}
+
+			.panel.fullscreen footer {
+				padding-block-end: max(1.5rem, env(safe-area-inset-bottom));
+			}
+
 			.panel-inner {
 				display: flex;
 				flex-direction: column;
@@ -2191,6 +2222,7 @@ export class MoniMorphModal extends MoniElement {
 	override render() {
 		const visible = this._visible || this.open;
 		const headerEmpty = !this._hasHeader && !this.showCloseButton;
+		const fullscreen = this._usesFullscreen();
 		return html`
 			${this.hasBackdrop ? html`
 				<div
@@ -2199,7 +2231,7 @@ export class MoniMorphModal extends MoniElement {
 					style="${!this.modal ? 'background-color: transparent;' : ''}"
 				></div>
 			` : ''}
-			<div class="panel" part="panel">
+			<div class="panel ${fullscreen ? 'fullscreen' : ''}" part="panel">
 				<div class="panel-inner" part="panel-inner">
 					<header
 						class="${headerEmpty ? 'is-empty' : ''}"

package/src/components/moni-select.test.ts

@@ -23,6 +23,14 @@ describe('moni-select', () => {
 		expect(input?.getAttribute('readonly')).toBe('');
 	});
 
+	it('aplica la clase small-round para un redondeado compacto', async () => {
+		el.shape = 'small-round';
+		await el.updateComplete;
+		const field = el.shadowRoot?.querySelector('.field');
+		expect(field?.classList.contains('small-round')).toBe(true);
+		expect(field?.classList.contains('square')).toBe(false);
+	});
+
 	it('analiza las opciones insertadas en slots (slotted)', async () => {
 		const opt1 = document.createElement('moni-select-option');
 		opt1.setAttribute('value', 'v1');

package/src/components/moni-select.ts

@@ -146,11 +146,11 @@ export class MoniSelect extends MoniElement {
 
 	/**
 	 * Forma (radio de borde) del campo.
-	 * @type {'round' | 'square' | 'no-round'}
+	 * @type {'round' | 'small-round' | 'square' | 'no-round'}
 	 * @default 'no-round'
 	 */
 	@property({ reflect: true })
-	shape: 'round' | 'square' | 'no-round' = 'no-round';
+	shape: 'round' | 'small-round' | 'square' | 'no-round' = 'no-round';
 
 	/**
 	 * Deshabilita el campo select.
@@ -1694,6 +1694,7 @@ export class MoniSelect extends MoniElement {
 			suffix: true,
 			invalid: this.error,
 			round: this.shape === 'round',
+			'small-round': this.shape === 'small-round',
 			square: this.shape === 'no-round'
 		};
 

package/src/components/moni-text-field.test.ts

@@ -86,6 +86,14 @@ describe('moni-text-field', () => {
 		expect(field?.classList.contains('round')).toBe(true);
 	});
 
+	it('aplica la clase small-round para un redondeado compacto', async () => {
+		el.shape = 'small-round';
+		await el.updateComplete;
+		const field = el.shadowRoot?.querySelector('.field');
+		expect(field?.classList.contains('small-round')).toBe(true);
+		expect(field?.classList.contains('square')).toBe(false);
+	});
+
 	it('renderiza underlined sin fondo, contorno completo ni forma redondeada', async () => {
 		el.variant = 'underlined';
 		el.shape = 'round';

package/src/components/moni-text-field.ts

@@ -106,11 +106,11 @@ export class MoniTextField extends MoniElement {
 
 	/**
 	 * Forma del radio del borde (border-radius) del campo.
-	 * @type {'round' | 'no-round'}
+	 * @type {'round' | 'small-round' | 'no-round'}
 	 * @default 'no-round'
 	 */
 	@property({ reflect: true })
-	shape: 'round' | 'no-round' = 'no-round';
+	shape: 'round' | 'small-round' | 'no-round' = 'no-round';
 
 	/**
 	 * El tipo de input HTML nativo.
@@ -544,6 +544,7 @@ export class MoniTextField extends MoniElement {
 			'suffix-action-field': Boolean(this.suffixButtonIcon) || this._hasSuffixSlot,
 			invalid: this.error,
 			round: this.shape === 'round' && this.variant !== 'underlined',
+			'small-round': this.shape === 'small-round' && this.variant !== 'underlined',
 			square: this.shape === 'no-round'
 		};
 		const placeholder = this.placeholder || (this.label ? ' ' : '');

package/src/components/moni-textarea.test.ts

@@ -97,6 +97,14 @@ describe('moni-textarea', () => {
 		expect(field?.classList.contains('round')).toBe(true);
 	});
 
+	it('aplica la clase small-round para un redondeado compacto', async () => {
+		el.shape = 'small-round';
+		await el.updateComplete;
+		const field = el.shadowRoot?.querySelector('.field');
+		expect(field?.classList.contains('small-round')).toBe(true);
+		expect(field?.classList.contains('square')).toBe(false);
+	});
+
 	it('no aplica la clase de forma (shape) en el contenedor de campo para shape=square', async () => {
 		el.shape = 'square';
 		await el.updateComplete;

package/src/components/moni-textarea.ts

@@ -98,11 +98,11 @@ export class MoniTextarea extends MoniElement {
 
 	/**
 	 * Forma del radio del borde (border-radius) del campo.
-	 * @type {'round' | 'square' | 'no-round'}
+	 * @type {'round' | 'small-round' | 'square' | 'no-round'}
 	 * @default 'no-round'
 	 */
 	@property({ reflect: true })
-	shape: 'round' | 'square' | 'no-round' = 'no-round';
+	shape: 'round' | 'small-round' | 'square' | 'no-round' = 'no-round';
 
 	/**
 	 * Nombre del icono inicial (leading) (Material Symbols).
@@ -364,6 +364,7 @@ export class MoniTextarea extends MoniElement {
 			suffix: hasTrailing,
 			invalid: this.error,
 			round: this.shape === 'round',
+			'small-round': this.shape === 'small-round',
 			square: this.shape === 'no-round'
 		};
 		const placeholder = this.placeholder || (this.label ? ' ' : '');

package/dist/cdn/chunks/if-defined-DlAUOFi9.js

@@ -1 +0,0 @@
-import{c as e}from"./decorate-D4jKxi6H.js";var t=t=>t??e;export{t};