@vonage/vivid 3.13.0 → 3.15.0

package/shared/es.string.includes.js

@@ -0,0 +1,83 @@
+import { G as _export, j as fails$1, a7 as addToUnscopables$1, a8 as arrayIncludes, w as wellKnownSymbol$2, M as isObject$1, s as classofRaw, i as functionUncurryThis, T as requireObjectCoercible$1 } from './index.js';
+import { t as toString$1 } from './to-string.js';
+
+var $$1 = _export;
+var $includes = arrayIncludes.includes;
+var fails = fails$1;
+var addToUnscopables = addToUnscopables$1;
+
+// FF99+ bug
+var BROKEN_ON_SPARSE = fails(function () {
+  return !Array(1).includes();
+});
+
+// `Array.prototype.includes` method
+// https://tc39.es/ecma262/#sec-array.prototype.includes
+$$1({ target: 'Array', proto: true, forced: BROKEN_ON_SPARSE }, {
+  includes: function includes(el /* , fromIndex = 0 */) {
+    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
+  }
+});
+
+// https://tc39.es/ecma262/#sec-array.prototype-@@unscopables
+addToUnscopables('includes');
+
+var isObject = isObject$1;
+var classof = classofRaw;
+var wellKnownSymbol$1 = wellKnownSymbol$2;
+
+var MATCH$1 = wellKnownSymbol$1('match');
+
+// `IsRegExp` abstract operation
+// https://tc39.es/ecma262/#sec-isregexp
+var isRegexp = function (it) {
+  var isRegExp;
+  return isObject(it) && ((isRegExp = it[MATCH$1]) !== undefined ? !!isRegExp : classof(it) == 'RegExp');
+};
+
+var isRegExp = isRegexp;
+
+var $TypeError = TypeError;
+
+var notARegexp = function (it) {
+  if (isRegExp(it)) {
+    throw $TypeError("The method doesn't accept regular expressions");
+  } return it;
+};
+
+var wellKnownSymbol = wellKnownSymbol$2;
+
+var MATCH = wellKnownSymbol('match');
+
+var correctIsRegexpLogic = function (METHOD_NAME) {
+  var regexp = /./;
+  try {
+    '/./'[METHOD_NAME](regexp);
+  } catch (error1) {
+    try {
+      regexp[MATCH] = false;
+      return '/./'[METHOD_NAME](regexp);
+    } catch (error2) { /* empty */ }
+  } return false;
+};
+
+var $ = _export;
+var uncurryThis = functionUncurryThis;
+var notARegExp = notARegexp;
+var requireObjectCoercible = requireObjectCoercible$1;
+var toString = toString$1;
+var correctIsRegExpLogic = correctIsRegexpLogic;
+
+var stringIndexOf = uncurryThis(''.indexOf);
+
+// `String.prototype.includes` method
+// https://tc39.es/ecma262/#sec-string.prototype.includes
+$({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') }, {
+  includes: function includes(searchString /* , position = 0 */) {
+    return !!~stringIndexOf(
+      toString(requireObjectCoercible(this)),
+      toString(notARegExp(searchString)),
+      arguments.length > 1 ? arguments[1] : undefined
+    );
+  }
+});

package/shared/form-elements.js

@@ -1,8 +1,8 @@
-import { _ as __decorate, a as attr, b as __metadata, o as observable, V as volatile, h as html, U as __classPrivateFieldGet, W as __classPrivateFieldSet } from './index.js';
+import { _ as __decorate, a as attr, b as __metadata, o as observable, W as volatile, h as html, U as __classPrivateFieldGet, V as __classPrivateFieldSet } from './index.js';
 import { I as Icon } from './icon.js';
 import { w as when } from './when.js';
 
