@aceshooting/lyra-ui 2.0.0 → 2.2.0

package/dist/internal/root-registration-allowlist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-registration-allowlist.d.ts","sourceRoot":"","sources":["../../src/internal/root-registration-allowlist.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,YAC3B,eAAe,EACf,oBAAoB,EACpB,sBAAsB,EACtB,yBAAyB,EACzB,oBAAoB,EACpB,mBAAmB,EACnB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,qBAAqB,EACrB,iBAAiB,EACjB,eAAe,EACf,oBAAoB,EACpB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,aAAa,EACb,iBAAiB,EACjB,uBAAuB,EACvB,YAAY,EACZ,oBAAoB,EACpB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,wBAAwB,EACxB,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,EACjB,sBAAsB,EACtB,WAAW,EACX,gBAAgB,EAChB,mBAAmB,EACnB,2BAA2B,EAC3B,aAAa,EACb,eAAe,EACf,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,aAAa,EACb,eAAe,EACf,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,oBAAoB,EACpB,qBAAqB,EACrB,aAAa,EACb,YAAY,EACZ,WAAW,EACX,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,iBAAiB,EACjB,2BAA2B,EAC3B,qBAAqB,EACrB,sBAAsB,EACtB,yBAAyB,EACzB,uBAAuB,EACvB,yBAAyB,EACzB,WAAW,EACX,gBAAgB,EAChB,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,EACb,iBAAiB,CACT,CAAC;AAEX,eAAO,MAAM,8BAA8B,YACzC,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,EACpB,mBAAmB,EACnB,kBAAkB,EAClB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,EAChB,UAAU,EACV,YAAY,CACJ,CAAC"}

package/dist/internal/root-registration-allowlist.js

@@ -0,0 +1,95 @@
+/**
+ * The tags registered by the root barrel, derived from the package manifest.
+ * Optional-peer families stay separate so the root import remains safe without
+ * chart, map, or graph dependencies.
+ */
+export const ROOT_BARREL_TAGS = [
+    'lyra-app-rail',
+    'lyra-app-rail-item',
+    'lyra-attachment-chip',
+    'lyra-attachment-trigger',
+    'lyra-chat-composer',
+    'lyra-chat-message',
+    'lyra-checkbox',
+    'lyra-chip',
+    'lyra-chip-group',
+    'lyra-citation-badge',
+    'lyra-code-block',
+    'lyra-combobox',
+    'lyra-context-meter',
+    'lyra-conversation-item',
+    'lyra-copy-button',
+    'lyra-date-input',
+    'lyra-date-picker',
+    'lyra-dialog',
+    'lyra-dock-panel',
+    'lyra-document-preview',
+    'lyra-empty',
+    'lyra-export-button',
+    'lyra-file-input',
+    'lyra-flag',
+    'lyra-gauge',
+    'lyra-generation-status',
+    'lyra-heatmap',
+    'lyra-json-viewer',
+    'lyra-kbd',
+    'lyra-lite-chart',
+    'lyra-live-region',
+    'lyra-markdown',
+    'lyra-media-card',
+    'lyra-mention-popover',
+    'lyra-menu',
+    'lyra-menu-item',
+    'lyra-model-select',
+    'lyra-model-settings-panel',
+    'lyra-option',
+    'lyra-playback',
+    'lyra-responsive-panel',
+    'lyra-result-card',
+    'lyra-result-field',
+    'lyra-select',
+    'lyra-skeleton',
+    'lyra-slider',
+    'lyra-source-card',
+    'lyra-source-list',
+    'lyra-sparkline',
+    'lyra-split',
+    'lyra-stat',
+    'lyra-stream-status',
+    'lyra-streaming-text',
+    'lyra-switch',
+    'lyra-table',
+    'lyra-tabs',
+    'lyra-thinking-panel',
+    'lyra-time-range',
+    'lyra-toast',
+    'lyra-toast-item',
+    'lyra-tool-approval-dialog',
+    'lyra-tool-call-chip',
+    'lyra-tool-param-form',
+    'lyra-tool-result-dialog',
+    'lyra-tool-result-view',
+    'lyra-tool-select-dialog',
+    'lyra-tree',
+    'lyra-tree-node',
+    'lyra-typing-indicator',
+    'lyra-virtual-list',
+    'lyra-widget',
+    'lyra-word-cloud',
+];
+export const ROOT_BARREL_OPTIONAL_PEER_TAGS = [
+    'lyra-chart',
+    'lyra-bar-chart',
+    'lyra-line-chart',
+    'lyra-pie-chart',
+    'lyra-doughnut-chart',
+    'lyra-scatter-chart',
+    'lyra-bubble-chart',
+    'lyra-radar-chart',
+    'lyra-polar-area-chart',
+    'lyra-box-plot',
+    'lyra-histogram',
+    'lyra-map',
+    'lyra-graph',
+];
+//# sourceMappingURL=root-registration-allowlist.js.map

