@dialpad/dialtone 10.0.0 → 10.0.2

package/README.md

@@ -73,14 +73,14 @@ import {
 import Tmo from '@dialpad/dialtone/themes/tmo';
 import HighContrast from '@dialpad/dialtone/themes/high-contrast';
 
-setMode('dark');           // toggles data-dt-mode
+setMode('dark');           // toggles data-dt-mode, no injection
 setBrand(Tmo);             // injects brand CSS, sets data-dt-brand
-setMaterial('steel');      // toggles data-dt-material
+setMaterial('steel');      // injects material CSS, sets data-dt-material
 setContrast(HighContrast); // injects contrast CSS, sets data-dt-contrast
 setContrast(null);         // remove contrast override
 ```
 
-`setMode` and `setMaterial` toggle attributes against pre-bundled CSS — no injection. `setBrand` and `setContrast` inject per-theme override CSS.
+`setMode` toggles an attribute against pre-bundled CSS — no injection. `setBrand`, `setMaterial`, and `setContrast` inject per-theme override CSS.
 
 ---
 

package/dist/tokens/doc.json

@@ -1,4 +1,4 @@
 [diffend] Oversized file quarantined before diffing.
 name: package/dist/tokens/doc.json
 size: 104434071 bytes
-sha256: 4e1162baffab836992530150f9e5235e06e6b5f91fee37ef7d5a5008eb516663
+sha256: 4fcdea21b81d927ccebd8ab5c2d9ddc2aeccbd39e9ac88eebdff6818ecdcc073

package/dist/tokens/themes/config-no-layers.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./core-no-layers.cjs`),t=require(`./config.cjs`);function n(n,r=`light`,i=document.documentElement,a={}){return t.initDialtoneTheme(n,r,i,{...a,layers:!1,core:e})}exports.initDialtoneThemeNoLayers=n;

package/dist/tokens/themes/config-no-layers.js

@@ -0,0 +1,12 @@
+import e from "./core-no-layers.js";
+import { initDialtoneTheme as t } from "./config.js";
+//#region themes/config-no-layers.js
+function n(n, r = "light", i = document.documentElement, a = {}) {
+	return t(n, r, i, {
+		...a,
+		layers: !1,
+		core: e
+	});
+}
+//#endregion
+export { n as initDialtoneThemeNoLayers };

package/dist/tokens/themes/config.cjs