-var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 17 May 2023 03:28:45 GMT\n */\n.message {\n  display: flex;\n  contain: inline-size;\n  font: var(--vvd-typography-base-condensed);\n  gap: 4px;\n  grid-column: 1/-1;\n}\n.message-text {\n  color: var(--vvd-color-canvas-text);\n}\n.helper-message .message-text {\n  color: var(--_low-ink-color);\n}\n.message-icon {\n  font-size: 16px;\n}\n.success-message .message-icon {\n  color: var(--vvd-color-success-500);\n}\n.error-message .message-icon {\n  color: var(--vvd-color-alert-500);\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 06 Jun 2023 10:38:32 GMT\n */\n.message {\n  display: flex;\n  contain: inline-size;\n  font: var(--vvd-typography-base-condensed);\n  gap: 4px;\n  grid-column: 1/-1;\n}\n.message-text {\n  color: var(--vvd-color-canvas-text);\n}\n.helper-message .message-text {\n  color: var(--_low-ink-color);\n}\n.message-icon {\n  font-size: 16px;\n}\n.success-message .message-icon {\n  color: var(--vvd-color-success-500);\n}\n.error-message .message-icon {\n  color: var(--vvd-color-alert-500);\n}";
 
 let _2 = t => t,
   _t,

package/shared/icon.js

@@ -1,13 +1,9 @@
-import { c as classofRaw$1, g as global$8, w as wellKnownSymbol$6, d as getBuiltIn$5, f as objectDefineProperty, i as descriptors, j as objectIsPrototypeOf, k as functionUncurryThis, l as fails$4, m as isCallable$6, p as inspectSource$2, t as tryToString$3, q as anObject$5, s as isNullOrUndefined$2, u as functionBindNative, v as aCallable$6, x as engineUserAgent, y as html$1, z as documentCreateElement, B as hasOwnProperty_1, C as objectGetOwnPropertyDescriptor, D as isForced_1, E as engineV8Version, G as _export, H as defineBuiltIn$3, I as objectSetPrototypeOf, J as setToStringTag$1, K as functionCall, L as internalState, M as isObject$2, N as iterators, P as getMethod$2, Q as lengthOfArrayLike$1, R as functionName, F as FoundationElement, _ as __decorate, a as attr, b as __metadata, o as observable } from './index.js';
-import { c as classof$3 } from './to-string.js';
+import { w as wellKnownSymbol$6, g as getBuiltIn$5, c as objectDefineProperty, d as descriptors, f as objectIsPrototypeOf, i as functionUncurryThis, j as fails$4, k as isCallable$6, l as inspectSource$2, t as tryToString$3, m as anObject$5, p as isNullOrUndefined$2, q as functionBindNative, s as classofRaw$1, u as aCallable$6, v as engineUserAgent, x as global$7, y as html$1, z as documentCreateElement, B as hasOwnProperty_1, C as objectGetOwnPropertyDescriptor, D as isForced_1, E as engineV8Version, G as _export, H as defineBuiltIn$3, I as objectSetPrototypeOf, J as setToStringTag$1, K as functionCall, L as internalState, M as isObject$2, N as iterators, P as getMethod$2, Q as lengthOfArrayLike$1, R as functionName, F as FoundationElement, _ as __decorate, a as attr, b as __metadata, o as observable } from './index.js';
+import { e as engineIsNode } from './engine-is-node.js';
+import { c as classof$2 } from './to-string.js';
 import { w as whitespaces$1, s as stringTrim } from './string-trim.js';
 import { _ as _curry1, a as _curry2, b as _has } from './_has.js';
 
-var classof$2 = classofRaw$1;
-var global$7 = global$8;
-
-var engineIsNode = classof$2(global$7.process) == 'process';
-
 var getBuiltIn$4 = getBuiltIn$5;
 var definePropertyModule = objectDefineProperty;
 var wellKnownSymbol$5 = wellKnownSymbol$6;
@@ -39,7 +35,7 @@ var anInstance$1 = function (it, Prototype) {
 var uncurryThis$3 = functionUncurryThis;
 var fails$3 = fails$4;
 var isCallable$5 = isCallable$6;
-var classof$1 = classof$3;
+var classof$1 = classof$2;
 var getBuiltIn$3 = getBuiltIn$5;
 var inspectSource$1 = inspectSource$2;
 
@@ -165,7 +161,7 @@ var userAgent$2 = engineUserAgent;
 
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$6 = global$8;
+var global$6 = global$7;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$4 = isCallable$6;
@@ -283,7 +279,7 @@ var task$1 = {
 };
 
 var userAgent$1 = engineUserAgent;
-var global$5 = global$8;
+var global$5 = global$7;
 
 var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$1) && global$5.Pebble !== undefined;
 
@@ -291,7 +287,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$4 = global$8;
+var global$4 = global$7;
 var bind$2 = functionBindContext;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -377,7 +373,7 @@ var microtask$1 = queueMicrotask || function (fn) {
   } last = task;
 };
 