package/dist/internal/root-registration-allowlist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root-registration-allowlist.js","sourceRoot":"","sources":["../../src/internal/root-registration-allowlist.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,eAAe;IACf,oBAAoB;IACpB,sBAAsB;IACtB,yBAAyB;IACzB,oBAAoB;IACpB,mBAAmB;IACnB,eAAe;IACf,WAAW;IACX,iBAAiB;IACjB,qBAAqB;IACrB,iBAAiB;IACjB,eAAe;IACf,oBAAoB;IACpB,wBAAwB;IACxB,kBAAkB;IAClB,iBAAiB;IACjB,kBAAkB;IAClB,aAAa;IACb,iBAAiB;IACjB,uBAAuB;IACvB,YAAY;IACZ,oBAAoB;IACpB,iBAAiB;IACjB,WAAW;IACX,YAAY;IACZ,wBAAwB;IACxB,cAAc;IACd,kBAAkB;IAClB,UAAU;IACV,iBAAiB;IACjB,kBAAkB;IAClB,eAAe;IACf,iBAAiB;IACjB,sBAAsB;IACtB,WAAW;IACX,gBAAgB;IAChB,mBAAmB;IACnB,2BAA2B;IAC3B,aAAa;IACb,eAAe;IACf,uBAAuB;IACvB,kBAAkB;IAClB,mBAAmB;IACnB,aAAa;IACb,eAAe;IACf,aAAa;IACb,kBAAkB;IAClB,kBAAkB;IAClB,gBAAgB;IAChB,YAAY;IACZ,WAAW;IACX,oBAAoB;IACpB,qBAAqB;IACrB,aAAa;IACb,YAAY;IACZ,WAAW;IACX,qBAAqB;IACrB,iBAAiB;IACjB,YAAY;IACZ,iBAAiB;IACjB,2BAA2B;IAC3B,qBAAqB;IACrB,sBAAsB;IACtB,yBAAyB;IACzB,uBAAuB;IACvB,yBAAyB;IACzB,WAAW;IACX,gBAAgB;IAChB,uBAAuB;IACvB,mBAAmB;IACnB,aAAa;IACb,iBAAiB;CACT,CAAC;AAEX,MAAM,CAAC,MAAM,8BAA8B,GAAG;IAC5C,YAAY;IACZ,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,qBAAqB;IACrB,oBAAoB;IACpB,mBAAmB;IACnB,kBAAkB;IAClB,uBAAuB;IACvB,eAAe;IACf,gBAAgB;IAChB,UAAU;IACV,YAAY;CACJ,CAAC"}

package/dist/internal/rtl.d.ts

@@ -28,3 +28,4 @@ export declare function rtlAwareSide(side: PhysicalSide, el: Element): PhysicalS
  * `positioner.ts` -- this is the resolution step.
  */
 export declare function rtlAwarePlacement(placement: Placement, el: Element): Placement;
+//# sourceMappingURL=rtl.d.ts.map

package/dist/internal/rtl.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.d.ts","sourceRoot":"","sources":["../../src/internal/rtl.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAElD;;;;;GAKG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,OAAO,GAAG,OAAO,CAE1C;AAED,gDAAgD;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,OAAO,GAAG,YAAY,CAG1E;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,GAAG,SAAS,CAG9E"}

package/dist/internal/rtl.js

@@ -35,3 +35,4 @@ export function rtlAwarePlacement(placement, el) {
         return placement;
     return placement.replace(/^(left|right)/, (side) => (side === 'left' ? 'right' : 'left'));
 }
+//# sourceMappingURL=rtl.js.map

package/dist/internal/rtl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rtl.js","sourceRoot":"","sources":["../../src/internal/rtl.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,UAAU,KAAK,CAAC,EAAW;IAC/B,OAAO,gBAAgB,CAAC,EAAE,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC;AAClD,CAAC;AAKD;;;;;;;GAOG;AACH,MAAM,UAAU,YAAY,CAAC,IAAkB,EAAE,EAAW;IAC1D,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,IAAI,CAAC;IAC5B,OAAO,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;AAC5C,CAAC;AAED;;;;;;;;;GASG;AACH,MAAM,UAAU,iBAAiB,CAAC,SAAoB,EAAE,EAAW;IACjE,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QAAE,OAAO,SAAS,CAAC;IACjC,OAAO,SAAS,CAAC,OAAO,CAAC,eAAe,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAc,CAAC;AACzG,CAAC"}

package/dist/internal/safe-url.d.ts