@@ -1,3 +1,3 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./core.cjs`);var t=Object.freeze([`sandstone`,`steel`,`graphite`,`iron`,`amethyst`,`jade`]),n=new Set(t),r=!1,i=0,a=null;function o(e,t=document.documentElement,n=null){if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}if(e===null){d(`dialtone-css-brand`,t?.shadowRoot??t),a&&(t?.setAttribute(`data-dt-brand`,a.brand),t?.setAttribute(`data-dt-material`,a.material??`sandstone`));return}return e.base?s(e,t,n):c(e,t)}function s(e,t=document.documentElement,n=null){t?.setAttribute(`data-dt-theme`,e.base.name),t?.setAttribute(`data-dt-brand`,e.brand.name);let r=t?.shadowRoot??t;u(`dialtone-css-theme`,e.base.css,r),u(`dialtone-css-brand`,e.brand.css,r),n?(u(`dialtone-css-contrast`,n.css,r),t?.setAttribute(`data-dt-contrast`,`high`)):(d(`dialtone-css-contrast`,r),t?.setAttribute(`data-dt-contrast`,`default`))}function c(e,t=document.documentElement){let n=t?.shadowRoot??t;if(e.core&&!r&&(u(`dialtone-css-core`,e.core,n),r=!0),e.baseColors&&!n?.querySelector(`#dialtone-css-base-colors`)&&u(`dialtone-css-base-colors`,e.baseColors,n),e.brand){let r=a?.brand;r&&e.brand.name===r?(d(`dialtone-css-brand`,n),t?.setAttribute(`data-dt-brand`,r),t?.setAttribute(`data-dt-material`,a?.material??`sandstone`)):(u(`dialtone-css-brand`,e.brand.css,n),t?.setAttribute(`data-dt-brand`,e.brand.name),m(e,t))}e.contrast&&(u(`dialtone-css-contrast`,e.contrast.css,n),t?.setAttribute(`data-dt-contrast`,e.contrast.name))}function l(t,n){let a=++i;t?(u(`dialtone-css-core`,e.core,n),r=!0):(u(`dialtone-css-core`,``,n),Promise.resolve().then(()=>require(`./core-no-layers.cjs`)).then(({default:e})=>{a===i&&(u(`dialtone-css-core`,e.core,n),r=!0)}).catch(e=>{a===i&&console.error(`[Dialtone] initDialtoneTheme: failed to load no-layers core tokens.`,e)}))}function u(e,t,n,r=null){if(n?.querySelector(`#`+e)){let r=n.querySelector(`#`+e);r.innerHTML=t}else{let i=document.createElement(`style`);i.setAttribute(`type`,`text/css`),i.setAttribute(`id`,e),i.innerHTML=t;let a=n?.querySelector(`head`)??n,o=r?n?.querySelector(`#`+r):null;o&&o.parentNode===a?a.insertBefore(i,o):a?.appendChild(i)}}function d(e,t){t?.querySelector(`#`+e)?.remove()}function f(e,t=document.documentElement){if(e!==`light`&&e!==`dark`){console.warn(`Invalid mode: ${e}. Must be 'light' or 'dark'`);return}if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setMode(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}t?.setAttribute(`data-dt-mode`,e)}function p(e,t=document.documentElement){if(!e||typeof e!=`object`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';`);if(!e.brand||typeof e.brand!=`object`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme.brand must be an object with {name, css} properties.`);if(typeof e.brand.name!=`string`||!e.brand.name||typeof e.brand.css!=`string`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.`);if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setBaseBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let n=t?.shadowRoot??t;u(`dialtone-css-brand-base`,e.brand.css,n),t?.setAttribute(`data-dt-brand`,e.brand.name),m(e,t),d(`dialtone-css-brand`,n),a&&(a.brand=e.brand.name,a.material=v(e)??`sandstone`)}function m(e,t){let r=e.material?.name;if(r){if(n.has(r)){t?.setAttribute(`data-dt-material`,r);return}console.warn(`[Dialtone] setBaseBrand: brand '${e.brand.name}' declares unknown material '${r}'; falling back to sandstone.`),t?.setAttribute(`data-dt-material`,`sandstone`)}}function h(e,t=document.documentElement){if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setContrast(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let n=t?.shadowRoot??t;e&&e.contrast?(u(`dialtone-css-contrast`,e.contrast.css,n),t?.setAttribute(`data-dt-contrast`,e.contrast.name)):(d(`dialtone-css-contrast`,n),t?.setAttribute(`data-dt-contrast`,`default`))}function g(e,t=document.documentElement){if(e!=null&&typeof e!=`string`)throw TypeError(`[Dialtone] setMaterial: expected a string material name or null.`);if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setMaterial(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let r=e||`sandstone`;if(!n.has(r)){console.warn(`[Dialtone] setMaterial: unknown material '${e}'; falling back to sandstone.`),t?.setAttribute(`data-dt-material`,`sandstone`);return}t?.setAttribute(`data-dt-material`,r)}function _(t,n=`light`,r=document.documentElement,i={}){let{layers:o=!0}=i;if(!t||typeof t!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';`);if(!t.brand||typeof t.brand!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme.brand must be an object with {name, css} properties. Ensure you're importing a valid brand theme.`);if(typeof t.brand.name!=`string`||!t.brand.name||typeof t.brand.css!=`string`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.`);if(n!==`light`&&n!==`dark`)throw TypeError(`[Dialtone] initDialtoneTheme: mode must be 'light' or 'dark', got '${n}'.`);if(!r||typeof r!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: rootNode must be an HTMLElement or host element with shadowRoot.`);if(r instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to initDialtoneTheme(). Please pass the host element instead. The function will access shadowRoot automatically.
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./materials.cjs`),t=require(`./core.cjs`);var n=Object.freeze([`sandstone`,`steel`,`graphite`,`iron`,`amethyst`,`jade`]),r=new Set(n),i=!1,a=0,o=null;function s(e,t=document.documentElement,n=null){if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}if(e===null){f(`dialtone-css-brand`,t?.shadowRoot??t),o&&(t?.setAttribute(`data-dt-brand`,o.brand),g(o.material??`sandstone`,t));return}return e.base?c(e,t,n):l(e,t)}function c(e,t=document.documentElement,n=null){t?.setAttribute(`data-dt-theme`,e.base.name),t?.setAttribute(`data-dt-brand`,e.brand.name);let r=t?.shadowRoot??t;d(`dialtone-css-theme`,e.base.css,r),d(`dialtone-css-brand`,e.brand.css,r),n?(d(`dialtone-css-contrast`,n.css,r),t?.setAttribute(`data-dt-contrast`,`high`)):(f(`dialtone-css-contrast`,r),t?.setAttribute(`data-dt-contrast`,`default`))}function l(e,t=document.documentElement){let n=t?.shadowRoot??t;if(e.core&&!i&&(d(`dialtone-css-core`,e.core,n),i=!0),e.baseColors&&!n?.querySelector(`#dialtone-css-base-colors`)&&d(`dialtone-css-base-colors`,e.baseColors,n),e.brand){let r=o?.brand;r&&e.brand.name===r?(f(`dialtone-css-brand`,n),t?.setAttribute(`data-dt-brand`,r),g(o?.material??`sandstone`,t)):(d(`dialtone-css-brand`,e.brand.css,n),t?.setAttribute(`data-dt-brand`,e.brand.name),h(e,t))}e.contrast&&(d(`dialtone-css-contrast`,e.contrast.css,n),t?.setAttribute(`data-dt-contrast`,e.contrast.name))}function u(e,n,r=null){let o=++a;if(e){d(`dialtone-css-core`,t.core,n),i=!0;return}if(r){d(`dialtone-css-core`,r.core,n),i=!0;return}d(`dialtone-css-core`,``,n),Promise.resolve().then(()=>require(`./core-no-layers.cjs`)).then(({default:e})=>{o===a&&(d(`dialtone-css-core`,e.core,n),i=!0)}).catch(e=>{o===a&&console.error(`[Dialtone] initDialtoneTheme: failed to load no-layers core tokens.`,e)})}function d(e,t,n,r=null){if(n?.querySelector(`#`+e)){let r=n.querySelector(`#`+e);r.innerHTML=t}else{let i=document.createElement(`style`);i.setAttribute(`type`,`text/css`),i.setAttribute(`id`,e),i.innerHTML=t;let a=n?.querySelector(`head`)??n,o=r?n?.querySelector(`#`+r):null;o&&o.parentNode===a?a.insertBefore(i,o):a?.appendChild(i)}}function f(e,t){t?.querySelector(`#`+e)?.remove()}function p(e,t=document.documentElement){if(e!==`light`&&e!==`dark`){console.warn(`Invalid mode: ${e}. Must be 'light' or 'dark'`);return}if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setMode(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}t?.setAttribute(`data-dt-mode`,e)}function m(e,t=document.documentElement){if(!e||typeof e!=`object`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';`);if(!e.brand||typeof e.brand!=`object`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme.brand must be an object with {name, css} properties.`);if(typeof e.brand.name!=`string`||!e.brand.name||typeof e.brand.css!=`string`)throw TypeError(`[Dialtone] setBaseBrand: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.`);if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setBaseBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let n=t?.shadowRoot??t;d(`dialtone-css-brand-base`,e.brand.css,n),t?.setAttribute(`data-dt-brand`,e.brand.name),h(e,t),f(`dialtone-css-brand`,n),o&&(o.brand=e.brand.name,o.material=b(e)??`sandstone`)}function h(e,t){let n=e.material?.name;if(n){if(r.has(n)){g(n,t);return}console.warn(`[Dialtone] setBaseBrand: brand '${e.brand.name}' declares unknown material '${n}'; falling back to sandstone.`),g(`sandstone`,t)}}function g(t,n){let r=n?.shadowRoot??n,i=e[t];i?d(`dialtone-css-material`,i.css,r):f(`dialtone-css-material`,r),n?.setAttribute(`data-dt-material`,t)}function _(e,t=document.documentElement){if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setContrast(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let n=t?.shadowRoot??t;e&&e.contrast?(d(`dialtone-css-contrast`,e.contrast.css,n),t?.setAttribute(`data-dt-contrast`,e.contrast.name)):(f(`dialtone-css-contrast`,n),t?.setAttribute(`data-dt-contrast`,`default`))}function v(e,t=document.documentElement){if(e!=null&&typeof e!=`string`)throw TypeError(`[Dialtone] setMaterial: expected a string material name or null.`);if(t instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to setMaterial(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let n=e||`sandstone`;if(!r.has(n)){console.warn(`[Dialtone] setMaterial: unknown material '${e}'; falling back to sandstone.`),g(`sandstone`,t);return}g(n,t)}function y(e,n=`light`,r=document.documentElement,i={}){let{layers:a=!0,core:s=null}=i;if(!e||typeof e!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';`);if(!e.brand||typeof e.brand!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme.brand must be an object with {name, css} properties. Ensure you're importing a valid brand theme.`);if(typeof e.brand.name!=`string`||!e.brand.name||typeof e.brand.css!=`string`)throw TypeError(`[Dialtone] initDialtoneTheme: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.`);if(n!==`light`&&n!==`dark`)throw TypeError(`[Dialtone] initDialtoneTheme: mode must be 'light' or 'dark', got '${n}'.`);if(!r||typeof r!=`object`)throw TypeError(`[Dialtone] initDialtoneTheme: rootNode must be an HTMLElement or host element with shadowRoot.`);if(r instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to initDialtoneTheme(). Please pass the host element instead. The function will access shadowRoot automatically.
 Correct: initDialtoneTheme(brand, mode, hostElement)