-var global$3 = global$8;
+var global$3 = global$7;
 
 var hostReportErrors$1 = function (a, b) {
   var console = global$3.console;
@@ -418,7 +414,7 @@ Queue$1.prototype = {
 
 var queue = Queue$1;
 
-var global$2 = global$8;
+var global$2 = global$7;
 
 var promiseNativeConstructor = global$2.Promise;
 
@@ -433,7 +429,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$1 = global$8;
+var global$1 = global$7;
 var NativePromiseConstructor$4 = promiseNativeConstructor;
 var isCallable$3 = isCallable$6;
 var isForced = isForced_1;
@@ -503,7 +499,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$7 = _export;
 var IS_NODE = engineIsNode;
-var global = global$8;
+var global = global$7;
 var call$6 = functionCall;
 var defineBuiltIn$2 = defineBuiltIn$3;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -799,7 +795,7 @@ var isArrayIteratorMethod$1 = function (it) {
   return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$2] === it);
 };
 
-var classof = classof$3;
+var classof = classof$2;
 var getMethod$1 = getMethod$2;
 var isNullOrUndefined = isNullOrUndefined$2;
 var Iterators = iterators;
@@ -1325,7 +1321,7 @@ const PLACEHOLDER_ICON = `<svg width="80%" height="80%" viewBox="0 0 64 64">
 </svg>`;
 
 const BASE_URL = 'https://icon.resources.vonage.com';
-const ICON_SET_VERSION = '4.1.1';
+const ICON_SET_VERSION = '4.2.0';
 const PLACEHOLDER_DELAY = 500;
 const PLACEHOLDER_TIMEOUT = 2000;
 const baseUrlTemplate = (resource, version) => [BASE_URL, `v${version}`, resource].join('/');

package/shared/index.js

@@ -6567,4 +6567,4 @@ const defaultPrefix = 'vwc';
 const designSystem = DesignSystem.getOrCreate();
 const registerFactory = registries => (prefix = defaultPrefix) => designSystem.withPrefix(prefix).register(...registries);
 