@@ -0,0 +1,13 @@
+/** Returns a trimmed URL safe for an `<img>`/`<video>` `src`, or `null`.
+ * Relative URLs and `http:`, `https:`, `blob:`, and `data:` are allowed. The
+ * platform parser performs the same control-character normalization as DOM
+ * URL sinks, preventing obfuscated schemes such as `java\tscript:`. */
+export declare function safeMediaSrc(url: unknown): string | null;
+/** Returns a trimmed URL safe to pass to `fetch()`, or `null`. This shares the
+ * resource allowlist with media sources so text/image `data:` URLs remain
+ * usable, while navigation-only and executable schemes are rejected. */
+export declare function safeFetchUrl(url: unknown): string | null;
+/** Returns a trimmed URL safe for an `<a href>`, or `null`. `data:` is
+ * intentionally excluded because following it can open an active document. */
+export declare function safeLinkHref(url: unknown): string | null;
+//# sourceMappingURL=safe-url.d.ts.map

package/dist/internal/safe-url.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-url.d.ts","sourceRoot":"","sources":["../../src/internal/safe-url.ts"],"names":[],"mappings":"AAwBA;;;uEAGuE;AACvE,wBAAgB,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAExD;AAED;;wEAEwE;AACxE,wBAAgB,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAExD;AAED;8EAC8E;AAC9E,wBAAgB,YAAY,CAAC,GAAG,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAExD"}

package/dist/internal/safe-url.js

@@ -0,0 +1,42 @@
+// URL safety is sink-specific. A `data:` URL is inert when used as media or
+// fetched as data, but navigating an anchor to `data:text/html,...` creates an
+// active document. Keep the link allowlist deliberately narrower.
+const SAFE_RESOURCE_SCHEMES = new Set(['http:', 'https:', 'blob:', 'data:']);
+const SAFE_LINK_SCHEMES = new Set(['http:', 'https:', 'blob:']);
+// A fixed web base makes relative and scheme-relative inputs parse through the
+// same WHATWG URL algorithm as absolute inputs. This also means malformed
+// absolute URLs are rejected instead of being mistaken for relative paths.
+const PARSE_BASE = 'https://lyra.invalid/';
+function safeUrlOrNull(url, allowedSchemes) {
+    if (typeof url !== 'string')
+        return null;
+    const trimmed = url.trim();
+    if (trimmed === '')
+        return null;
+    try {
+        const protocol = new URL(trimmed, PARSE_BASE).protocol;
+        return allowedSchemes.has(protocol) ? trimmed : null;
+    }
+    catch {
+        return null;
+    }
+}
+/** Returns a trimmed URL safe for an `<img>`/`<video>` `src`, or `null`.
+ * Relative URLs and `http:`, `https:`, `blob:`, and `data:` are allowed. The
+ * platform parser performs the same control-character normalization as DOM
+ * URL sinks, preventing obfuscated schemes such as `java\tscript:`. */
+export function safeMediaSrc(url) {
+    return safeUrlOrNull(url, SAFE_RESOURCE_SCHEMES);
+}
+/** Returns a trimmed URL safe to pass to `fetch()`, or `null`. This shares the
+ * resource allowlist with media sources so text/image `data:` URLs remain
+ * usable, while navigation-only and executable schemes are rejected. */
+export function safeFetchUrl(url) {
+    return safeUrlOrNull(url, SAFE_RESOURCE_SCHEMES);
+}
+/** Returns a trimmed URL safe for an `<a href>`, or `null`. `data:` is
+ * intentionally excluded because following it can open an active document. */
+export function safeLinkHref(url) {
+    return safeUrlOrNull(url, SAFE_LINK_SCHEMES);
+}
+//# sourceMappingURL=safe-url.js.map

package/dist/internal/safe-url.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"safe-url.js","sourceRoot":"","sources":["../../src/internal/safe-url.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,+EAA+E;AAC/E,kEAAkE;AAClE,MAAM,qBAAqB,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AAC7E,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAEhE,+EAA+E;AAC/E,0EAA0E;AAC1E,2EAA2E;AAC3E,MAAM,UAAU,GAAG,uBAAuB,CAAC;AAE3C,SAAS,aAAa,CAAC,GAAY,EAAE,cAAmC;IACtE,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC;IACzC,MAAM,OAAO,GAAG,GAAG,CAAC,IAAI,EAAE,CAAC;IAC3B,IAAI,OAAO,KAAK,EAAE;QAAE,OAAO,IAAI,CAAC;IAEhC,IAAI,CAAC;QACH,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC;QACvD,OAAO,cAAc,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACvD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,IAAI,CAAC;IACd,CAAC;AACH,CAAC;AAED;;;uEAGuE;AACvE,MAAM,UAAU,YAAY,CAAC,GAAY;IACvC,OAAO,aAAa,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;AACnD,CAAC;AAED;;wEAEwE;AACxE,MAAM,UAAU,YAAY,CAAC,GAAY;IACvC,OAAO,aAAa,CAAC,GAAG,EAAE,qBAAqB,CAAC,CAAC;AACnD,CAAC;AAED;8EAC8E;AAC9E,MAAM,UAAU,YAAY,CAAC,GAAY;IACvC,OAAO,aAAa,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;AAC/C,CAAC"}