-Incorrect: initDialtoneTheme(brand, mode, hostElement.shadowRoot)`);return}let s=r?.shadowRoot??r;if(r===document.documentElement&&document.querySelector(`#dialtone-css-core`)!==null)throw Error(`[Dialtone] Cannot initialize theme on document.documentElement because theme styles already exist. You are likely in an embedded app/micro-frontend. You MUST pass your own container element as the rootNode parameter. Example: initDialtoneTheme(brandTheme, mode, myAppContainerElement)`);let c=a;if(c)if(c.brand===t.brand.name&&c.mode===n){if(c.layers===o){console.warn(`[Dialtone] Theme already initialized with brand '${t.brand.name}' and mode '${n}'. Re-applying the same theme may be unnecessary. If you need to switch themes dynamically, use setBaseBrand() or setMode() instead of calling initDialtoneTheme() again.`);return}console.warn(`[Dialtone] Theme already initialized with brand '${t.brand.name}' and mode '${n}' using layers=${c.layers}. Reloading core tokens with layers=${o}.`),l(o,s),a.layers=o;return}else{console.warn(`[Dialtone] Theme already initialized. Previous: brand='${c.brand}', mode='${c.mode}'. New: brand='${t.brand.name}', mode='${n}'. Re-initializing with different parameters. Consider using setBaseBrand()/setMode() for dynamic switching.`);return}l(o,s),u(`dialtone-css-base-colors`,e.baseColors,s),f(n,r),r?.setAttribute(`data-dt-contrast`,`default`),r?.setAttribute(`data-dt-material`,`sandstone`),p(t,r),a={brand:t.brand.name,mode:n,contrast:`default`,material:v(t)??`sandstone`,layers:o}}function v(e){return e?.material?.name??null}var y=e=>v(e)!==null,b=o,x=S;function S(e=document.documentElement){if(e instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to resetBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let t=e?.shadowRoot??e;a=null,r=!1,i++,d(`dialtone-css-core`,t),d(`dialtone-css-base-colors`,t),d(`dialtone-css-material`,t),d(`dialtone-css-brand-base`,t),d(`dialtone-css-brand`,t),d(`dialtone-css-contrast`,t),e?.removeAttribute(`data-dt-mode`),e?.removeAttribute(`data-dt-brand`),e?.removeAttribute(`data-dt-contrast`),e?.removeAttribute(`data-dt-material`)}exports.VALID_MATERIALS=t,exports.getBrandMaterial=v,exports.hasBrandMaterialLock=y,exports.initDialtoneTheme=_,exports.resetBrand=S,exports.resetTheme=x,exports.setBaseBrand=p,exports.setBrand=o,exports.setContrast=h,exports.setMaterial=g,exports.setMode=f,exports.setTheme=b;
+Incorrect: initDialtoneTheme(brand, mode, hostElement.shadowRoot)`);return}let c=r?.shadowRoot??r;if(r===document.documentElement&&document.querySelector(`#dialtone-css-core`)!==null)throw Error(`[Dialtone] Cannot initialize theme on document.documentElement because theme styles already exist. You are likely in an embedded app/micro-frontend. You MUST pass your own container element as the rootNode parameter. Example: initDialtoneTheme(brandTheme, mode, myAppContainerElement)`);let l=o;if(l)if(l.brand===e.brand.name&&l.mode===n){if(l.layers===a){console.warn(`[Dialtone] Theme already initialized with brand '${e.brand.name}' and mode '${n}'. Re-applying the same theme may be unnecessary. If you need to switch themes dynamically, use setBaseBrand() or setMode() instead of calling initDialtoneTheme() again.`);return}console.warn(`[Dialtone] Theme already initialized with brand '${e.brand.name}' and mode '${n}' using layers=${l.layers}. Reloading core tokens with layers=${a}.`),u(a,c,s),o.layers=a;return}else{console.warn(`[Dialtone] Theme already initialized. Previous: brand='${l.brand}', mode='${l.mode}'. New: brand='${e.brand.name}', mode='${n}'. Re-initializing with different parameters. Consider using setBaseBrand()/setMode() for dynamic switching.`);return}u(a,c,s),d(`dialtone-css-base-colors`,t.baseColors,c),p(n,r),r?.setAttribute(`data-dt-contrast`,`default`),r?.setAttribute(`data-dt-material`,`sandstone`),m(e,r),o={brand:e.brand.name,mode:n,contrast:`default`,material:b(e)??`sandstone`,layers:a}}function b(e){return e?.material?.name??null}var x=e=>b(e)!==null,S=s,C=w;function w(e=document.documentElement){if(e instanceof ShadowRoot){console.warn(`[Dialtone] You passed a ShadowRoot directly to resetBrand(). Please pass the host element instead. The function will access shadowRoot automatically.`);return}let t=e?.shadowRoot??e;o=null,i=!1,a++,f(`dialtone-css-core`,t),f(`dialtone-css-base-colors`,t),f(`dialtone-css-material`,t),f(`dialtone-css-brand-base`,t),f(`dialtone-css-brand`,t),f(`dialtone-css-contrast`,t),e?.removeAttribute(`data-dt-mode`),e?.removeAttribute(`data-dt-brand`),e?.removeAttribute(`data-dt-contrast`),e?.removeAttribute(`data-dt-material`)}exports.VALID_MATERIALS=n,exports.getBrandMaterial=b,exports.hasBrandMaterialLock=x,exports.initDialtoneTheme=y,exports.resetBrand=w,exports.resetTheme=C,exports.setBaseBrand=m,exports.setBrand=s,exports.setContrast=_,exports.setMaterial=v,exports.setMode=p,exports.setTheme=S;