-export { HTMLDirective as $, AttachedBehaviorHTMLDirective as A, hasOwnProperty_1 as B, objectGetOwnPropertyDescriptor as C, isForced_1 as D, engineV8Version as E, FoundationElement as F, _export as G, defineBuiltIn$3 as H, objectSetPrototypeOf as I, setToStringTag$2 as J, functionCall as K, internalState as L, isObject$7 as M, iterators as N, Observable as O, getMethod$1 as P, lengthOfArrayLike$1 as Q, functionName as R, AttributeConfiguration as S, requireObjectCoercible$2 as T, __classPrivateFieldGet as U, volatile as V, __classPrivateFieldSet as W, booleanConverter as X, DOM as Y, SubscriberSet as Z, __decorate as _, attr as a, HTMLView as a0, objectKeys$1 as a1, toObject$2 as a2, indexedObject as a3, objectGetOwnPropertySymbols as a4, objectPropertyIsEnumerable as a5, copyConstructorProperties$1 as a6, addToUnscopables$1 as a7, arrayIncludes as a8, shared$3 as a9, objectCreate as aa, createNonEnumerableProperty$4 as ab, toIntegerOrInfinity$2 as ac, toLength$1 as ad, designSystem as ae, __metadata as b, classofRaw as c, getBuiltIn$4 as d, emptyArray as e, objectDefineProperty as f, global$b as g, html as h, descriptors as i, objectIsPrototypeOf as j, functionUncurryThis as k, fails$a as l, isCallable$e as m, nullableNumberConverter as n, observable as o, inspectSource$1 as p, anObject$5 as q, registerFactory as r, isNullOrUndefined$2 as s, tryToString$1 as t, functionBindNative as u, aCallable$1 as v, wellKnownSymbol$6 as w, engineUserAgent as x, html$2 as y, documentCreateElement$2 as z };
+export { HTMLDirective as $, AttachedBehaviorHTMLDirective as A, hasOwnProperty_1 as B, objectGetOwnPropertyDescriptor as C, isForced_1 as D, engineV8Version as E, FoundationElement as F, _export as G, defineBuiltIn$3 as H, objectSetPrototypeOf as I, setToStringTag$2 as J, functionCall as K, internalState as L, isObject$7 as M, iterators as N, Observable as O, getMethod$1 as P, lengthOfArrayLike$1 as Q, functionName as R, AttributeConfiguration as S, requireObjectCoercible$2 as T, __classPrivateFieldGet as U, __classPrivateFieldSet as V, volatile as W, booleanConverter as X, DOM as Y, SubscriberSet as Z, __decorate as _, attr as a, HTMLView as a0, objectKeys$1 as a1, toObject$2 as a2, indexedObject as a3, objectGetOwnPropertySymbols as a4, objectPropertyIsEnumerable as a5, copyConstructorProperties$1 as a6, addToUnscopables$1 as a7, arrayIncludes as a8, shared$3 as a9, objectCreate as aa, createNonEnumerableProperty$4 as ab, toIntegerOrInfinity$2 as ac, toLength$1 as ad, designSystem as ae, __metadata as b, objectDefineProperty as c, descriptors as d, emptyArray as e, objectIsPrototypeOf as f, getBuiltIn$4 as g, html as h, functionUncurryThis as i, fails$a as j, isCallable$e as k, inspectSource$1 as l, anObject$5 as m, nullableNumberConverter as n, observable as o, isNullOrUndefined$2 as p, functionBindNative as q, registerFactory as r, classofRaw as s, tryToString$1 as t, aCallable$1 as u, engineUserAgent as v, wellKnownSymbol$6 as w, global$b as x, html$2 as y, documentCreateElement$2 as z };

package/shared/patterns/form-elements/form-elements.d.ts

@@ -33,10 +33,10 @@ export declare function formElements<T extends {
         [x: string]: any;
         label?: string | undefined;
         userValid: boolean;
-        "__#9569@#blurred": boolean;
+        "__#9814@#blurred": boolean;
         readonly errorValidationMessage: any;
         connectedCallback(): void;
-        "__#9569@#handleInvalidEvent": () => void;
+        "__#9814@#handleInvalidEvent": () => void;
         disconnectedCallback(): void;
         validate: () => void;
     };
@@ -49,8 +49,8 @@ export declare function errorText<T extends {
     new (...args: any[]): {
         [x: string]: any;
         errorText?: string | undefined;
-        "__#9570@#shouldValidate": boolean;
-        "__#9570@#prevSuccessText": string;
+        "__#9815@#shouldValidate": boolean;
+        "__#9815@#prevSuccessText": string;
         errorTextChanged(_: string, newmsg: string | undefined): void;
     };
 } & T;

package/shared/string-trim.js

@@ -1,4 +1,4 @@
-import { k as functionUncurryThis, T as requireObjectCoercible$1 } from './index.js';
+import { i as functionUncurryThis, T as requireObjectCoercible$1 } from './index.js';
 import { t as toString$1 } from './to-string.js';
 
 // a string of all valid unicode whitespaces

package/shared/text-field.js