package/dist/internal/scroll-lock.d.ts

@@ -10,3 +10,4 @@
  * open/close/open sequence).
  */
 export declare function lockScroll(doc?: Document): () => void;
+//# sourceMappingURL=scroll-lock.d.ts.map

package/dist/internal/scroll-lock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.d.ts","sourceRoot":"","sources":["../../src/internal/scroll-lock.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,wBAAgB,UAAU,CAAC,GAAG,GAAE,QAAmB,GAAG,MAAM,IAAI,CAyB/D"}

package/dist/internal/scroll-lock.js

@@ -39,3 +39,4 @@ export function lockScroll(doc = document) {
         }
     };
 }
+//# sourceMappingURL=scroll-lock.js.map

package/dist/internal/scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.js","sourceRoot":"","sources":["../../src/internal/scroll-lock.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,GAAG,IAAI,OAAO,EAAoB,CAAC;AAC/C,MAAM,gBAAgB,GAAG,IAAI,OAAO,EAAoB,CAAC;AACzD,MAAM,eAAe,GAAG,IAAI,OAAO,EAAoB,CAAC;AAExD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,UAAU,CAAC,GAAG,GAAa,QAAQ;IACjD,MAAM,IAAI,GAAG,GAAG,CAAC,eAAe,CAAC;IACjC,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACnC,IAAI,KAAK,KAAK,CAAC,EAAE,CAAC;QAChB,gBAAgB,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAC/C,eAAe,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACtD,MAAM,cAAc,GAAG,CAAC,GAAG,CAAC,WAAW,EAAE,UAAU,IAAI,CAAC,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;QAC7E,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC/B,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;YACvB,MAAM,cAAc,GAAG,UAAU,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;YAChF,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,GAAG,cAAc,GAAG,cAAc,IAAI,CAAC;QACvE,CAAC;IACH,CAAC;IACD,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;IAC3B,IAAI,QAAQ,GAAG,KAAK,CAAC;IACrB,OAAO,GAAG,EAAE;QACV,IAAI,QAAQ;YAAE,OAAO;QACrB,QAAQ,GAAG,IAAI,CAAC;QAChB,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAC7C,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;QAC3B,IAAI,SAAS,KAAK,CAAC,EAAE,CAAC;YACpB,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,gBAAgB,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;YACtD,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,eAAe,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;QAC/D,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}

package/dist/internal/tokens.styles.d.ts

@@ -1 +1,2 @@
 export declare const tokens: import("lit").CSSResult;
+//# sourceMappingURL=tokens.styles.d.ts.map

package/dist/internal/tokens.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.styles.d.ts","sourceRoot":"","sources":["../../src/internal/tokens.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM,yBAsSlB,CAAC"}

package/dist/internal/tokens.styles.js