package/dist/tokens/themes/config.js

@@ -1,46 +1,55 @@
-import e from "./core.js";
+import e from "./materials.js";
+import t from "./core.js";
 //#region themes/config.js
-var t = Object.freeze([
+var n = Object.freeze([
 	"sandstone",
 	"steel",
 	"graphite",
 	"iron",
 	"amethyst",
 	"jade"
-]), n = new Set(t), r = !1, i = 0, a = null;
-function o(e, t = document.documentElement, n = null) {
+]), r = new Set(n), i = !1, a = 0, o = null;
+function s(e, t = document.documentElement, n = null) {
 	if (t instanceof ShadowRoot) {
 		console.warn("[Dialtone] You passed a ShadowRoot directly to setBrand(). Please pass the host element instead. The function will access shadowRoot automatically.");
 		return;
 	}
 	if (e === null) {
-		d("dialtone-css-brand", t?.shadowRoot ?? t), a && (t?.setAttribute("data-dt-brand", a.brand), t?.setAttribute("data-dt-material", a.material ?? "sandstone"));
+		f("dialtone-css-brand", t?.shadowRoot ?? t), o && (t?.setAttribute("data-dt-brand", o.brand), g(o.material ?? "sandstone", t));
 		return;
 	}
-	return e.base ? s(e, t, n) : c(e, t);
+	return e.base ? c(e, t, n) : l(e, t);
 }
-function s(e, t = document.documentElement, n = null) {
+function c(e, t = document.documentElement, n = null) {
 	t?.setAttribute("data-dt-theme", e.base.name), t?.setAttribute("data-dt-brand", e.brand.name);
 	let r = t?.shadowRoot ?? t;
-	u("dialtone-css-theme", e.base.css, r), u("dialtone-css-brand", e.brand.css, r), n ? (u("dialtone-css-contrast", n.css, r), t?.setAttribute("data-dt-contrast", "high")) : (d("dialtone-css-contrast", r), t?.setAttribute("data-dt-contrast", "default"));
+	d("dialtone-css-theme", e.base.css, r), d("dialtone-css-brand", e.brand.css, r), n ? (d("dialtone-css-contrast", n.css, r), t?.setAttribute("data-dt-contrast", "high")) : (f("dialtone-css-contrast", r), t?.setAttribute("data-dt-contrast", "default"));
 }
-function c(e, t = document.documentElement) {
+function l(e, t = document.documentElement) {
 	let n = t?.shadowRoot ?? t;
-	if (e.core && !r && (u("dialtone-css-core", e.core, n), r = !0), e.baseColors && !n?.querySelector("#dialtone-css-base-colors") && u("dialtone-css-base-colors", e.baseColors, n), e.brand) {
-		let r = a?.brand;
-		r && e.brand.name === r ? (d("dialtone-css-brand", n), t?.setAttribute("data-dt-brand", r), t?.setAttribute("data-dt-material", a?.material ?? "sandstone")) : (u("dialtone-css-brand", e.brand.css, n), t?.setAttribute("data-dt-brand", e.brand.name), m(e, t));
+	if (e.core && !i && (d("dialtone-css-core", e.core, n), i = !0), e.baseColors && !n?.querySelector("#dialtone-css-base-colors") && d("dialtone-css-base-colors", e.baseColors, n), e.brand) {
+		let r = o?.brand;
+		r && e.brand.name === r ? (f("dialtone-css-brand", n), t?.setAttribute("data-dt-brand", r), g(o?.material ?? "sandstone", t)) : (d("dialtone-css-brand", e.brand.css, n), t?.setAttribute("data-dt-brand", e.brand.name), h(e, t));
 	}
-	e.contrast && (u("dialtone-css-contrast", e.contrast.css, n), t?.setAttribute("data-dt-contrast", e.contrast.name));
+	e.contrast && (d("dialtone-css-contrast", e.contrast.css, n), t?.setAttribute("data-dt-contrast", e.contrast.name));
 }
-function l(t, n) {
-	let a = ++i;
-	t ? (u("dialtone-css-core", e.core, n), r = !0) : (u("dialtone-css-core", "", n), import("./core-no-layers.js").then(({ default: e }) => {
-		a === i && (u("dialtone-css-core", e.core, n), r = !0);
+function u(e, n, r = null) {
+	let o = ++a;
+	if (e) {
+		d("dialtone-css-core", t.core, n), i = !0;
+		return;
+	}
+	if (r) {
+		d("dialtone-css-core", r.core, n), i = !0;
+		return;
+	}
+	d("dialtone-css-core", "", n), import("./core-no-layers.js").then(({ default: e }) => {
+		o === a && (d("dialtone-css-core", e.core, n), i = !0);
 	}).catch((e) => {
-		a === i && console.error("[Dialtone] initDialtoneTheme: failed to load no-layers core tokens.", e);
-	}));
+		o === a && console.error("[Dialtone] initDialtoneTheme: failed to load no-layers core tokens.", e);
+	});
 }
-function u(e, t, n, r = null) {
+function d(e, t, n, r = null) {
 	if (n?.querySelector("#" + e)) {
 		let r = n.querySelector("#" + e);
 		r.innerHTML = t;
@@ -51,10 +60,10 @@ function u(e, t, n, r = null) {
 		o && o.parentNode === a ? a.insertBefore(i, o) : a?.appendChild(i);
 	}
 }
-function d(e, t) {
+function f(e, t) {
 	t?.querySelector("#" + e)?.remove();
 }
-function f(e, t = document.documentElement) {
+function p(e, t = document.documentElement) {
 	if (e !== "light" && e !== "dark") {
 		console.warn(`Invalid mode: ${e}. Must be 'light' or 'dark'`);
 		return;
@@ -65,7 +74,7 @@ function f(e, t = document.documentElement) {
 	}
 	t?.setAttribute("data-dt-mode", e);
 }
-function p(e, t = document.documentElement) {
+function m(e, t = document.documentElement) {
 	if (!e || typeof e != "object") throw TypeError("[Dialtone] setBaseBrand: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';");
 	if (!e.brand || typeof e.brand != "object") throw TypeError("[Dialtone] setBaseBrand: brandTheme.brand must be an object with {name, css} properties.");
 	if (typeof e.brand.name != "string" || !e.brand.name || typeof e.brand.css != "string") throw TypeError("[Dialtone] setBaseBrand: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.");
@@ -74,83 +83,87 @@ function p(e, t = document.documentElement) {
 		return;
 	}
 	let n = t?.shadowRoot ?? t;
-	u("dialtone-css-brand-base", e.brand.css, n), t?.setAttribute("data-dt-brand", e.brand.name), m(e, t), d("dialtone-css-brand", n), a && (a.brand = e.brand.name, a.material = v(e) ?? "sandstone");
+	d("dialtone-css-brand-base", e.brand.css, n), t?.setAttribute("data-dt-brand", e.brand.name), h(e, t), f("dialtone-css-brand", n), o && (o.brand = e.brand.name, o.material = b(e) ?? "sandstone");
 }
-function m(e, t) {
-	let r = e.material?.name;
-	if (r) {
-		if (n.has(r)) {
-			t?.setAttribute("data-dt-material", r);
+function h(e, t) {
+	let n = e.material?.name;
+	if (n) {
+		if (r.has(n)) {
+			g(n, t);
 			return;
 		}
-		console.warn(`[Dialtone] setBaseBrand: brand '${e.brand.name}' declares unknown material '${r}'; falling back to sandstone.`), t?.setAttribute("data-dt-material", "sandstone");
+		console.warn(`[Dialtone] setBaseBrand: brand '${e.brand.name}' declares unknown material '${n}'; falling back to sandstone.`), g("sandstone", t);
 	}
 }
-function h(e, t = document.documentElement) {
+function g(t, n) {
+	let r = n?.shadowRoot ?? n, i = e[t];
+	i ? d("dialtone-css-material", i.css, r) : f("dialtone-css-material", r), n?.setAttribute("data-dt-material", t);
+}
+function _(e, t = document.documentElement) {
 	if (t instanceof ShadowRoot) {
 		console.warn("[Dialtone] You passed a ShadowRoot directly to setContrast(). Please pass the host element instead. The function will access shadowRoot automatically.");
 		return;
 	}
 	let n = t?.shadowRoot ?? t;
-	e && e.contrast ? (u("dialtone-css-contrast", e.contrast.css, n), t?.setAttribute("data-dt-contrast", e.contrast.name)) : (d("dialtone-css-contrast", n), t?.setAttribute("data-dt-contrast", "default"));
+	e && e.contrast ? (d("dialtone-css-contrast", e.contrast.css, n), t?.setAttribute("data-dt-contrast", e.contrast.name)) : (f("dialtone-css-contrast", n), t?.setAttribute("data-dt-contrast", "default"));
 }
-function g(e, t = document.documentElement) {
+function v(e, t = document.documentElement) {
 	if (e != null && typeof e != "string") throw TypeError("[Dialtone] setMaterial: expected a string material name or null.");
 	if (t instanceof ShadowRoot) {
 		console.warn("[Dialtone] You passed a ShadowRoot directly to setMaterial(). Please pass the host element instead. The function will access shadowRoot automatically.");
 		return;
 	}
-	let r = e || "sandstone";
-	if (!n.has(r)) {
-		console.warn(`[Dialtone] setMaterial: unknown material '${e}'; falling back to sandstone.`), t?.setAttribute("data-dt-material", "sandstone");
+	let n = e || "sandstone";
+	if (!r.has(n)) {
+		console.warn(`[Dialtone] setMaterial: unknown material '${e}'; falling back to sandstone.`), g("sandstone", t);
 		return;
 	}
-	t?.setAttribute("data-dt-material", r);
+	g(n, t);
 }
-function _(t, n = "light", r = document.documentElement, i = {}) {
-	let { layers: o = !0 } = i;
-	if (!t || typeof t != "object") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';");
-	if (!t.brand || typeof t.brand != "object") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme.brand must be an object with {name, css} properties. Ensure you're importing a valid brand theme.");
-	if (typeof t.brand.name != "string" || !t.brand.name || typeof t.brand.css != "string") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.");
+function y(e, n = "light", r = document.documentElement, i = {}) {
+	let { layers: a = !0, core: s = null } = i;
+	if (!e || typeof e != "object") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme must be an object. Import a brand theme like: import Dp from '@dialpad/dialtone-tokens/themes/dp';");
+	if (!e.brand || typeof e.brand != "object") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme.brand must be an object with {name, css} properties. Ensure you're importing a valid brand theme.");
+	if (typeof e.brand.name != "string" || !e.brand.name || typeof e.brand.css != "string") throw TypeError("[Dialtone] initDialtoneTheme: brandTheme.brand.name must be a non-empty string and brandTheme.brand.css must be a string.");
 	if (n !== "light" && n !== "dark") throw TypeError(`[Dialtone] initDialtoneTheme: mode must be 'light' or 'dark', got '${n}'.`);
 	if (!r || typeof r != "object") throw TypeError("[Dialtone] initDialtoneTheme: rootNode must be an HTMLElement or host element with shadowRoot.");
 	if (r instanceof ShadowRoot) {
 		console.warn("[Dialtone] You passed a ShadowRoot directly to initDialtoneTheme(). Please pass the host element instead. The function will access shadowRoot automatically.\nCorrect: initDialtoneTheme(brand, mode, hostElement)\nIncorrect: initDialtoneTheme(brand, mode, hostElement.shadowRoot)");
 		return;
 	}
-	let s = r?.shadowRoot ?? r;
+	let c = r?.shadowRoot ?? r;
 	if (r === document.documentElement && document.querySelector("#dialtone-css-core") !== null) throw Error("[Dialtone] Cannot initialize theme on document.documentElement because theme styles already exist. You are likely in an embedded app/micro-frontend. You MUST pass your own container element as the rootNode parameter. Example: initDialtoneTheme(brandTheme, mode, myAppContainerElement)");
-	let c = a;
-	if (c) if (c.brand === t.brand.name && c.mode === n) {
-		if (c.layers === o) {
-			console.warn(`[Dialtone] Theme already initialized with brand '${t.brand.name}' and mode '${n}'. Re-applying the same theme may be unnecessary. If you need to switch themes dynamically, use setBaseBrand() or setMode() instead of calling initDialtoneTheme() again.`);
+	let l = o;
+	if (l) if (l.brand === e.brand.name && l.mode === n) {
+		if (l.layers === a) {
+			console.warn(`[Dialtone] Theme already initialized with brand '${e.brand.name}' and mode '${n}'. Re-applying the same theme may be unnecessary. If you need to switch themes dynamically, use setBaseBrand() or setMode() instead of calling initDialtoneTheme() again.`);
 			return;
 		}
-		console.warn(`[Dialtone] Theme already initialized with brand '${t.brand.name}' and mode '${n}' using layers=${c.layers}. Reloading core tokens with layers=${o}.`), l(o, s), a.layers = o;
+		console.warn(`[Dialtone] Theme already initialized with brand '${e.brand.name}' and mode '${n}' using layers=${l.layers}. Reloading core tokens with layers=${a}.`), u(a, c, s), o.layers = a;
 		return;
 	} else {
-		console.warn(`[Dialtone] Theme already initialized. Previous: brand='${c.brand}', mode='${c.mode}'. New: brand='${t.brand.name}', mode='${n}'. Re-initializing with different parameters. Consider using setBaseBrand()/setMode() for dynamic switching.`);
+		console.warn(`[Dialtone] Theme already initialized. Previous: brand='${l.brand}', mode='${l.mode}'. New: brand='${e.brand.name}', mode='${n}'. Re-initializing with different parameters. Consider using setBaseBrand()/setMode() for dynamic switching.`);
 		return;
 	}
-	l(o, s), u("dialtone-css-base-colors", e.baseColors, s), f(n, r), r?.setAttribute("data-dt-contrast", "default"), r?.setAttribute("data-dt-material", "sandstone"), p(t, r), a = {
-		brand: t.brand.name,
+	u(a, c, s), d("dialtone-css-base-colors", t.baseColors, c), p(n, r), r?.setAttribute("data-dt-contrast", "default"), r?.setAttribute("data-dt-material", "sandstone"), m(e, r), o = {
+		brand: e.brand.name,
 		mode: n,
 		contrast: "default",
-		material: v(t) ?? "sandstone",
-		layers: o
+		material: b(e) ?? "sandstone",
+		layers: a
 	};
 }
-function v(e) {
+function b(e) {
 	return e?.material?.name ?? null;
 }
-var y = (e) => v(e) !== null, b = o, x = S;
-function S(e = document.documentElement) {
+var x = (e) => b(e) !== null, S = s, C = w;
+function w(e = document.documentElement) {
 	if (e instanceof ShadowRoot) {
 		console.warn("[Dialtone] You passed a ShadowRoot directly to resetBrand(). Please pass the host element instead. The function will access shadowRoot automatically.");
 		return;
 	}
 	let t = e?.shadowRoot ?? e;
-	a = null, r = !1, i++, d("dialtone-css-core", t), d("dialtone-css-base-colors", t), d("dialtone-css-material", t), d("dialtone-css-brand-base", t), d("dialtone-css-brand", t), d("dialtone-css-contrast", t), e?.removeAttribute("data-dt-mode"), e?.removeAttribute("data-dt-brand"), e?.removeAttribute("data-dt-contrast"), e?.removeAttribute("data-dt-material");
+	o = null, i = !1, a++, f("dialtone-css-core", t), f("dialtone-css-base-colors", t), f("dialtone-css-material", t), f("dialtone-css-brand-base", t), f("dialtone-css-brand", t), f("dialtone-css-contrast", t), e?.removeAttribute("data-dt-mode"), e?.removeAttribute("data-dt-brand"), e?.removeAttribute("data-dt-contrast"), e?.removeAttribute("data-dt-material");
 }
 //#endregion
-export { t as VALID_MATERIALS, v as getBrandMaterial, y as hasBrandMaterialLock, _ as initDialtoneTheme, S as resetBrand, x as resetTheme, p as setBaseBrand, o as setBrand, h as setContrast, g as setMaterial, f as setMode, b as setTheme };
+export { n as VALID_MATERIALS, b as getBrandMaterial, x as hasBrandMaterialLock, y as initDialtoneTheme, w as resetBrand, C as resetTheme, m as setBaseBrand, s as setBrand, _ as setContrast, v as setMaterial, p as setMode, S as setTheme };

package/dist/tokens/themes/materials.cjs

@@ -0,0 +1 @@
+const e=require(`./chunks/chunk-qndmjIgv.js`);let t=require(`@dialpad/dialtone-tokens/layered/material/tokens-amethyst.css?inline`);t=e.t(t);let n=require(`@dialpad/dialtone-tokens/layered/material/tokens-graphite.css?inline`);n=e.t(n);let r=require(`@dialpad/dialtone-tokens/layered/material/tokens-iron.css?inline`);r=e.t(r);let i=require(`@dialpad/dialtone-tokens/layered/material/tokens-jade.css?inline`);i=e.t(i);let a=require(`@dialpad/dialtone-tokens/layered/material/tokens-steel.css?inline`);a=e.t(a);var o={amethyst:{name:`amethyst`,css:t.default},graphite:{name:`graphite`,css:n.default},iron:{name:`iron`,css:r.default},jade:{name:`jade`,css:i.default},steel:{name:`steel`,css:a.default}};module.exports=o;

package/dist/tokens/themes/materials.js

@@ -0,0 +1,30 @@
+import e from "@dialpad/dialtone-tokens/layered/material/tokens-amethyst.css?inline";
+import t from "@dialpad/dialtone-tokens/layered/material/tokens-graphite.css?inline";
+import n from "@dialpad/dialtone-tokens/layered/material/tokens-iron.css?inline";
+import r from "@dialpad/dialtone-tokens/layered/material/tokens-jade.css?inline";
+import i from "@dialpad/dialtone-tokens/layered/material/tokens-steel.css?inline";
+//#region themes/materials.js
+var a = {
+	amethyst: {
+		name: "amethyst",
+		css: e
+	},
+	graphite: {
+		name: "graphite",
+		css: t
+	},
+	iron: {
+		name: "iron",
+		css: n
+	},
+	jade: {
+		name: "jade",
+		css: r
+	},
+	steel: {
+		name: "steel",
+		css: i
+	}
+};
+//#endregion
+export { a as default };

package/dist/tokens/types/themes/config-no-layers.d.ts

@@ -0,0 +1,5 @@
+export function initDialtoneThemeNoLayers(brandTheme: BrandTheme, mode?: Mode, rootNode?: ThemeRootNode, options?: Object): void;
+export type BrandTheme = import('./config.js').BrandTheme;
+export type Mode = import('./config.js').Mode;
+export type ThemeRootNode = import('./config.js').ThemeRootNode;
+//# sourceMappingURL=config-no-layers.d.ts.map

package/dist/tokens/types/themes/config-no-layers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-no-layers.d.ts","sourceRoot":"","sources":["../../../themes/config-no-layers.js"],"names":[],"mappings":"AAgCA,sDAZW,UAAU,SACV,IAAI,aACJ,aAAa,YACb,MAAM,QAWhB;yBA9BY,OAAO,aAAa,EAAE,UAAU;mBAChC,OAAO,aAAa,EAAE,IAAI;4BAC1B,OAAO,aAAa,EAAE,aAAa"}

package/dist/tokens/types/themes/config.d.ts

@@ -5,6 +5,7 @@ export function setContrast(contrastTheme: ContrastTheme | null, rootNode?: Them
 export function setMaterial(name: MaterialName | null, rootNode?: ThemeRootNode): void;
 export function initDialtoneTheme(brandTheme: BrandTheme, mode?: Mode, rootNode?: ThemeRootNode, options?: {
     layers?: boolean | undefined;
+    core?: CoreTheme | undefined;
 }): void;
 export function getBrandMaterial(brandTheme: BrandTheme): string | null;
 export function resetBrand(rootNode?: HTMLElement): void;

package/dist/tokens/types/themes/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../themes/config.js"],"names":[],"mappings":"AA4GA,gCAzBW,MAAM,GAAC,IAAI,aACX,aAAa,kBACb,MAAM,GAAC,IAAI,QAmDrB;AAmKD,8BAhBW,IAAI,aACJ,aAAa,QA+BvB;AAyBD,yCAjBW,UAAU,aACV,aAAa,QA6DvB;AAiDD,2CArBW,aAAa,GAAC,IAAI,aAClB,aAAa,QAsCvB;AAqBD,kCAPW,YAAY,GAAC,IAAI,aACjB,aAAa,QA+BvB;AAuDD,8CA7CW,UAAU,SACV,IAAI,aACJ,aAAa,YAErB;IAA0B,MAAM;CAMhC,QA8JF;AAMD,6CAHW,UAAU,GACR,MAAM,GAAC,IAAI,CAIvB;AAuCD,yDAiCC;AAvuBD,gDAA6G;AAqqBtG,iDAHI,UAAU,GACR,OAAO,CAEqE;AAtkBzF,gCAzBW,MAAM,GAAC,IAAI,aACX,aAAa,kBACb,MAAM,GAAC,IAAI,QAmDrB;AA2kBD,yDAiCC;mBAntBY,OAAO,GAAC,MAAM;4BAKd,WAAW,GAAC,UAAU;;UAOrB,MAAM;gBACN,MAAM;;;WAOjB;QAAyB,IAAI,EAAlB,MAAM;QACQ,GAAG,EAAjB,MAAM;KACjB;;;;;;cAQA;QAA4B,IAAI,EAArB,MAAM;QACW,GAAG,EAApB,MAAM;KACnB;;2BAGY,WAAW,GAAC,OAAO,GAAC,UAAU,GAAC,MAAM,GAAC,UAAU,GAAC,MAAM"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../themes/config.js"],"names":[],"mappings":"AAgHA,gCAzBW,MAAM,GAAC,IAAI,aACX,aAAa,kBACb,MAAM,GAAC,IAAI,QAmDrB;AAkLD,8BAhBW,IAAI,aACJ,aAAa,QA+BvB;AAyBD,yCAjBW,UAAU,aACV,aAAa,QA6DvB;AAmED,2CArBW,aAAa,GAAC,IAAI,aAClB,aAAa,QAsCvB;AAyBD,kCAPW,YAAY,GAAC,IAAI,aACjB,aAAa,QA+BvB;AAkED,8CAxDW,UAAU,SACV,IAAI,aACJ,aAAa,YAErB;IAA0B,MAAM;IASJ,IAAI;CAGhC,QAmKF;AAMD,6CAHW,UAAU,GACR,MAAM,GAAC,IAAI,CAIvB;AAuCD,yDAgCC;AAtxBD,gDAA6G;AAqtBtG,iDAHI,UAAU,GACR,OAAO,CAEqE;AAtnBzF,gCAzBW,MAAM,GAAC,IAAI,aACX,aAAa,kBACb,MAAM,GAAC,IAAI,QAmDrB;AA2nBD,yDAgCC;mBAlwBY,OAAO,GAAC,MAAM;4BAKd,WAAW,GAAC,UAAU;;UAOrB,MAAM;gBACN,MAAM;;;WAOjB;QAAyB,IAAI,EAAlB,MAAM;QACQ,GAAG,EAAjB,MAAM;KACjB;;;;;;cAQA;QAA4B,IAAI,EAArB,MAAM;QACW,GAAG,EAApB,MAAM;KACnB;;2BAGY,WAAW,GAAC,OAAO,GAAC,UAAU,GAAC,MAAM,GAAC,UAAU,GAAC,MAAM"}

package/dist/tokens/types/themes/materials.d.ts

@@ -0,0 +1,28 @@
+declare namespace _default {
+    namespace amethyst {
+        export let name: string;
+        export { MaterialAmethyst as css };
+    }
+    namespace graphite {
+        let name_1: string;
+        export { name_1 as name };
+        export { MaterialGraphite as css };
+    }
+    namespace iron {
+        let name_2: string;
+        export { name_2 as name };
+        export { MaterialIron as css };
+    }
+    namespace jade {
+        let name_3: string;
+        export { name_3 as name };
+        export { MaterialJade as css };
+    }
+    namespace steel {
+        let name_4: string;
+        export { name_4 as name };
+        export { MaterialSteel as css };
+    }
+}
+export default _default;
+//# sourceMappingURL=materials.d.ts.map

package/dist/tokens/types/themes/materials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"materials.d.ts","sourceRoot":"","sources":["../../../themes/materials.js"],"names":[],"mappings":""}

package/dist/vue3/{RichTextEditor-DKpulIyi.js → RichTextEditor-CzMY0oVT.js}

@@ -2733,25 +2733,18 @@ var Bi = {
 					return {
 						...this.parent?.(),
 						toggleCodeBlock: (e = {}) => ({ state: t, chain: n, commands: r }) => {
-							let i = t.schema.nodes[this.name], { $from: a } = t.selection;
-							if (a.parent.type === i) {
-								let e = t.schema.nodes.paragraph, r = a.parent.textContent.split("\n"), i = a.before(), o = a.parent;
-								return n().command(({ tr: n }) => {
-									let a = r.map((n) => e.create({}, n ? [t.schema.text(n)] : []));
-									return n.replaceWith(i, i + o.nodeSize, a), !0;
-								}).run();
-							}
-							let { from: o, to: s } = t.selection, c = [];
-							if (t.doc.nodesBetween(o, s, (e, t) => {
-								if (e.isTextblock) return c.push({
+							let i = t.schema.nodes[this.name], { $from: a, $to: o } = t.selection, s = [];
+							return t.doc.nodesBetween(a.pos, o.pos, (e, t) => {
+								if (e.isTextblock) return s.push({
 									node: e,
 									pos: t
 								}), !1;
-							}), c.length <= 1) return r.setNode(this.name, e);
-							let l = c.map(({ node: e }) => e.textContent).join("\n"), u = c[0].pos, d = c[c.length - 1], f = d.pos + d.node.nodeSize;
-							return n().command(({ tr: n }) => {
-								let r = l.length ? [t.schema.text(l)] : [];
-								return n.replaceWith(u, f, i.create(e, r)), !0;
+							}), s.length <= 1 ? r.toggleNode(this.name, "paragraph", e) : s.every(({ node: e }) => e.type === i) ? r.toggleNode(this.name, "paragraph") : n().setNode(this.name, e).command(({ tr: e }) => {
+								for (let n = s.length - 1; n > 0; n--) {
+									let r = e.mapping.map(s[n].pos), a = r - 1;
+									e.doc.resolve(a).parent.type === i && e.replaceWith(a, r + 1, t.schema.text("\n"));
+								}
+								return !0;
 							}).run();
 						}
 					};
@@ -3080,4 +3073,4 @@ var Wi = /* @__PURE__ */ i(Vi, [["render", Ui]]);
 //#endregion
 export { Wi as t };
 
-//# sourceMappingURL=RichTextEditor-DKpulIyi.js.map
+//# sourceMappingURL=RichTextEditor-CzMY0oVT.js.map