@@ -1,3 +1,3 @@
-var css_248z = "/**\n * Do not edit directly\n * Generated on Wed, 17 May 2023 03:28:45 GMT\n */\n:host {\n  display: inline-block;\n}\n\n.base {\n  --_text-field-gutter: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2.5);\n  --_text-field-icon-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);\n  display: inline-grid;\n  width: 100%;\n  gap: 4px;\n  grid-template-columns: min-content 1fr max-content;\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-600);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n  --_connotation-color-primary: var(--vvd-color-success-500);\n  --_connotation-color-backdrop: var(--vvd-color-success-50);\n  --_connotation-color-intermediate: var(--vvd-color-success-500);\n  --_connotation-color-firm: var(--vvd-color-success-600);\n  --_connotation-color-faint: var(--vvd-color-success-50);\n  --_connotation-color-soft: var(--vvd-color-success-100);\n}\n.base.connotation-alert {\n  --_connotation-color-primary: var(--vvd-color-alert-500);\n  --_connotation-color-backdrop: var(--vvd-color-alert-50);\n  --_connotation-color-intermediate: var(--vvd-color-alert-500);\n  --_connotation-color-firm: var(--vvd-color-alert-600);\n  --_connotation-color-faint: var(--vvd-color-alert-50);\n  --_connotation-color-soft: var(--vvd-color-alert-100);\n}\n.base:not(.connotation-success, .connotation-alert) {\n  --_connotation-color-primary: var(--vvd-color-canvas-text);\n  --_connotation-color-backdrop: var(--vvd-color-canvas);\n  --_connotation-color-intermediate: var(--vvd-color-neutral-500);\n  --_connotation-color-firm: var(--vvd-color-canvas-text);\n  --_connotation-color-faint: var(--vvd-color-neutral-50);\n  --_connotation-color-soft: var(--vvd-color-neutral-100);\n}\n@supports (user-select: none) {\n  .base {\n    user-select: none;\n  }\n}\n.base:not(.disabled) {\n  --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n  --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n  color: var(--vvd-color-canvas-text);\n  contain: inline-size;\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  grid-row: 1;\n}\n.char-count + .label {\n  grid-column: 1/3;\n}\n\n.char-count {\n  color: var(--_low-ink-color);\n  font: var(--vvd-typography-base);\n  grid-column: 3/4;\n}\n\n.fieldset {\n  position: relative;\n  display: flex;\n  align-items: center;\n  grid-column: 1/4;\n  transition: color 0.2s;\n  /* Shape */\n}\n.base > .fieldset {\n  block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n  border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n  border-radius: 24px;\n}\n\n.control {\n  width: 100%;\n  border: 0 none;\n  appearance: none; /* for box-shadow visibility on IOS */\n  background-color: var(--_appearance-color-fill);\n  block-size: 100%;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  color: var(--_appearance-color-text);\n  font: var(--vvd-typography-base);\n  padding-block: 0;\n  padding-inline-end: var(--_text-field-gutter);\n  padding-inline-start: var(--_text-field-gutter);\n  transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n  cursor: not-allowed;\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n  .control:focus {\n    outline: none;\n  }\n}\n\n.icon {\n  position: absolute;\n  z-index: 1;\n  color: var(--_low-ink-color);\n  font-size: var(--_text-field-icon-size);\n  inset-inline-start: var(--_text-field-gutter);\n  line-height: 1;\n}\n.icon + .control {\n  padding-inline-start: calc(var(--_text-field-icon-size) + var(--_text-field-gutter) * 2);\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n  pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n  display: none;\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Tue, 06 Jun 2023 10:38:32 GMT\n */\n:host {\n  display: inline-block;\n}\n\n.base {\n  --_text-field-gutter: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2.5);\n  --_text-field-icon-size: calc(calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2))) / 2);\n  display: inline-grid;\n  width: 100%;\n  gap: 4px;\n  grid-template-columns: min-content 1fr max-content;\n}\n.base {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-intermediate);\n}\n.base.appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--_connotation-color-backdrop);\n  --_appearance-color-outline: var(--_connotation-color-firm);\n}\n.base:where(:hover, .hover):where(:not(:disabled, .disabled, .readonly)).appearance-ghost {\n  --_appearance-color-text: var(--_connotation-color-primary);\n  --_appearance-color-fill: var(--_connotation-color-faint);\n  --_appearance-color-outline: transparent;\n}\n.base:where(:disabled, .disabled) {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: var(--vvd-color-neutral-200);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-400);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)) {\n  --_appearance-color-text: var(--vvd-color-canvas-text);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-400);\n}\n.base:where(.readonly):where(:not(:disabled, .disabled)).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-600);\n  --_appearance-color-fill: transparent;\n  --_appearance-color-outline: transparent;\n}\n.base.connotation-success {\n  /* @cssprop [--vvd-text-field-success-primary=var(--vvd-color-success-500)] */\n  --_connotation-color-primary: var(--vvd-text-field-success-primary, var(--vvd-color-success-500));\n  /* @cssprop [--vvd-text-field-success-backdrop=var(--vvd-color-success-50)] */\n  --_connotation-color-backdrop: var(--vvd-text-field-success-backdrop, var(--vvd-color-success-50));\n  /* @cssprop [--vvd-text-field-success-intermediate=var(--vvd-color-success-500)] */\n  --_connotation-color-intermediate: var(--vvd-text-field-success-intermediate, var(--vvd-color-success-500));\n  /* @cssprop [--vvd-text-field-success-firm=var(--vvd-color-success-600)] */\n  --_connotation-color-firm: var(--vvd-text-field-success-firm, var(--vvd-color-success-600));\n  /* @cssprop [--vvd-text-field-success-faint=var(--vvd-color-success-50)] */\n  --_connotation-color-faint: var(--vvd-text-field-success-faint, var(--vvd-color-success-50));\n  /* @cssprop [--vvd-text-field-success-soft=var(--vvd-color-success-100)] */\n  --_connotation-color-soft: var(--vvd-text-field-success-soft, var(--vvd-color-success-100));\n}\n.base.connotation-alert {\n  /* @cssprop [--vvd-text-field-alert-primary=var(--vvd-color-alert-500)] */\n  --_connotation-color-primary: var(--vvd-text-field-alert-primary, var(--vvd-color-alert-500));\n  /* @cssprop [--vvd-text-field-alert-backdrop=var(--vvd-color-alert-50)] */\n  --_connotation-color-backdrop: var(--vvd-text-field-alert-backdrop, var(--vvd-color-alert-50));\n  /* @cssprop [--vvd-text-field-alert-intermediate=var(--vvd-color-alert-500)] */\n  --_connotation-color-intermediate: var(--vvd-text-field-alert-intermediate, var(--vvd-color-alert-500));\n  /* @cssprop [--vvd-text-field-alert-firm=var(--vvd-color-alert-600)] */\n  --_connotation-color-firm: var(--vvd-text-field-alert-firm, var(--vvd-color-alert-600));\n  /* @cssprop [--vvd-text-field-alert-faint=var(--vvd-color-alert-50)] */\n  --_connotation-color-faint: var(--vvd-text-field-alert-faint, var(--vvd-color-alert-50));\n  /* @cssprop [--vvd-text-field-alert-soft=var(--vvd-color-alert-100)] */\n  --_connotation-color-soft: var(--vvd-text-field-alert-soft, var(--vvd-color-alert-100));\n}\n.base:not(.connotation-success, .connotation-alert) {\n  /* @cssprop [--vvd-text-field-accent-primary=var(--vvd-color-canvas-text)] */\n  --_connotation-color-primary: var(--vvd-text-field-accent-primary, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-text-field-accent-backdrop=var(--vvd-color-canvas)] */\n  --_connotation-color-backdrop: var(--vvd-text-field-accent-backdrop, var(--vvd-color-canvas));\n  /* @cssprop [--vvd-text-field-accent-intermediate=var(--vvd-color-neutral-500)] */\n  --_connotation-color-intermediate: var(--vvd-text-field-accent-intermediate, var(--vvd-color-neutral-500));\n  /* @cssprop [--vvd-text-field-accent-firm=var(--vvd-color-canvas-text)] */\n  --_connotation-color-firm: var(--vvd-text-field-accent-firm, var(--vvd-color-canvas-text));\n  /* @cssprop [--vvd-text-field-accent-faint=var(--vvd-color-neutral-50)] */\n  --_connotation-color-faint: var(--vvd-text-field-accent-faint, var(--vvd-color-neutral-50));\n  /* @cssprop [--vvd-text-field-accent-soft=var(--vvd-color-neutral-100)] */\n  --_connotation-color-soft: var(--vvd-text-field-accent-soft, var(--vvd-color-neutral-100));\n}\n@supports (user-select: none) {\n  .base {\n    user-select: none;\n  }\n}\n.base:not(.disabled) {\n  --_low-ink-color: var(--vvd-color-neutral-600);\n}\n.base.disabled {\n  --_low-ink-color: var(--_appearance-color-text);\n}\n\n.label {\n  color: var(--vvd-color-canvas-text);\n  contain: inline-size;\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  grid-row: 1;\n}\n.char-count + .label {\n  grid-column: 1/3;\n}\n\n.char-count {\n  color: var(--_low-ink-color);\n  font: var(--vvd-typography-base);\n  grid-column: 3/4;\n}\n\n.fieldset {\n  position: relative;\n  display: flex;\n  align-items: center;\n  grid-column: 1/4;\n  transition: color 0.2s;\n  /* Shape */\n}\n.base > .fieldset {\n  block-size: calc(1px * (40 + 4 * clamp(-1, var(--vvd-size-density, 0), 2)));\n}\n.base:not(.shape-pill) .fieldset {\n  border-radius: 6px;\n}\n.base.shape-pill .fieldset {\n  border-radius: 24px;\n}\n\n.control {\n  width: 100%;\n  border: 0 none;\n  appearance: none; /* for box-shadow visibility on IOS */\n  background-color: var(--_appearance-color-fill);\n  block-size: 100%;\n  border-radius: inherit;\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  color: var(--_appearance-color-text);\n  font: var(--vvd-typography-base);\n  padding-block: 0;\n  padding-inline-end: var(--_text-field-gutter);\n  padding-inline-start: var(--_text-field-gutter);\n  transition: box-shadow 0.2s, background-color 0.2s;\n}\n.control:disabled {\n  cursor: not-allowed;\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_appearance-color-text); /* 1. sets text fill to current `color` for safari */\n}\n.control::placeholder, .control:disabled::placeholder {\n  opacity: 1; /* 2. correct opacity on iOS */\n  -webkit-text-fill-color: var(--_low-ink-color); /* 1. sets text fill to current `color` for safari */\n}\n@supports selector(:focus-visible) {\n  .control:focus {\n    outline: none;\n  }\n}\n\n.icon {\n  position: absolute;\n  z-index: 1;\n  color: var(--_low-ink-color);\n  font-size: var(--_text-field-icon-size);\n  inset-inline-start: var(--_text-field-gutter);\n  line-height: 1;\n}\n.icon + .control {\n  padding-inline-start: calc(var(--_text-field-icon-size) + var(--_text-field-gutter) * 2);\n}\n\n.focus-indicator {\n  --focus-stroke-gap-color: transparent;\n  pointer-events: none;\n}\n.fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n  display: none;\n}";
 
 export { css_248z as c };