@@ -6,7 +6,7 @@ export const tokens = css `
     --lyra-color-surface: var(--wa-color-surface-default, #fff);
     --lyra-color-text: var(--wa-color-text-normal, #1a1a1a);
     --lyra-color-text-quiet: var(--wa-color-text-quiet, #6b7280);
-    --lyra-color-border: var(--wa-color-neutral-fill-normal, #8a8a90);
+    --lyra-color-border: var(--wa-color-surface-border, #8a8a90);
     --lyra-color-brand: var(--wa-color-brand-fill-loud, #0969da);
     --lyra-color-brand-quiet: var(--wa-color-brand-fill-quiet, #ddf4ff);
     --lyra-color-success: var(--wa-color-success-fill-loud, #1a7f37);
@@ -15,15 +15,162 @@ export const tokens = css `
     --lyra-color-warning-quiet: var(--wa-color-warning-fill-quiet, #fff8c5);
     --lyra-color-danger: var(--wa-color-danger-fill-loud, #cf222e);
     --lyra-color-danger-quiet: var(--wa-color-danger-fill-quiet, #ffebe9);
-    /* Text/icon color for content painted on top of a solid brand-fill
-       background (selected calendar days, filled badges, etc.) -- almost
-       always white on both the light and dark brand fills above, so it's
-       not itself light/dark-mode-swapped like the other tokens here. */
-    --lyra-color-on-brand: var(--wa-color-on-brand, #fff);
+    /* Text/icon colors paired with each solid semantic fill. These are
+       separate tokens because a theme can choose different foregrounds per
+       tone, and the bright standalone dark fills require dark content. */
+    --lyra-color-on-brand: var(--wa-color-brand-on-loud, #fff);
+    --lyra-color-on-success: var(--wa-color-success-on-loud, #fff);
+    --lyra-color-on-warning: var(--wa-color-warning-on-loud, #fff);
+    --lyra-color-on-danger: var(--wa-color-danger-on-loud, #fff);
+    --lyra-color-overlay: var(--wa-color-overlay, rgb(0 0 0 / 0.5));
+    --lyra-color-no-data: var(--wa-color-no-data, rgb(128 128 128 / 25%));
+    --lyra-font-mono: var(--wa-font-family-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
     --lyra-space-xs: var(--wa-space-xs, 0.25rem);
     --lyra-space-s: var(--wa-space-s, 0.5rem);
     --lyra-space-m: var(--wa-space-m, 0.75rem);
     --lyra-space-l: var(--wa-space-l, 1rem);
+    /* Semantic type, density, border, radius, and layer scales. Component styles consume
+       these names; the exact fallback values remain centralized here so a theme can retune
+       typography and geometry without editing every component. */
+    --lyra-space-2xs: var(--wa-space-2xs, 0.125rem);
+    --lyra-space-2xl: var(--wa-space-2xl, 2rem);
+    --lyra-font-size-2xs: var(--wa-font-size-2xs, 0.625rem);
+    --lyra-font-size-xs: var(--wa-font-size-xs, 0.75rem);
+    --lyra-font-size-sm: var(--wa-font-size-sm, 0.8125rem);
+    --lyra-font-size-md-sm: var(--wa-font-size-md-sm, 0.875rem);
+    --lyra-font-size-md: var(--wa-font-size-md, 1rem);
+    --lyra-font-size-lg: var(--wa-font-size-lg, 1.125rem);
+    --lyra-font-size-xl: var(--wa-font-size-xl, 1.25rem);
+    --lyra-font-size-2xl: var(--wa-font-size-2xl, 1.75rem);
+    --lyra-font-size-3xl: var(--wa-font-size-3xl, 2rem);
+    --lyra-font-weight-normal: var(--wa-font-weight-normal, 400);
+    --lyra-font-weight-medium: var(--wa-font-weight-medium, 500);
+    --lyra-font-weight-semibold: var(--wa-font-weight-semibold, 600);
+    --lyra-font-weight-bold: var(--wa-font-weight-bold, 700);
+    --lyra-line-height-tight: var(--wa-line-height-tight, 1.2);
+    --lyra-line-height-none: var(--wa-line-height-none, 1);
+    --lyra-line-height-compact: var(--wa-line-height-compact, 1.25);
+    --lyra-line-height-snug: var(--wa-line-height-snug, 1.3);
+    --lyra-line-height-1-4: var(--wa-line-height-1-4, 1.4);
+    --lyra-line-height-normal: var(--wa-line-height-normal, 1.5);
+    --lyra-line-height-loose: var(--wa-line-height-loose, 1.6);
+    --lyra-line-height-relaxed: var(--wa-line-height-relaxed, 1.65);
+    --lyra-border-width-thin: var(--wa-border-width-thin, 1px);
+    --lyra-border-width-medium: var(--wa-border-width-medium, 2px);
+    --lyra-border-width-thick: var(--wa-border-width-thick, 3px);
+    --lyra-radius-xs: var(--wa-border-radius-xs, 2px);
+    --lyra-radius-pill: var(--wa-border-radius-pill, 999px);
+    --lyra-color-shadow: var(--wa-color-shadow, #000);
+    --lyra-color-chart-1: var(--wa-color-chart-1, #8250df);
+    --lyra-color-chart-2: var(--wa-color-chart-2, #bf3989);
+    --lyra-color-chart-3: var(--wa-color-chart-3, #0a7d91);
+    --lyra-color-chart-4: var(--wa-color-chart-4, #57606a);
+    --lyra-color-chart-5: var(--wa-color-chart-5, #b083f5);
+    --lyra-color-chart-6: var(--wa-color-chart-6, #f470b8);
+    --lyra-color-chart-7: var(--wa-color-chart-7, #52d6e8);
+    --lyra-color-chart-8: var(--wa-color-chart-8, #c9d1d9);
+    --lyra-layer-base: var(--wa-z-index-base, 0);
+    --lyra-layer-content: var(--wa-z-index-content, 1);
+    --lyra-layer-dropdown: var(--wa-z-index-dropdown, 900);
+    --lyra-layer-popover: var(--wa-z-index-popover, 1000);
+    --lyra-layer-modal: var(--wa-z-index-modal, 1000);
+    --lyra-layer-toast: var(--wa-z-index-toast, 9999);
+    --lyra-safe-area-top: env(safe-area-inset-top, 0px);
+    --lyra-safe-area-bottom: env(safe-area-inset-bottom, 0px);
+    --lyra-safe-area-inline-start: env(safe-area-inset-left, 0px);
+    --lyra-safe-area-inline-end: env(safe-area-inset-right, 0px);
+    --lyra-size-neg-0-15rem: var(--wa-size-neg-0-15rem, -0.15rem);
+    --lyra-size-neg-0-25rem: var(--wa-size-neg-0-25rem, -0.25rem);
+    --lyra-size-neg-1px: var(--wa-size-neg-1px, -1px);
+    --lyra-size-neg-4px: var(--wa-size-neg-4px, -4px);
+    --lyra-size-neg-6px: var(--wa-size-neg-6px, -6px);
+    --lyra-size-neg-8px: var(--wa-size-neg-8px, -8px);
+    --lyra-size-0-02em: var(--wa-size-0-02em, 0.02em);
+    --lyra-size-0-03em: var(--wa-size-0-03em, 0.03em);
+    --lyra-size-0-04em: var(--wa-size-0-04em, 0.04em);
+    --lyra-size-0-05rem: var(--wa-size-0-05rem, 0.05rem);
+    --lyra-size-0-0625rem: var(--wa-size-0-0625rem, 0.0625rem);
+    --lyra-size-0-09375rem: var(--wa-size-0-09375rem, 0.09375rem);
+    --lyra-size-0-125rem: var(--wa-size-0-125rem, 0.125rem);
+    --lyra-size-0-15rem: var(--wa-size-0-15rem, 0.15rem);
+    --lyra-size-0-1875rem: var(--wa-size-0-1875rem, 0.1875rem);
+    --lyra-size-0-1rem: var(--wa-size-0-1rem, 0.1rem);
+    --lyra-size-0-25rem: var(--wa-size-0-25rem, 0.25rem);
+    --lyra-size-0-3125rem: var(--wa-size-0-3125rem, 0.3125rem);
+    --lyra-size-0-35em: var(--wa-size-0-35em, 0.35em);
+    --lyra-size-0-375rem: var(--wa-size-0-375rem, 0.375rem);
+    --lyra-size-0-3em: var(--wa-size-0-3em, 0.3em);
+    --lyra-size-0-4375rem: var(--wa-size-0-4375rem, 0.4375rem);
+    --lyra-size-0-4em: var(--wa-size-0-4em, 0.4em);
+    --lyra-size-0-4rem: var(--wa-size-0-4rem, 0.4rem);
+    --lyra-size-0-5rem: var(--wa-size-0-5rem, 0.5rem);
+    --lyra-size-0-625rem: var(--wa-size-0-625rem, 0.625rem);
+    --lyra-size-0-6875rem: var(--wa-size-0-6875rem, 0.6875rem);
+    --lyra-size-0-6rem: var(--wa-size-0-6rem, 0.6rem);
+    --lyra-size-0-75em: var(--wa-size-0-75em, 0.75em);
+    --lyra-size-0-75rem: var(--wa-size-0-75rem, 0.75rem);
+    --lyra-size-0-7em: var(--wa-size-0-7em, 0.7em);
+    --lyra-size-0-8125rem: var(--wa-size-0-8125rem, 0.8125rem);
+    --lyra-size-0-875em: var(--wa-size-0-875em, 0.875em);
+    --lyra-size-0-875rem: var(--wa-size-0-875rem, 0.875rem);
+    --lyra-size-0-8rem: var(--wa-size-0-8rem, 0.8rem);
+    --lyra-size-0-9375rem: var(--wa-size-0-9375rem, 0.9375rem);
+    --lyra-size-1-0625rem: var(--wa-size-1-0625rem, 1.0625rem);
+    --lyra-size-1-125rem: var(--wa-size-1-125rem, 1.125rem);
+    --lyra-size-1-1rem: var(--wa-size-1-1rem, 1.1rem);
+    --lyra-size-1-25rem: var(--wa-size-1-25rem, 1.25rem);
+    --lyra-size-1-5em: var(--wa-size-1-5em, 1.5em);
+    --lyra-size-1-5rem: var(--wa-size-1-5rem, 1.5rem);
+    --lyra-size-1-75rem: var(--wa-size-1-75rem, 1.75rem);
+    --lyra-size-1-875rem: var(--wa-size-1-875rem, 1.875rem);
+    --lyra-size-10px: var(--wa-size-10px, 10px);
+    --lyra-size-10rem: var(--wa-size-10rem, 10rem);
+    --lyra-size-11px: var(--wa-size-11px, 11px);
+    --lyra-size-12em: var(--wa-size-12em, 12em);
+    --lyra-size-12rem: var(--wa-size-12rem, 12rem);
+    --lyra-size-14px: var(--wa-size-14px, 14px);
+    --lyra-size-14rem: var(--wa-size-14rem, 14rem);
+    --lyra-size-15rem: var(--wa-size-15rem, 15rem);
+    --lyra-size-16px: var(--wa-size-16px, 16px);
+    --lyra-size-16rem: var(--wa-size-16rem, 16rem);
+    --lyra-size-18rem: var(--wa-size-18rem, 18rem);
+    --lyra-size-1em: var(--wa-size-1em, 1em);
+    --lyra-size-1px: var(--wa-size-1px, 1px);
+    --lyra-size-1rem: var(--wa-size-1rem, 1rem);
+    --lyra-size-2-25rem: var(--wa-size-2-25rem, 2.25rem);
+    --lyra-size-2-5rem: var(--wa-size-2-5rem, 2.5rem);
+    --lyra-size-2-5ch: var(--wa-size-2-5ch, 2.5ch);
+    --lyra-size-20rem: var(--wa-size-20rem, 20rem);
+    --lyra-size-21px: var(--wa-size-21px, 21px);
+    --lyra-size-22rem: var(--wa-size-22rem, 22rem);
+    --lyra-size-24px: var(--wa-size-24px, 24px);
+    --lyra-size-24rem: var(--wa-size-24rem, 24rem);
+    --lyra-size-280px: var(--wa-size-280px, 280px);
+    --lyra-size-28px: var(--wa-size-28px, 28px);
+    --lyra-size-28rem: var(--wa-size-28rem, 28rem);
+    --lyra-size-2px: var(--wa-size-2px, 2px);
+    --lyra-size-2rem: var(--wa-size-2rem, 2rem);
+    --lyra-size-3-5rem: var(--wa-size-3-5rem, 3.5rem);
+    --lyra-size-30rem: var(--wa-size-30rem, 30rem);
+    --lyra-size-32rem: var(--wa-size-32rem, 32rem);
+    --lyra-size-36rem: var(--wa-size-36rem, 36rem);
+    --lyra-size-38rem: var(--wa-size-38rem, 38rem);
+    --lyra-size-3px: var(--wa-size-3px, 3px);
+    --lyra-size-3rem: var(--wa-size-3rem, 3rem);
+    --lyra-size-3ch: var(--wa-size-3ch, 3ch);
+    --lyra-size-48rem: var(--wa-size-48rem, 48rem);
+    --lyra-size-4px: var(--wa-size-4px, 4px);
+    --lyra-size-4rem: var(--wa-size-4rem, 4rem);
+    --lyra-size-4ch: var(--wa-size-4ch, 4ch);
+    --lyra-size-639-98px: var(--wa-size-639-98px, 639.98px);
+    --lyra-size-6em: var(--wa-size-6em, 6em);
+    --lyra-size-6px: var(--wa-size-6px, 6px);
+    --lyra-size-6rem: var(--wa-size-6rem, 6rem);
+    --lyra-size-6ch: var(--wa-size-6ch, 6ch);
+    --lyra-size-899-98px: var(--wa-size-899-98px, 899.98px);
+    --lyra-size-8em: var(--wa-size-8em, 8em);
+    --lyra-size-8rem: var(--wa-size-8rem, 8rem);
+    --lyra-size-999px: var(--wa-size-999px, 999px);
     --lyra-radius: var(--wa-border-radius-m, 0.375rem);
     --lyra-shadow: var(--wa-shadow-m, 0 2px 8px rgb(0 0 0 / 0.15));
     --lyra-font: var(--wa-font-family-body, system-ui, sans-serif);
@@ -41,7 +188,7 @@ export const tokens = css `
     /* Focus ring — every :focus-visible rule in the library should reference
        these three instead of hardcoding its own width/color/offset. */
     --lyra-focus-ring-width: 2px;
-    --lyra-focus-ring-color: var(--lyra-color-brand);
+    --lyra-focus-ring-color: var(--wa-color-focus, var(--lyra-color-brand));
     --lyra-focus-ring-offset: 2px;
 
     /* Minimum tappable box for an icon-only button (close/dismiss/nav
@@ -64,15 +211,80 @@ export const tokens = css `
       --lyra-color-surface: var(--wa-color-surface-default, #1a1a1a);
       --lyra-color-text: var(--wa-color-text-normal, #f2f2f2);
       --lyra-color-text-quiet: var(--wa-color-text-quiet, #9aa1ac);
-      --lyra-color-border: var(--wa-color-neutral-fill-normal, #4a4a52);
-      --lyra-color-brand: var(--wa-color-brand-fill-loud, #4d9fef);
+      --lyra-color-border: var(--wa-color-surface-border, #6b6b74);
+      --lyra-color-brand: var(--wa-color-brand-fill-loud, #4ea0f0);
       --lyra-color-brand-quiet: var(--wa-color-brand-fill-quiet, #163650);
       --lyra-color-success: var(--wa-color-success-fill-loud, #3fb950);
-      --lyra-color-success-quiet: var(--wa-color-success-fill-quiet, #1b4721);
+      --lyra-color-success-quiet: var(--wa-color-success-fill-quiet, #17411e);
       --lyra-color-warning: var(--wa-color-warning-fill-loud, #d29922);
       --lyra-color-warning-quiet: var(--wa-color-warning-fill-quiet, #3b2900);
-      --lyra-color-danger: var(--wa-color-danger-fill-loud, #f85149);
+      --lyra-color-danger: var(--wa-color-danger-fill-loud, #fa524a);
       --lyra-color-danger-quiet: var(--wa-color-danger-fill-quiet, #4c1210);
+      --lyra-color-on-brand: var(--wa-color-brand-on-loud, #111827);
+      --lyra-color-on-success: var(--wa-color-success-on-loud, #111827);
+      --lyra-color-on-warning: var(--wa-color-warning-on-loud, #111827);
+      --lyra-color-on-danger: var(--wa-color-danger-on-loud, #111827);
+      --lyra-color-chart-1: var(--wa-color-chart-1, #b58cff);
+      --lyra-color-chart-2: var(--wa-color-chart-2, #ff7ab2);
+      --lyra-color-chart-3: var(--wa-color-chart-3, #4fd1c5);
+      --lyra-color-chart-4: var(--wa-color-chart-4, #aab4c4);
+      --lyra-color-chart-5: var(--wa-color-chart-5, #d4a7ff);
+      --lyra-color-chart-6: var(--wa-color-chart-6, #ff91c8);
+      --lyra-color-chart-7: var(--wa-color-chart-7, #79e2ef);
+      --lyra-color-chart-8: var(--wa-color-chart-8, #e4e7eb);
+    }
+  }
+
+  /* Reduced motion is centralized so components using either the shared
+     transition tokens or a component animation get the same behavior. The
+     tiny non-zero duration keeps animationend/transitionend contracts from
+     becoming engine-dependent while making the visual movement imperceptible. */
+  @media (prefers-reduced-motion: reduce) {
+    :host {
+      --lyra-transition-fast: 0.001ms linear;
+      --lyra-transition-base: 0.001ms linear;
+    }
+    :host *,
+    :host *::before,
+    :host *::after {
+      animation-duration: 0.001ms !important;
+      animation-iteration-count: 1 !important;
+      transition-duration: 0.001ms !important;
+      scroll-behavior: auto !important;
+    }
+  }
+
+  /* System colors keep custom controls, SVG marks, and canvas-adjacent chrome
+     legible when the user agent replaces the normal palette. Component CSS
+     and drawing code consume these semantic tokens, so the same mode applies
+     to DOM and non-DOM visuals. */
+  @media (forced-colors: active) {
+    :host {
+      --lyra-color-surface: Canvas;
+      --lyra-color-text: CanvasText;
+      --lyra-color-text-quiet: CanvasText;
+      --lyra-color-border: ButtonText;
+      --lyra-color-brand: LinkText;
+      --lyra-color-brand-quiet: Canvas;
+      --lyra-color-success: LinkText;
+      --lyra-color-success-quiet: Canvas;
+      --lyra-color-warning: CanvasText;
+      --lyra-color-warning-quiet: Canvas;
+      --lyra-color-danger: LinkText;
+      --lyra-color-danger-quiet: Canvas;
+      --lyra-color-on-brand: Canvas;
+      --lyra-color-on-success: Canvas;
+      --lyra-color-on-warning: Canvas;
+      --lyra-color-on-danger: Canvas;
+      --lyra-color-chart-1: Highlight;
+      --lyra-color-chart-2: LinkText;
+      --lyra-color-chart-3: CanvasText;
+      --lyra-color-chart-4: Highlight;
+      --lyra-color-chart-5: LinkText;
+      --lyra-color-chart-6: CanvasText;
+      --lyra-color-chart-7: Highlight;
+      --lyra-color-chart-8: LinkText;
+      --lyra-focus-ring-color: Highlight;
     }
   }
   :host([hidden]) {
@@ -84,3 +296,4 @@ export const tokens = css `
     box-sizing: inherit;
   }
 `;
+//# sourceMappingURL=tokens.styles.js.map

package/dist/internal/tokens.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.styles.js","sourceRoot":"","sources":["../../src/internal/tokens.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,8EAA8E;AAC9E,yEAAyE;AACzE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsSxB,CAAC"}