@vonage/vivid 5.15.1 → 5.17.0

package/bundled/char-count.cjs

@@ -1,13 +1,13 @@
-"use strict";const o=require("./definition14.cjs"),u=require("./localized.cjs"),s=require("./vivid-element.cjs"),c=require("./ref.cjs");var l=Object.defineProperty,d=(i,n,a,r)=>{for(var e=void 0,t=i.length-1,h;t>=0;t--)(h=i[t])&&(e=h(n,a,e)||e);return e&&l(n,a,e),e};const C=i=>{class n extends u.Localized(i){constructor(){super(...arguments),this.charCount=!1,this.#t=null,this._charCountDescribedBy="char-count-description",this._renderCharCountRemaining=()=>{!this.charCount||!this.maxlength||(this.charCountRemaining.textContent=this.locale.charCount.charactersRemainingMessage(this.maxlength-this.value.length))},this._updateCharCountRemaining=()=>{this.#t!==null&&clearTimeout(this.#t),this.#t=setTimeout(()=>this._renderCharCountRemaining(),1e3)},this._getCharCountTemplate=r=>{const e=r.tagFor(o.VisuallyHidden);return s.html`
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./ref.cjs`),r=require(`./definition.cjs`),i=require(`./decorate.cjs`);var a=a=>{class o extends e.t(a){constructor(...e){super(...e),this.charCount=!1,this._charCountDescribedBy=`char-count-description`,this._renderCharCountRemaining=()=>{!this.charCount||!this.maxlength||(this.charCountRemaining.textContent=this.locale.charCount.charactersRemainingMessage(this.maxlength-this.value.length))},this._updateCharCountRemaining=()=>{this.#e!==null&&clearTimeout(this.#e),this.#e=setTimeout(()=>this._renderCharCountRemaining(),1e3)},this._getCharCountTemplate=e=>{let i=e.tagFor(r.r);return t.d`
 				<div class="char-count">
 					<span aria-hidden="true"
-						> ${t=>t.value?t.value.length:0} / ${t=>t.maxlength}</span
+						> ${e=>e.value?e.value.length:0} / ${e=>e.maxlength}</span
 					>
-					<${e} id="${t=>t._charCountDescribedBy}"
-						>${t=>t.locale.charCount.charactersLimitMessage(t.maxlength)}</${e}
+					<${i} id="${e=>e._charCountDescribedBy}"
+						>${e=>e.locale.charCount.charactersLimitMessage(e.maxlength)}</${i}
 					>
-					<${e} id="char-count-remaining" aria-live="polite" ${c.ref("charCountRemaining")}
-						></${e}
+					<${i} id="char-count-remaining" aria-live="polite" ${n.t(`charCountRemaining`)}
+						></${i}
 					>
 				</div>
-			`}}#t}return d([s.attr({attribute:"char-count",mode:"boolean"})],n.prototype,"charCount"),n};exports.WithCharCount=C;
+			`}}#e=null}return i.t([t.l({attribute:`char-count`,mode:`boolean`})],o.prototype,`charCount`,void 0),o};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});

package/bundled/char-count.js

@@ -1,54 +1,39 @@
-import { V as o } from "./definition14.js";
-import { L as s } from "./localized.js";
-import { a as u, h as l } from "./vivid-element.js";
-import { r as c } from "./ref.js";
-var m = Object.defineProperty, d = (r, a, n, i) => {
-  for (var e = void 0, t = r.length - 1, h; t >= 0; t--)
-    (h = r[t]) && (e = h(a, n, e) || e);
-  return e && m(a, n, e), e;
-};
-const v = (r) => {
-  class a extends s(r) {
-    constructor() {
-      super(...arguments), this.charCount = !1, this.#t = null, this._charCountDescribedBy = "char-count-description", this._renderCharCountRemaining = () => {
-        !this.charCount || !this.maxlength || (this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(
-          this.maxlength - this.value.length
-        ));
-      }, this._updateCharCountRemaining = () => {
-        this.#t !== null && clearTimeout(this.#t), this.#t = setTimeout(
-          () => this._renderCharCountRemaining(),
-          1e3
-        );
-      }, this._getCharCountTemplate = (i) => {
-        const e = i.tagFor(o);
-        return l`
+import { t as e } from "./localized.js";
+import { d as t, l as n } from "./vivid-element.js";
+import { t as r } from "./ref.js";
+import { r as i } from "./definition.js";
+import { t as a } from "./decorate.js";
+//#region src/shared/patterns/char-count/char-count.ts
+var o = (o) => {
+	class s extends e(o) {
+		constructor(...e) {
+			super(...e), this.charCount = !1, this._charCountDescribedBy = "char-count-description", this._renderCharCountRemaining = () => {
+				!this.charCount || !this.maxlength || (this.charCountRemaining.textContent = this.locale.charCount.charactersRemainingMessage(this.maxlength - this.value.length));
+			}, this._updateCharCountRemaining = () => {
+				this.#e !== null && clearTimeout(this.#e), this.#e = setTimeout(() => this._renderCharCountRemaining(), 1e3);
+			}, this._getCharCountTemplate = (e) => {
+				let n = e.tagFor(i);
+				return t`
 				<div class="char-count">
 					<span aria-hidden="true"
-						> ${(t) => t.value ? t.value.length : 0} / ${(t) => t.maxlength}</span
+						> ${(e) => e.value ? e.value.length : 0} / ${(e) => e.maxlength}</span
 					>
-					<${e} id="${(t) => t._charCountDescribedBy}"
-						>${(t) => t.locale.charCount.charactersLimitMessage(
-          t.maxlength
-        )}</${e}
+					<${n} id="${(e) => e._charCountDescribedBy}"
+						>${(e) => e.locale.charCount.charactersLimitMessage(e.maxlength)}</${n}
 					>
-					<${e} id="char-count-remaining" aria-live="polite" ${c(
-          "charCountRemaining"
-        )}
-						></${e}
+					<${n} id="char-count-remaining" aria-live="polite" ${r("charCountRemaining")}
+						></${n}
 					>
 				</div>
 			`;
-      };
-    }
-    #t;
-  }
-  return d([
-    u({
-      attribute: "char-count",
-      mode: "boolean"
-    })
-  ], a.prototype, "charCount"), a;
-};
-export {
-  v as W
+			};
+		}
+		#e = null;
+	}
+	return a([n({
+		attribute: "char-count",
+		mode: "boolean"
+	})], s.prototype, "charCount", void 0), s;
 };
+//#endregion
+export { o as t };

package/bundled/children.cjs

@@ -1 +1 @@
-"use strict";const s=require("./vivid-element.cjs"),c=require("./slotted.cjs");class o extends c.NodeObservationDirective{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,n)=>{const i=n.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=s.noop,e[this.observerProperty]=t),t.target=e,t.observe(e,this.options)}disconnect(e){const t=e[this.observerProperty];t.target=null,t.disconnect()}getNodes(e){return"selector"in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}}s.HTMLDirective.define(o);function h(r){return s.isString(r)&&(r={property:r}),new o(r)}exports.children=h;
+const e=require(`./vivid-element.cjs`),t=require(`./slotted.cjs`);var n=class extends t.n{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(e,t)=>{let n=t.target;this.updateTarget(this.getSource(n),this.computeNodes(n))},e.childList=!0}observe(t){let n=t[this.observerProperty];n||(n=new MutationObserver(this.handleEvent),n.toJSON=e.N,t[this.observerProperty]=n),n.target=t,n.observe(t,this.options)}disconnect(e){let t=e[this.observerProperty];t.target=null,t.disconnect()}getNodes(e){return`selector`in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}};e.m.define(n);function r(t){return e.M(t)&&(t={property:t}),new n(t)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});

package/bundled/children.js

@@ -1,46 +1,28 @@
-import { x as n, H as c, i as h } from "./vivid-element.js";
-import { N as l } from "./slotted.js";
-class o extends l {
-  /**
-   * Creates an instance of ChildrenDirective.
-   * @param options - The options to use in configuring the child observation behavior.
-   */
-  constructor(e) {
-    super(e), this.observerProperty = /* @__PURE__ */ Symbol(), this.handleEvent = (r, i) => {
-      const s = i.target;
-      this.updateTarget(this.getSource(s), this.computeNodes(s));
-    }, e.childList = !0;
-  }
-  /**
-   * Begins observation of the nodes.
-   * @param target - The target to observe.
-   */
-  observe(e) {
-    let r = e[this.observerProperty];
-    r || (r = new MutationObserver(this.handleEvent), r.toJSON = n, e[this.observerProperty] = r), r.target = e, r.observe(e, this.options);
-  }
-  /**
-   * Disconnects observation of the nodes.
-   * @param target - The target to unobserve.
-   */
-  disconnect(e) {
-    const r = e[this.observerProperty];
-    r.target = null, r.disconnect();
-  }
-  /**
-   * Retrieves the raw nodes that should be assigned to the source property.
-   * @param target - The target to get the node to.
-   */
-  getNodes(e) {
-    return "selector" in this.options ? Array.from(e.querySelectorAll(this.options.selector)) : Array.from(e.childNodes);
-  }
-}
-c.define(o);
-function v(t) {
-  return h(t) && (t = {
-    property: t
-  }), new o(t);
-}
-export {
-  v as c
+import { M as e, N as t, m as n } from "./vivid-element.js";
+import { n as r } from "./slotted.js";
+//#region ../../node_modules/.pnpm/@microsoft+fast-element@2.8.3/node_modules/@microsoft/fast-element/dist/esm/templating/children.js
+var i = class extends r {
+	constructor(e) {
+		super(e), this.observerProperty = Symbol(), this.handleEvent = (e, t) => {
+			let n = t.target;
+			this.updateTarget(this.getSource(n), this.computeNodes(n));
+		}, e.childList = !0;
+	}
+	observe(e) {
+		let n = e[this.observerProperty];
+		n || (n = new MutationObserver(this.handleEvent), n.toJSON = t, e[this.observerProperty] = n), n.target = e, n.observe(e, this.options);
+	}
+	disconnect(e) {
+		let t = e[this.observerProperty];
+		t.target = null, t.disconnect();
+	}
+	getNodes(e) {
+		return "selector" in this.options ? Array.from(e.querySelectorAll(this.options.selector)) : Array.from(e.childNodes);
+	}
 };
+n.define(i);
+function a(t) {
+	return e(t) && (t = { property: t }), new i(t);
+}
+//#endregion
+export { a as t };

package/bundled/class-names.cjs

@@ -1 +1 @@
-"use strict";function s(...e){return e.reduce((r,n)=>{const i=r.length?" ":"",t=Array.isArray(n)&&n[1]?s.call(null,n[0]):typeof n=="function"?n():typeof n=="string"?n:"";return t.length?r+i+t:r},"")}exports.classNames=s;
+function e(...t){return t.reduce((t,n)=>{let r=t.length?` `:``,i=Array.isArray(n)&&n[1]?e.call(null,n[0]):typeof n==`function`?n():typeof n==`string`?n:``;return i.length?t+r+i:t},``)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/class-names.js

@@ -1,9 +1,9 @@
-function e(...o) {
-  return o.reduce((r, n) => {
-    const s = r.length ? " " : "", t = Array.isArray(n) && n[1] ? e.call(null, n[0]) : typeof n == "function" ? n() : typeof n == "string" ? n : "";
-    return t.length ? r + s + t : r;
-  }, "");
+//#region ../../node_modules/.pnpm/@microsoft+fast-web-utilities@6.0.0/node_modules/@microsoft/fast-web-utilities/dist/class-names.js
+function e(...t) {
+	return t.reduce((t, n) => {
+		let r = t.length ? " " : "", i = Array.isArray(n) && n[1] ? e.call(null, n[0]) : typeof n == "function" ? n() : typeof n == "string" ? n : "";
+		return i.length ? t + r + i : t;
+	}, "");
 }
-export {
-  e as c
-};
+//#endregion
+export { e as t };

package/bundled/data-grid.options.cjs

@@ -1 +1 @@
-"use strict";const e={none:"none",ascending:"ascending",descending:"descending",other:"other"},a={none:"none",default:"default",sticky:"sticky"},t={default:"default",columnHeader:"columnheader",rowHeader:"rowheader"},d={default:"default",header:"header",stickyHeader:"sticky-header"},r={columnheader:"columnheader",rowheader:"rowheader",default:"gridcell"};exports.DataGridCellRole=r;exports.DataGridCellSortStates=e;exports.DataGridCellTypes=t;exports.DataGridRowTypes=d;exports.GenerateHeaderOptions=a;
+var e={none:`none`,ascending:`ascending`,descending:`descending`,other:`other`},t={none:`none`,default:`default`,sticky:`sticky`},n={default:`default`,columnHeader:`columnheader`,rowHeader:`rowheader`},r={default:`default`,header:`header`,stickyHeader:`sticky-header`},i={columnheader:`columnheader`,rowheader:`rowheader`,default:`gridcell`};Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/data-grid.options.js

@@ -1,29 +1,25 @@
-const e = {
-  none: "none",
-  ascending: "ascending",
-  descending: "descending",
-  other: "other"
-}, a = {
-  none: "none",
-  default: "default",
-  sticky: "sticky"
-}, d = {
-  default: "default",
-  columnHeader: "columnheader",
-  rowHeader: "rowheader"
+//#region src/lib/data-grid/data-grid.options.ts
+var e = {
+	none: "none",
+	ascending: "ascending",
+	descending: "descending",
+	other: "other"
 }, t = {
-  default: "default",
-  header: "header",
-  stickyHeader: "sticky-header"
+	none: "none",
+	default: "default",
+	sticky: "sticky"
 }, n = {
-  columnheader: "columnheader",
-  rowheader: "rowheader",
-  default: "gridcell"
-};
-export {
-  d as D,
-  a as G,
-  e as a,
-  t as b,
-  n as c
+	default: "default",
+	columnHeader: "columnheader",
+	rowHeader: "rowheader"
+}, r = {
+	default: "default",
+	header: "header",
+	stickyHeader: "sticky-header"
+}, i = {
+	columnheader: "columnheader",
+	rowheader: "rowheader",
+	default: "gridcell"
 };
+//#endregion
+export { t as a, r as i, e as n, n as r, i as t };

package/bundled/decorate.cjs

@@ -0,0 +1 @@
+function e(e,t,n,r){var i=arguments.length,a=i<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,n):r,o;if(typeof Reflect==`object`&&typeof Reflect.decorate==`function`)a=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,n,a):o(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});

package/bundled/decorate.js

@@ -0,0 +1,9 @@
+//#region \0@oxc-project+runtime@0.120.0/helpers/decorate.js
+function e(e, t, n, r) {
+	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
+	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
+	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
+	return i > 3 && a && Object.defineProperty(t, n, a), a;
+}
+//#endregion
+export { e as t };

package/bundled/definition.cjs

@@ -1,39 +1 @@
-"use strict";const a=require("./vivid-element.cjs"),m=require("./definition2.cjs"),d=require("./affix.cjs"),g=require("./ref.cjs"),s=require("./slotted.cjs"),v=require("./when.cjs"),f=require("./class-names.cjs"),_=":host{--_vvd-accordion-item-accent-firm-wrapper: var( --vvd-accordion-item-accent-firm )}.heading-button{--vvd-accordion-item-accent-firm: var( --_vvd-accordion-item-accent-firm-wrapper, var(--vvd-accordion-item-accent-primary) )}:host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button,.heading-button.appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media(hover:hover){.heading-button:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline: transparent}.heading-button:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline: transparent}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-accordion-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-accordion-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-accordion-item-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-accordion-item-accent-firm, var(--vvd-color-canvas-text))}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.heading-button.size-condensed{font:var(--vvd-typography-base-extended-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:var(--accordion-item-meta-inline-size, 20%);flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}";var b=Object.defineProperty,r=(t,e,i,c)=>{for(var o=void 0,l=t.length-1,p;l>=0;l--)(p=t[l])&&(o=p(e,i,o)||o);return o&&b(e,i,o),o};class n extends d.AffixIconWithTrailing(a.VividElement){constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.noIndicator=!1,this.clickHandler=()=>{this.expanded=!this.expanded,this.change()},this.change=()=>{this.$emit("change")}}}r([a.attr({attribute:"heading-level",mode:"fromView",converter:a.nullableNumberConverter})],n.prototype,"headinglevel");r([a.attr],n.prototype,"appearance");r([a.attr({mode:"boolean"})],n.prototype,"expanded");r([a.attr],n.prototype,"id");r([a.attr],n.prototype,"heading");r([a.observable],n.prototype,"_headingSlottedContent");r([a.attr({mode:"boolean",attribute:"no-indicator"})],n.prototype,"noIndicator");r([a.attr],n.prototype,"meta");r([a.observable],n.prototype,"_metaSlottedContent");r([a.attr],n.prototype,"size");const u=({appearance:t,size:e})=>f.classNames("heading-button",[`appearance-${t}`,!!t],[`size-${e}`,!!e]),x=(t,e)=>{const i=d.affixIconTemplateFactory(t),c=a.html.partial(e);return a.html`
-		<${c} class="heading-container">
-			<button
-				class="${u}"
-				id="${o=>o.id}"
-				aria-expanded="${o=>o.expanded}"
-				aria-controls="${o=>o.id}-panel"
-				@click="${o=>o.clickHandler()}"
-				${g.ref("expandbutton")}
-			>
-
-				${o=>o.iconTrailing?null:i(o.icon,d.IconWrapper.Slot)}
-
-				<span class="heading-content">
-					<slot name="heading" ${s.slotted("_headingSlottedContent")}></slot>
-					${v.when(o=>o.heading&&!o._headingSlottedContent?.length,a.html`${o=>o.heading}`)}
-				</span>
-
-				<span class="meta">
-					<slot name="meta" ${s.slotted("_metaSlottedContent")}></slot>
-					${v.when(o=>o.meta&&!o._metaSlottedContent?.length,a.html`${o=>o.meta}`)}
-				</span>
-
-				${o=>o.icon&&o.iconTrailing?i(o.icon):null}
-				${o=>!(o.icon&&o.iconTrailing)&&!o.noIndicator?i(o.expanded?"chevron-up-line":"chevron-down-line"):null}
-
-			</button>
-		</${c}>
-	`},y=t=>a.html`
-	${e=>x(t,"h"+e.headinglevel)}
-	<div
-		id="${e=>e.id}-panel"
-		aria-labelledby="${e=>e.id}"
-		role="region"
-		class="region ${e=>e.icon&&!e.iconTrailing?"padded":""} ${e=>e.size?`size-${e.size}`:""}"
-	>
-		<slot></slot>
-	</div>
-`,h=a.defineVividComponent("accordion-item",n,y,[m.iconDefinition],{styles:_}),w=a.createRegisterFunction(h);exports.AccordionItem=n;exports.accordionItemDefinition=h;exports.registerAccordionItem=w;
+const e=require(`./vivid-element.cjs`);var t=`:host{display:contents}slot:not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:inline;position:absolute;overflow:hidden}`,n=class extends e.t{},r=e.o(`visually-hidden`,n,()=>e.d`<slot></slot>`,[],{styles:t}),i=e.s(r);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/bundled/definition.js

@@ -1,122 +1,5 @@
-import { V as m, a as t, n as g, o as h, h as c, c as f, d as _ } from "./vivid-element.js";
-import { i as b } from "./definition2.js";
-import { A as u, a as x, I as y } from "./affix.js";
-import { r as $ } from "./ref.js";
-import { s } from "./slotted.js";
-import { w as v } from "./when.js";
-import { c as w } from "./class-names.js";
-const z = ":host{--_vvd-accordion-item-accent-firm-wrapper: var( --vvd-accordion-item-accent-firm )}.heading-button{--vvd-accordion-item-accent-firm: var( --_vvd-accordion-item-accent-firm-wrapper, var(--vvd-accordion-item-accent-primary) )}:host{display:flex;box-sizing:border-box;flex-direction:column}.heading-container{margin:0}.heading-button,.heading-button.appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: transparent;--_appearance-color-outline: transparent}.heading-button.appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary);--_appearance-color-outline: transparent}@media(hover:hover){.heading-button:hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button:hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline: transparent}.heading-button:hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-faint);--_appearance-color-outline: transparent}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 90%);--_appearance-color-outline: transparent}.heading-button.hover:where(:not(.disabled,:disabled,.readonly)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-primary-increment);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline: transparent}.heading-button:active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)){--_appearance-color-text: var(--_connotation-color-firm);--_appearance-color-fill: var(--_connotation-color-soft);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)).appearance-ghost-light{--_appearance-color-text: var(--_connotation-color-fierce-primary);--_appearance-color-fill: color-mix(in srgb, var(--_connotation-color-primary), transparent 80%);--_appearance-color-outline: transparent}.heading-button.active:where(:not(.disabled,:disabled)).appearance-filled{--_appearance-color-text: var(--_connotation-color-primary-text);--_appearance-color-fill: var(--_connotation-color-fierce);--_appearance-color-outline: transparent}.heading-button{--_connotation-color-primary: var(--vvd-accordion-item-accent-primary, var(--vvd-color-canvas-text));--_connotation-color-primary-text: var(--vvd-accordion-item-accent-primary-text, var(--vvd-color-canvas));--_connotation-color-primary-increment: var(--vvd-accordion-item-accent-primary-increment, var(--vvd-color-neutral-800));--_connotation-color-fierce: var(--vvd-accordion-item-accent-fierce, var(--vvd-color-neutral-700));--_connotation-color-faint: var(--vvd-accordion-item-accent-faint, var(--vvd-color-neutral-50));--_connotation-color-soft: var(--vvd-accordion-item-accent-soft, var(--vvd-color-neutral-100));--_connotation-color-firm: var(--vvd-accordion-item-accent-firm, var(--vvd-color-canvas-text))}.heading-button{--focus-stroke-gap-color: transparent;display:flex;width:100%;align-items:center;padding:16px;border:none;background-color:var(--_appearance-color-fill);color:var(--_appearance-color-text);cursor:pointer;text-align:left}.heading-button:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--focus-stroke-color, var(--vvd-color-cta-500)),transparent 85%),inset 0 0 0 3px var(--focus-stroke-gap-color, currentColor);outline:1px solid var(--focus-stroke-color, var(--vvd-color-cta-500));outline-offset:calc(-1px - var(--focus-inset, 0px))}.heading-button.size-condensed{font:var(--vvd-typography-base-extended-bold);gap:12px}.heading-button:not(.size-condensed){font:var(--vvd-typography-heading-4);gap:16px}.heading-content{flex:auto}.meta{overflow:hidden;max-width:var(--accordion-item-meta-inline-size, 20%);flex-shrink:0;color:var(--vvd-color-neutral-600);text-align:end;text-overflow:ellipsis;white-space:nowrap}.heading-button:not(.size-condensed) .meta{font:var(--vvd-typography-base-bold)}.heading-button.size-condensed .meta{font:var(--vvd-typography-base-condensed-bold)}.region{display:none;padding:8px 32px 24px 16px}.region:not(.size-condensed).padded{padding-inline-start:52px}:host([expanded]) .region{display:block}.region.size-condensed.padded{padding-inline-start:44px}slot[name=icon]{color:var(--vvd-color-neutral-600)}.heading-button:not(.size-condensed) slot[name=icon]{font:inherit}.heading-button.size-condensed slot[name=icon]{font:var(--vvd-typography-base-extended)}:host(:not([icon-trailing])) slot[name=icon]:last-of-type{color:var(--_appearance-color-text)}";
-var I = Object.defineProperty, r = (n, a, i, l) => {
-  for (var o = void 0, d = n.length - 1, p; d >= 0; d--)
-    (p = n[d]) && (o = p(a, i, o) || o);
-  return o && I(a, i, o), o;
-};
-class e extends u(m) {
-  constructor() {
-    super(...arguments), this.headinglevel = 2, this.expanded = !1, this.noIndicator = !1, this.clickHandler = () => {
-      this.expanded = !this.expanded, this.change();
-    }, this.change = () => {
-      this.$emit("change");
-    };
-  }
-}
-r([
-  t({
-    attribute: "heading-level",
-    mode: "fromView",
-    converter: g
-  })
-], e.prototype, "headinglevel");
-r([
-  t
-], e.prototype, "appearance");
-r([
-  t({ mode: "boolean" })
-], e.prototype, "expanded");
-r([
-  t
-], e.prototype, "id");
-r([
-  t
-], e.prototype, "heading");
-r([
-  h
-], e.prototype, "_headingSlottedContent");
-r([
-  t({ mode: "boolean", attribute: "no-indicator" })
-], e.prototype, "noIndicator");
-r([
-  t
-], e.prototype, "meta");
-r([
-  h
-], e.prototype, "_metaSlottedContent");
-r([
-  t
-], e.prototype, "size");
-const C = ({ appearance: n, size: a }) => w(
-  "heading-button",
-  [`appearance-${n}`, !!n],
-  [`size-${a}`, !!a]
-), k = (n, a) => {
-  const i = x(n), l = c.partial(a);
-  return c`
-		<${l} class="heading-container">
-			<button
-				class="${C}"
-				id="${(o) => o.id}"
-				aria-expanded="${(o) => o.expanded}"
-				aria-controls="${(o) => o.id}-panel"
-				@click="${(o) => o.clickHandler()}"
-				${$("expandbutton")}
-			>
-
-				${(o) => o.iconTrailing ? null : i(o.icon, y.Slot)}
-
-				<span class="heading-content">
-					<slot name="heading" ${s("_headingSlottedContent")}></slot>
-					${v(
-    (o) => o.heading && !o._headingSlottedContent?.length,
-    c`${(o) => o.heading}`
-  )}
-				</span>
-
-				<span class="meta">
-					<slot name="meta" ${s("_metaSlottedContent")}></slot>
-					${v((o) => o.meta && !o._metaSlottedContent?.length, c`${(o) => o.meta}`)}
-				</span>
-
-				${(o) => o.icon && o.iconTrailing ? i(o.icon) : null}
-				${(o) => !(o.icon && o.iconTrailing) && !o.noIndicator ? i(
-    o.expanded ? "chevron-up-line" : "chevron-down-line"
-  ) : null}
-
-			</button>
-		</${l}>
-	`;
-}, T = (n) => c`
-	${(a) => k(n, "h" + a.headinglevel)}
-	<div
-		id="${(a) => a.id}-panel"
-		aria-labelledby="${(a) => a.id}"
-		role="region"
-		class="region ${(a) => a.icon && !a.iconTrailing ? "padded" : ""} ${(a) => a.size ? `size-${a.size}` : ""}"
-	>
-		<slot></slot>
-	</div>
-`, S = _(
-  "accordion-item",
-  e,
-  T,
-  [b],
-  {
-    styles: z
-  }
-), P = f(
-  S
-);
-export {
-  e as A,
-  S as a,
-  P as r
-};
+import { d as e, o as t, s as n, t as r } from "./vivid-element.js";
+//#region src/lib/visually-hidden/visually-hidden.scss?inline
+var i = ":host{display:contents}slot:not(:focus-within){clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;display:inline;position:absolute;overflow:hidden}", a = class extends r {}, o = t("visually-hidden", a, () => e`<slot></slot>`, [], { styles: i }), s = n(o);
+//#endregion
+export { o as n, a as r, s as t };

package/bundled/definition10.cjs

@@ -1,73 +1,19 @@
-"use strict";const T=require("./definition2.cjs"),t=require("./vivid-element.cjs"),d=require("./mixins.cjs"),_=require("./definition14.cjs"),q=require("./definition13.cjs"),x=require("./delegates-aria.cjs"),k=require("./form-associated.cjs"),E=require("./char-count.cjs"),w=require("./with-contextual-help.cjs"),H=require("./with-error-text.cjs"),M=require("./with-success-text.cjs"),F=require("./form-element.cjs"),v=require("./affix.cjs"),L=require("./text-field.cjs"),f=require("./when.cjs"),c=require("./slotted.cjs"),D=require("./ref.cjs"),S=require("./class-names.cjs");var N=Object.defineProperty,i=(n,a,e,h)=>{for(var l=void 0,s=n.length-1,r;s>=0;s--)(r=n[s])&&(l=r(a,e,l)||l);return l&&N(a,e,l),l};const A={text:"text"},O="_vvd-3-text-field-safari-workaround",y=new t.ElementStyles([`
-	.${O}::placeholder {
-		opacity: 1 !important;
-		-webkit-text-fill-color: var(--_low-ink-color) !important;
-	}
-`]),B=n=>{const a=n.getRootNode();y.isAttachedTo(a)||y.addStylesTo(a)};class o extends w.WithContextualHelp(d.WithLightDOMFeedback(E.WithCharCount(H.WithErrorText(M.WithSuccessText(F.FormElement(v.AffixIcon(x.DelegatesAria(k.FormAssociated(t.VividElement))))))))){constructor(){super(...arguments),this.proxy=document.createElement("input"),this.type=A.text,this.#e=d.generateRandomId()}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}valueChanged(a,e){super.valueChanged(a,e),this._updateControlValueIfNeeded(),this.charCount&&this.maxlength&&this._updateCharCountRemaining()}_updateControlValueIfNeeded(){this.control&&this.control.value!==this.value&&(this.control.value=this.value)}select(){this.control.select()}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit("change")}validate(){super.validate(this.control)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&t.Updates.enqueue(()=>{this.focus()}),this._updateControlValueIfNeeded(),B(this),this._renderCharCountRemaining()}focus(){this.control?.focus()}#e;get _uniqueId(){return this.id||this.#e}}i([t.attr({attribute:"readonly",mode:"boolean"})],o.prototype,"readOnly");i([t.attr({mode:"boolean"})],o.prototype,"autofocus");i([t.attr],o.prototype,"placeholder");i([t.attr],o.prototype,"type");i([t.attr],o.prototype,"list");i([t.attr({converter:t.nullableNumberConverter})],o.prototype,"maxlength");i([t.attr({converter:t.nullableNumberConverter})],o.prototype,"minlength");i([t.attr],o.prototype,"pattern");i([t.attr({converter:t.nullableNumberConverter})],o.prototype,"size");i([t.attr({mode:"boolean"})],o.prototype,"spellcheck");i([t.attr],o.prototype,"appearance");i([t.attr],o.prototype,"shape");i([t.attr],o.prototype,"autoComplete");i([t.attr()],o.prototype,"scale");i([t.attr({attribute:"inputmode"})],o.prototype,"inputMode");i([t.observable],o.prototype,"actionItemsSlottedContent");i([t.observable],o.prototype,"leadingActionItemsSlottedContent");const g=n=>`vvd-text-field-control-${n}`,W=({errorValidationMessage:n,disabled:a,value:e,readOnly:h,placeholder:l,appearance:s,shape:r,label:C,successText:$,actionItemsSlottedContent:I,leadingActionItemsSlottedContent:p,icon:u,scale:m})=>S.classNames(["error",!!n],["disabled",a],["has-value",!!e],["readonly",h],["placeholder",!!l],[`appearance-${s}`,!!s],[`shape-${r}`,!!r],["no-label",!C],["has-icon",!!u],["success",!!$],["action-items",!!I?.length],["leading-action-items",!!p?.length],["no-leading",!(p?.length||u)],[`size-${m}`,!!m]),z=n=>{const a=v.affixIconTemplateFactory(n);return t.html`
-		<div class="base ${W}">
-			${f.when(e=>e.charCount&&e.maxlength,e=>e._getCharCountTemplate(n))}
-			<div
-				class="label-wrapper"
-				?hidden=${e=>!e.label&&!e._hasContextualHelp}
-			>
-				<slot class="label" name="_label"></slot>
-				<slot
-					name="contextual-help"
-					${c.slotted("_contextualHelpSlottedContent")}
-				></slot>
+const e=require(`./localized.cjs`),t=require(`./vivid-element.cjs`),n=require(`./when.cjs`),r=require(`./decorate.cjs`),i=require(`./class-names.cjs`),a=require(`./definition8.cjs`),o=require(`./anchored.cjs`),s=require(`./dialog.cjs`);var c=`:host :host{display:var(--_popup-display,inline)}:host :host([slotted-anchor]){--_popup-display:contents}.content-wrapper{width:var(--toggletip-inline-size,auto);max-inline-size:var(--toggletip-max-inline-size,30ch);padding:16px}.headline{font:var(--vvd-typography-base-bold);margin:0}.action-items{justify-content:flex-end;gap:10px;display:flex}::slotted([slot=action-items]){margin-block-start:16px}`,l=class extends e.t(o.t(t.t)){constructor(...e){super(...e),this.alternate=!1,this.placement=`right`,this.open=!1}#e=null;openChanged(e,t){e!==void 0&&(t?this.setAttribute(`role`,`status`):this.removeAttribute(`role`),this.#a(),this._anchorEl&&this.#n(this._anchorEl))}connectedCallback(){super.connectedCallback(),this.#a()}disconnectedCallback(){super.disconnectedCallback(),this.#a()}_anchorElChanged(e,t){e&&this.#r(e),t&&this.#t(t)}#t(e){e.addEventListener(`click`,this.#i,!0),this.#e=e.ariaLabel,e.ariaLabel=`${this.locale.toggletip.anchorLabel(e.ariaLabel||``)}`,this.#n(e)}#n(e){e.setAttribute(`aria-expanded`,this.open.toString()),e.setAttribute(`data-expanded`,this.open.toString())}#r(e){e.removeEventListener(`click`,this.#i,!0),e.removeAttribute(`aria-expanded`),e.removeAttribute(`data-expanded`),e.ariaLabel&&=this.#e}#i=()=>{this.open||t.O.enqueue(()=>this.open=!0)};#a(){document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s),this.open&&this.isConnected&&(document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#s))}#o=e=>{let t=!this.contains(e.target),n=this._anchorEl?.contains(e.target);(t||n)&&(this.open=!1)};#s=e=>{e.key===`Escape`&&(this.open=!1)}};r.t([t.l],l.prototype,`headline`,void 0),r.t([t.l({mode:`boolean`})],l.prototype,`alternate`,void 0),r.t([t.l({mode:`fromView`})],l.prototype,`placement`,void 0),r.t([t.l({mode:`boolean`})],l.prototype,`open`,void 0);var u=e=>i.t(`control`),d=t.o(`toggletip`,l,e=>{let r=e.tagFor(a.i);return t.d`
+		${o.n()}
+		<${r}
+			@keydown="${(e,{event:t})=>!(e.open&&s.t(t))}"
+			class="${u}"
+			arrow
+			:anchor="${e=>e._anchorEl}"
+			:open="${e=>e.open}"
+			?alternate="${e=>!e.alternate}"
+			placement="${e=>e.placement}"
+			exportparts="vvd-theme-alternate"
+		>
+			<div class="content-wrapper">
+				${n.t(e=>e.headline,t.d`<h2 class="headline">${e=>e.headline}</h2>`)}
+				<slot></slot>
+				<div class="action-items"><slot name="action-items"></slot></div>
 			</div>
-			${d.renderInLightDOM(t.html`
-				${f.when(e=>e.label,t.html`
-						<label slot="_label" for="${e=>g(e._uniqueId)}">
-							${e=>e.label}
-						</label>
-					`)}
-			`)}
-			<div class="fieldset">
-				<div class="leading-items-wrapper">
-					<slot
-						name="leading-action-items"
-						${c.slotted("leadingActionItemsSlottedContent")}
-					></slot>
-					${e=>a(e.icon)}
-				</div>
-				<div class="wrapper">
-					<slot class="control" name="_control"></slot>
-					${d.renderInLightDOM(t.html`<input
-							slot="_control"
-							id="${e=>g(e._uniqueId)}"
-							class="_vvd-3-text-field-safari-workaround"
-							@input="${e=>e.handleTextInput()}"
-							@change="${e=>e.handleChange()}"
-							@blur="${e=>{e.$emit("blur",void 0,{bubbles:!1})}}"
-							@focus="${e=>{e.$emit("focus",void 0,{bubbles:!1})}}"
-							?autofocus="${e=>e.autofocus}"
-							?disabled="${e=>e.disabled}"
-							?readonly="${e=>e.readOnly}"
-							?required="${e=>e.required}"
-							?spellcheck="${e=>e.spellcheck}"
-							list="${e=>e.list}"
-							maxlength="${e=>e.maxlength}"
-							minlength="${e=>e.minlength}"
-							pattern="${e=>e.pattern}"
-							placeholder="${e=>e.placeholder}"
-							size="${e=>e.size}"
-							autocomplete="${e=>e.autoComplete}"
-							type="${e=>e.type}"
-							inputmode="${e=>e.inputMode}"
-							aria-describedby="${e=>e._feedbackDescribedBy} ${e=>e.charCount&&e.maxlength?e._charCountDescribedBy:null}"
-							value="${e=>e.initialValue}"
-							${x.delegateAria()}
-							${D.ref("control")}
-						/>`)}
-				</div>
-				<div class="action-items-wrapper">
-					<slot
-						name="action-items"
-						${c.slotted("actionItemsSlottedContent")}
-					></slot>
-				</div>
-			</div>
-			${e=>e._getFeedbackTemplate(n)}
-		</div>
-	`},b=t.defineVividComponent("text-field",o,z,[T.iconDefinition,d.feedbackMessageDefinition,_.visuallyHiddenDefinition,q.contextualHelpDefinition],{styles:L.styles,shadowOptions:{delegatesFocus:!0}}),V=t.createRegisterFunction(b);exports.TextField=o;exports.registerTextField=V;exports.textFieldDefinition=b;
+		</${r}>
+	`},[a.t],{styles:c}),f=t.s(d);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return f}});