package/shared/to-string.js

@@ -1,4 +1,4 @@
-import { w as wellKnownSymbol$2, c as classofRaw$1, m as isCallable$1 } from './index.js';
+import { w as wellKnownSymbol$2, s as classofRaw$1, k as isCallable$1 } from './index.js';
 
 var wellKnownSymbol$1 = wellKnownSymbol$2;
 

package/side-drawer/index.js

@@ -1,4 +1,4 @@
-import { r as registerSideDrawer } from '../shared/definition40.js';
+import { r as registerSideDrawer } from '../shared/definition42.js';
 import '../shared/index.js';
 import '../shared/when.js';
 import '../shared/class-names.js';

package/slider/index.js

@@ -1,4 +1,4 @@
-import { r as registerSlider } from '../shared/definition41.js';
+import { r as registerSlider } from '../shared/definition43.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;

package/styles/fonts/spezia-variable.css

@@ -2,14 +2,14 @@
   font-family: SpeziaCompleteVariableUpright;
   font-stretch: 50% 200%;
   font-weight: 1 1000;
-  font-display: optional;
+  font-display: block;
   src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaCompleteVariableUprightWeb.woff2") format("woff2");
 }
 @font-face {
   font-family: SpeziaMonoCompleteVariable;
   font-stretch: 50% 200%;
   font-weight: 1 1000;
-  font-display: optional;
+  font-display: block;
   src: url("https://fonts.resources.vonage.com/fonts/v2/SpeziaMonoCompleteVariableWeb.woff2") format("woff2");
 }
 .vvd-root {

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 03:28:45 GMT
+ * Generated on Tue, 06 Jun 2023 10:38:32 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/switch/index.js

@@ -1,7 +1,8 @@
-import { r as registerSwitch } from '../shared/definition42.js';
+import { r as registerSwitch } from '../shared/definition44.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tab/index.js

@@ -1,7 +1,8 @@
-import { r as registerTab } from '../shared/definition43.js';
+import { r as registerTab } from '../shared/definition45.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tab-panel/index.js

@@ -1,4 +1,4 @@
-import { r as registerTabPanel } from '../shared/definition44.js';
+import { r as registerTabPanel } from '../shared/definition46.js';
 import '../shared/index.js';
 
 registerTabPanel();

package/tabs/index.js

@@ -1,8 +1,9 @@
-import { r as registerTabs } from '../shared/definition45.js';
+import { r as registerTabs } from '../shared/definition47.js';
 import '../shared/index.js';
-import '../shared/definition43.js';
+import '../shared/definition45.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';
@@ -13,7 +14,7 @@ import '../shared/focus.js';
 import '../shared/affix.js';
 import '../shared/apply-mixins.js';
 import '../shared/focus2.js';
-import '../shared/definition44.js';
+import '../shared/definition46.js';
 import '../shared/start-end.js';
 import '../shared/ref.js';
 import '../shared/key-codes.js';

package/tag/index.js

@@ -1,7 +1,8 @@
-import { r as registerTag } from '../shared/definition46.js';
+import { r as registerTag } from '../shared/definition48.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tag-group/index.js

@@ -1,4 +1,4 @@
-import { r as registerTagGroup } from '../shared/definition47.js';
+import { r as registerTagGroup } from '../shared/definition49.js';
 import '../shared/index.js';
 import '../shared/class-names.js';
 

package/text-anchor/index.js

@@ -3,6 +3,7 @@ import { T as TextAnchor } from '../shared/text-anchor.js';
 import { t as textAnchorTemplate } from '../shared/text-anchor.template.js';
 import '../shared/affix.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/text-area/index.js

@@ -1,7 +1,8 @@
-import { r as registerTextArea } from '../shared/definition48.js';
+import { r as registerTextArea } from '../shared/definition50.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/text-field/index.js

@@ -1,9 +1,10 @@
-import { r as registerTextField } from '../shared/definition49.js';
+import { r as registerTextField } from '../shared/definition51.js';
 import '../shared/index.js';
 import '../shared/definition4.js';
 import '../shared/focus.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/toggletip/index.js

@@ -1,9 +1,10 @@
-import { r as registerToggletip } from '../shared/definition50.js';
+import { r as registerToggletip } from '../shared/definition52.js';
 import '../shared/index.js';
 import '../shared/definition20.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tooltip/index.js

@@ -1,9 +1,10 @@
-import { r as registerTooltip } from '../shared/definition51.js';
+import { r as registerTooltip } from '../shared/definition53.js';
 import '../shared/index.js';
 import '../shared/definition20.js';
 import '../shared/definition7.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tree-item/index.js

@@ -1,7 +1,8 @@
-import { r as registerTreeItem } from '../shared/definition52.js';
+import { r as registerTreeItem } from '../shared/definition54.js';
 import '../shared/index.js';
 import '../shared/definition3.js';
 import '../shared/icon.js';
+import '../shared/engine-is-node.js';
 import '../shared/to-string.js';
 import '../shared/string-trim.js';
 import '../shared/_has.js';

package/tree-view/index.js

@@ -1,4 +1,4 @@
-import { r as registerTreeView } from '../shared/definition53.js';
+import { r as registerTreeView } from '../shared/definition55.js';
 import '../shared/index.js';
 import '../shared/tree-item.js';
 import '../shared/start-end.js';