@vonage/vivid 3.25.0 → 3.27.0

package/shared/icon.js

@@ -1,9 +1,13 @@
-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, S as volatile } from './index.js';
-import { e as engineIsNode } from './engine-is-node.js';
-import { c as classof$2 } from './to-string.js';
+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, S as volatile } from './index.js';
+import { c as classof$3 } 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;
@@ -35,7 +39,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$2;
+var classof$1 = classof$3;
 var getBuiltIn$3 = getBuiltIn$5;
 var inspectSource$1 = inspectSource$2;
 
@@ -161,7 +165,7 @@ var userAgent$2 = engineUserAgent;
 
 var engineIsIos = /(?:ipad|iphone|ipod).*applewebkit/i.test(userAgent$2);
 
-var global$6 = global$7;
+var global$6 = global$8;
 var apply = functionApply;
 var bind$3 = functionBindContext;
 var isCallable$4 = isCallable$6;
@@ -279,7 +283,7 @@ var task$1 = {
 };
 
 var userAgent$1 = engineUserAgent;
-var global$5 = global$7;
+var global$5 = global$8;
 
 var engineIsIosPebble = /ipad|iphone|ipod/i.test(userAgent$1) && global$5.Pebble !== undefined;
 
@@ -287,7 +291,7 @@ var userAgent = engineUserAgent;
 
 var engineIsWebosWebkit = /web0s(?!.*chrome)/i.test(userAgent);
 
-var global$4 = global$7;
+var global$4 = global$8;
 var bind$2 = functionBindContext;
 var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
 var macrotask = task$1.set;
@@ -373,7 +377,7 @@ var microtask$1 = queueMicrotask || function (fn) {
   } last = task;
 };
 
-var global$3 = global$7;
+var global$3 = global$8;
 
 var hostReportErrors$1 = function (a, b) {
   var console = global$3.console;
@@ -414,7 +418,7 @@ Queue$1.prototype = {
 
 var queue = Queue$1;
 
-var global$2 = global$7;
+var global$2 = global$8;
 
 var promiseNativeConstructor = global$2.Promise;
 
@@ -429,7 +433,7 @@ var engineIsBrowser = !IS_DENO$1 && !IS_NODE$1
   && typeof window == 'object'
   && typeof document == 'object';
 
-var global$1 = global$7;
+var global$1 = global$8;
 var NativePromiseConstructor$4 = promiseNativeConstructor;
 var isCallable$3 = isCallable$6;
 var isForced = isForced_1;
@@ -499,7 +503,7 @@ newPromiseCapability$2.f = function (C) {
 
 var $$7 = _export;
 var IS_NODE = engineIsNode;
-var global = global$7;
+var global = global$8;
 var call$6 = functionCall;
 var defineBuiltIn$2 = defineBuiltIn$3;
 var setPrototypeOf = objectSetPrototypeOf;
@@ -795,7 +799,7 @@ var isArrayIteratorMethod$1 = function (it) {
   return it !== undefined && (Iterators$1.Array === it || ArrayPrototype[ITERATOR$2] === it);
 };
 
-var classof = classof$2;
+var classof = classof$3;
 var getMethod$1 = getMethod$2;
 var isNullOrUndefined = isNullOrUndefined$2;
 var Iterators = iterators;
@@ -1375,4 +1379,4 @@ __decorate([observable, __metadata("design:type", Object)], Icon.prototype, "ico
 __decorate([attr, __metadata("design:type", String)], Icon.prototype, "name", void 0);
 __decorate([volatile, __metadata("design:type", Object), __metadata("design:paramtypes", [])], Icon.prototype, "iconUrl", null);
 
-export { Icon as I, functionApply as a, functionUncurryThisClause as f };
+export { Icon as I, functionApply as a, engineIsNode as e, functionUncurryThisClause as f };

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, volatile as S, AttributeConfiguration as T, requireObjectCoercible$2 as U, __classPrivateFieldGet 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, 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 };
+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, volatile as S, AttributeConfiguration as T, requireObjectCoercible$2 as U, __classPrivateFieldGet 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 };

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;
-        "__#10020@#blurred": boolean;
+        "__#10354@#blurred": boolean;
         readonly errorValidationMessage: any;
         connectedCallback(): void;
-        "__#10020@#handleInvalidEvent": () => void;
+        "__#10354@#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;
-        "__#10021@#shouldValidate": boolean;
-        "__#10021@#prevSuccessText": string;
+        "__#10355@#shouldValidate": boolean;
+        "__#10355@#prevSuccessText": string;
         errorTextChanged(_: string, newmsg: string | undefined): void;
     };
 } & T;

package/shared/string-trim.js

@@ -1,4 +1,4 @@
-import { i as functionUncurryThis, U as requireObjectCoercible$1 } from './index.js';
+import { k as functionUncurryThis, U 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 Thu, 20 Jul 2023 11:19:49 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-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\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-200);\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  background-color: var(--_appearance-color-fill);\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  padding-block: 0;\n  transition: color 0.2s, box-shadow 0.2s, background-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.wrapper {\n  position: relative;\n  block-size: 100%;\n  border-radius: inherit;\n  inline-size: 100%;\n}\n\n.control {\n  width: 100%;\n  box-sizing: border-box;\n  border: 0 none;\n  appearance: none; /* for box-shadow visibility on IOS */\n  background-color: transparent;\n  block-size: 100%;\n  border-radius: inherit;\n  color: inherit;\n  font: inherit;\n  padding-block: 0;\n  padding-inline-end: var(--_text-field-gutter);\n  padding-inline-start: var(--_text-field-gutter);\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.action-items-wrapper {\n  margin-inline-end: 4px;\n}\n.action-items-wrapper.hide {\n  display: none;\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 + .wrapper .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.wrapper:not(:focus-visible, :focus-within) > .focus-indicator, .fieldset:not(:focus-visible, :focus-within) > .focus-indicator {\n  display: none;\n}";
+var css_248z = "/**\n * Do not edit directly\n * Generated on Thu, 03 Aug 2023 09:40:18 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-300);\n  --_appearance-color-fill: var(--vvd-color-neutral-100);\n  --_appearance-color-outline: var(--vvd-color-neutral-300);\n}\n.base:where(:disabled, .disabled).appearance-ghost {\n  --_appearance-color-text: var(--vvd-color-neutral-300);\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-200);\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  background-color: var(--_appearance-color-fill);\n  box-shadow: inset 0 0 0 1px var(--_appearance-color-outline);\n  font: var(--vvd-typography-base);\n  grid-column: 1/4;\n  padding-block: 0;\n  transition: color 0.2s, box-shadow 0.2s, background-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.wrapper {\n  position: relative;\n  block-size: 100%;\n  border-radius: inherit;\n  inline-size: 100%;\n}\n\n.control {\n  width: 100%;\n  box-sizing: border-box;\n  border: 0 none;\n  appearance: none; /* for box-shadow visibility on IOS */\n  background-color: transparent;\n  block-size: 100%;\n  border-radius: inherit;\n  color: inherit;\n  font: inherit;\n  padding-block: 0;\n  padding-inline-end: var(--_text-field-gutter);\n  padding-inline-start: var(--_text-field-gutter);\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.base.action-items .control {\n  padding-inline-end: var(--text-field-inline-end-padding, calc(var(--_text-field-icon-size) + var(--_text-field-gutter)));\n}\n@supports selector(:focus-visible) {\n  .control:focus {\n    outline: none;\n  }\n}\n\n.action-items-wrapper {\n  position: absolute;\n  inset-inline-end: calc(var(--_text-field-gutter) / 4);\n}\n.base:not(.action-items) .action-items-wrapper {\n  display: none;\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 + .wrapper .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.wrapper:not(:focus-visible, :focus-within) > .focus-indicator, .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, s as classofRaw$1, k as isCallable$1 } from './index.js';
+import { w as wellKnownSymbol$2, c as classofRaw$1, m as isCallable$1 } from './index.js';
 
 var wellKnownSymbol$1 = wellKnownSymbol$2;
 

package/styles/core/all.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/theme.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 .vvd-root {
   color-scheme: var(--vvd-color-scheme);

package/styles/core/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 .vvd-root:root {
   --vvd-size-font-scale-base: 1rem;

package/styles/tokens/theme-dark.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/styles/tokens/theme-light.css

@@ -1,18 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 /**
  * Do not edit directly
- * Generated on Thu, 20 Jul 2023 11:19:49 GMT
+ * Generated on Thu, 03 Aug 2023 09:40:18 GMT
  */
 @property --vvd-size-density {
   syntax: "<integer>";

package/switch/index.js

@@ -2,7 +2,6 @@ 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

@@ -2,7 +2,6 @@ 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/tabs/index.js

@@ -3,7 +3,6 @@ import '../shared/index.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';

package/tag/index.js

@@ -2,7 +2,6 @@ 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/text-anchor/index.js

@@ -3,7 +3,6 @@ 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

@@ -2,7 +2,6 @@ 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

@@ -4,7 +4,6 @@ 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

@@ -4,7 +4,6 @@ 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

@@ -4,7 +4,6 @@ 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

@@ -2,7 +2,6 @@ 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';