@exponential_app/eui 0.0.0-stage → 0.2.0

package/dist/chunks/index-t6qz1770.js

@@ -0,0 +1,95 @@
+// packages/exponential-ui/src/web/primitives/measure.ts
+var near = (a, b) => Math.abs(a - b) < 1;
+var unit = (v) => Math.round(v * 64) / 64;
+var sized = (width, height) => ({ width: unit(width), height: unit(height) });
+function layoutSize2(el, entry) {
+  const r = el.getBoundingClientRect();
+  const ow = el.offsetWidth;
+  const oh = el.offsetHeight;
+  if (ow === 0 && oh === 0)
+    return { width: r.width, height: r.height };
+  if (near(r.width, ow) && near(r.height, oh))
+    return { width: r.width, height: r.height };
+  const box = entry?.borderBoxSize?.[0];
+  if (box) {
+    if (near(box.inlineSize, ow) && near(box.blockSize, oh))
+      return sized(box.inlineSize, box.blockSize);
+    if (near(box.blockSize, ow) && near(box.inlineSize, oh))
+      return sized(box.blockSize, box.inlineSize);
+  }
+  const zoom = el.currentCSSZoom;
+  if (zoom && zoom !== 1 && near(r.width / zoom, ow) && near(r.height / zoom, oh))
+    return sized(r.width / zoom, r.height / zoom);
+  return { width: ow, height: oh };
+}
+function visualScale2(visual, layout) {
+  return layout > 0 && !near(visual, layout) ? visual / layout : 1;
+}
+function elementScale2(el, rect = el.getBoundingClientRect()) {
+  return { x: visualScale2(rect.width, el.offsetWidth), y: visualScale2(rect.height, el.offsetHeight) };
+}
+
+// packages/exponential-ui/src/web/primitives/voice-wave.ts
+var VOICE_WAVE_SIZES2 = [`sm`, `md`, `lg`, `xl`];
+var VOICE_WAVE_SIZE_PX2 = { sm: 32, md: 56, lg: 160, xl: 200 };
+function voiceWaveAnimates2(activity) {
+  return activity === `listening` || activity === `thinking` || activity === `speaking`;
+}
+function voiceWaveQuiet2(activity) {
+  return !voiceWaveAnimates2(activity);
+}
+var NAMED = [`idle`, `listening`, `thinking`, `speaking`, `muted`];
+function voiceWaveName2(label, activity) {
+  return label ? `${label}, ${NAMED.includes(activity) ? activity : `idle`}` : undefined;
+}
+function voiceWaveClock2(onFrame) {
+  if (typeof requestAnimationFrame !== `function`)
+    return () => {};
+  let start = null;
+  let id = 0;
+  const tick = (now) => {
+    if (start === null)
+      start = now;
+    else
+      onFrame((now - start) / 1000);
+    id = requestAnimationFrame(tick);
+  };
+  id = requestAnimationFrame(tick);
+  return () => cancelAnimationFrame(id);
+}
+function voiceWaveFitChild2(el, scaleOf) {
+  const apply = (width, height) => {
+    const s = scaleOf({ width, height });
+    el.style.transform = s === 1 ? `` : `scale(${s})`;
+  };
+  if (typeof ResizeObserver !== `function`) {
+    apply(el.offsetWidth, el.offsetHeight);
+    return () => {};
+  }
+  const ro = new ResizeObserver((entries) => {
+    const e = entries[entries.length - 1];
+    const b = e.borderBoxSize?.[0];
+    if (b)
+      apply(b.inlineSize, b.blockSize);
+    else
+      apply(el.offsetWidth, el.offsetHeight);
+  });
+  ro.observe(el, { box: `border-box` });
+  return () => ro.disconnect();
+}
+var VOICE_WAVE_CLASSES2 = {
+  root: `relative inline-flex shrink-0 items-center justify-center`,
+  quiet: `opacity-35`,
+  size: { sm: `size-8`, md: `size-14`, lg: `size-40`, xl: `size-50` },
+  svg: `pointer-events-none absolute inset-0 size-full overflow-visible`,
+  ring: { outer: `text-blue-500`, mid: `text-primary`, inner: `text-primary` },
+  ringQuiet: `text-muted-foreground`,
+  child: `relative flex shrink-0 items-center justify-center text-foreground`,
+  childHidden: `invisible pointer-events-none`,
+  childMuted: `text-muted-foreground`
+};
+
+export { layoutSize2, visualScale2, elementScale2, VOICE_WAVE_SIZES2, VOICE_WAVE_SIZE_PX2, voiceWaveAnimates2, voiceWaveQuiet2, voiceWaveName2, voiceWaveClock2, voiceWaveFitChild2, VOICE_WAVE_CLASSES2 };
+
+//# debugId=E5287FE7B176B23B64756E2164756E21
+//# sourceMappingURL=index-t6qz1770.js.map

package/dist/chunks/index-t6qz1770.js.map

@@ -0,0 +1,11 @@
+{
+  "version": 3,
+  "sources": ["../src/web/primitives/measure.ts", "../src/web/primitives/voice-wave.ts"],
+  "sourcesContent": [
+    "// NEW-82: element measurements in LAYOUT px, framework-free (the React and\n// Solid renderers share them). `getBoundingClientRect()` is in VISUAL px: it\n// includes CSS `zoom` and transforms, while everything a painter lays out\n// (an SVG viewBox, a breakpoint, a translateY, a scrollTop) is in the\n// element's own unzoomed CSS px. Inside a `zoom: 0.76` phone frame a 200 px\n// box reads 152 from the rect.\n//\n// The rect stays the source whenever it agrees with the layout box (no\n// zoom, no transform): its FRACTIONAL width is what the renderers measured\n// before, so an unscaled page measures byte-identically. A scaled element\n// reads the ResizeObserver entry's `borderBoxSize` (fractional, unzoomed),\n// else the rect divided by `currentCSSZoom` when that alone explains the\n// difference, else `offsetWidth`/`offsetHeight` (whole px). The two\n// divided reads snap to Blink's 1/64 px LayoutUnit: un-zooming is a float\n// division (700 px under `zoom: 0.76` reads 700.0000087…).\n\nexport interface LayoutSize {\n  width: number\n  height: number\n}\n\n/** Within a pixel: `offsetWidth` is the layout box snapped to whole px. */\nconst near = (a: number, b: number) => Math.abs(a - b) < 1\nconst unit = (v: number) => Math.round(v * 64) / 64\nconst sized = (width: number, height: number): LayoutSize => ({ width: unit(width), height: unit(height) })\n\n/** An element's border box in layout (unzoomed, untransformed) CSS px.\n *  `entry` = the ResizeObserver entry of this element, when there is one. */\nexport function layoutSize(el: HTMLElement, entry?: ResizeObserverEntry): LayoutSize {\n  const r = el.getBoundingClientRect()\n  const ow = el.offsetWidth\n  const oh = el.offsetHeight\n  // No offset box (jsdom, no layout): the rect is all there is.\n  if (ow === 0 && oh === 0) return { width: r.width, height: r.height }\n  if (near(r.width, ow) && near(r.height, oh)) return { width: r.width, height: r.height }\n  const box = entry?.borderBoxSize?.[0]\n  if (box) {\n    if (near(box.inlineSize, ow) && near(box.blockSize, oh)) return sized(box.inlineSize, box.blockSize)\n    // A vertical writing mode: inline = height.\n    if (near(box.blockSize, ow) && near(box.inlineSize, oh)) return sized(box.blockSize, box.inlineSize)\n  }\n  const zoom = (el as HTMLElement & { currentCSSZoom?: number }).currentCSSZoom\n  if (zoom && zoom !== 1 && near(r.width / zoom, ow) && near(r.height / zoom, oh)) return sized(r.width / zoom, r.height / zoom)\n  return { width: ow, height: oh }\n}\n\n/** Visual px per layout px on one axis: 1 when they agree within a pixel\n *  (an unscaled element maps byte-identically), else `visual / layout`.\n *  Divide a visual delta (a pointer offset, a rect difference) by it. */\nexport function visualScale(visual: number, layout: number): number {\n  return layout > 0 && !near(visual, layout) ? visual / layout : 1\n}\n\n/** `visualScale` of an element: its rect over its offset box. */\nexport function elementScale(el: HTMLElement, rect: DOMRect = el.getBoundingClientRect()): { x: number; y: number } {\n  return { x: visualScale(rect.width, el.offsetWidth), y: visualScale(rect.height, el.offsetHeight) }\n}\n",
+    "// NEW-77: THE voice level (catalog/style.json `voiceWave`): three closed\n// polar waves around one optional centre child. The geometry is the core's\n// `voiceWave` (src/voice-wave.ts, fixtures/voice-wave.json; the painters\n// import it from `@exponential_app/eui`, never through here, so this barrel\n// does not carry style.json); this module holds what both web painters\n// share: the size enum's px (the neutral theme's `VoiceWave/root` edges),\n// the clock that drives the phase, the accessible name and the class\n// recipes. Colours follow the theme's\n// recipe: outer = info (blue-500, the exponential theme's `info`), mid +\n// inner = primary, all muted-foreground and the whole wave at .35 opacity\n// while idle or muted.\n\nimport type { VoiceWaveActivity, VoiceWaveRingName } from \"../../voice-wave\"\n\nexport type { VoiceWaveActivity, VoiceWaveRingName } from \"../../voice-wave\"\n\nexport const VOICE_WAVE_SIZES = [`sm`, `md`, `lg`, `xl`] as const\nexport type VoiceWaveSize = (typeof VOICE_WAVE_SIZES)[number]\n\n/** The box edge per size (px): the `VoiceWave/root` recipe's width. */\nexport const VOICE_WAVE_SIZE_PX: Readonly<Record<VoiceWaveSize, number>> = { sm: 32, md: 56, lg: 160, xl: 200 }\n\n/** Whether `activity` moves the waves (listening, thinking, speaking). */\nexport function voiceWaveAnimates(activity: VoiceWaveActivity): boolean {\n  return activity === `listening` || activity === `thinking` || activity === `speaking`\n}\n\n/** Idle and muted paint quiet: muted colours, the wave at .35 opacity (an\n *  unknown activity is idle, as in the core). */\nexport function voiceWaveQuiet(activity: VoiceWaveActivity): boolean {\n  return !voiceWaveAnimates(activity)\n}\n\nconst NAMED: readonly string[] = [`idle`, `listening`, `thinking`, `speaking`, `muted`]\n\n/** The accessible name (a11y.json `VoiceWave`): the label with the activity\n *  appended (`Voice, listening`); none without a label (decorative). */\nexport function voiceWaveName(label: string | undefined, activity: VoiceWaveActivity): string | undefined {\n  return label ? `${label}, ${NAMED.includes(activity) ? activity : `idle`}` : undefined\n}\n\n/** Calls `onFrame(elapsed seconds)` on every animation frame after the\n *  first (the first frame is the clock's zero, already painted); returns\n *  the stop. Without `requestAnimationFrame` (SSR) it never ticks. */\nexport function voiceWaveClock(onFrame: (elapsed: number) => void): () => void {\n  if (typeof requestAnimationFrame !== `function`) return () => {}\n  let start: number | null = null\n  let id = 0\n  const tick = (now: number) => {\n    if (start === null) start = now\n    else onFrame((now - start) / 1000)\n    id = requestAnimationFrame(tick)\n  }\n  id = requestAnimationFrame(tick)\n  return () => cancelAnimationFrame(id)\n}\n\n/** THE CHILD RULE's painter half (catalog/style.json `voiceWave`): the child\n *  is laid out centred at its own size; this measures its own (untransformed)\n *  border box and draws it scaled about its centre (= the box centre) by\n *  `scaleOf(its size)` (the core's `voiceWaveChildBox(size, child).scale`:\n *  min(1, childSize / its longer edge), 0 at `sm`). Re-measures on every\n *  resize (ResizeObserver: before the first paint); without one (SSR,\n *  jsdom) it measures once. Returns the stop. */\nexport function voiceWaveFitChild(el: HTMLElement, scaleOf: (child: { width: number; height: number }) => number): () => void {\n  const apply = (width: number, height: number) => {\n    const s = scaleOf({ width, height })\n    el.style.transform = s === 1 ? `` : `scale(${s})`\n  }\n  if (typeof ResizeObserver !== `function`) {\n    apply(el.offsetWidth, el.offsetHeight)\n    return () => {}\n  }\n  const ro = new ResizeObserver((entries) => {\n    const e = entries[entries.length - 1]!\n    const b = e.borderBoxSize?.[0]\n    if (b) apply(b.inlineSize, b.blockSize)\n    else apply(el.offsetWidth, el.offsetHeight)\n  })\n  ro.observe(el, { box: `border-box` })\n  return () => ro.disconnect()\n}\n\nexport const VOICE_WAVE_CLASSES = {\n  root: `relative inline-flex shrink-0 items-center justify-center`,\n  quiet: `opacity-35`,\n  size: { sm: `size-8`, md: `size-14`, lg: `size-40`, xl: `size-50` } satisfies Record<VoiceWaveSize, string>,\n  svg: `pointer-events-none absolute inset-0 size-full overflow-visible`,\n  ring: { outer: `text-blue-500`, mid: `text-primary`, inner: `text-primary` } satisfies Record<VoiceWaveRingName, string>,\n  ringQuiet: `text-muted-foreground`,\n  child: `relative flex shrink-0 items-center justify-center text-foreground`,\n  /** At `sm` (childSize 0): kept, painted nothing, no hit target. */\n  childHidden: `invisible pointer-events-none`,\n  childMuted: `text-muted-foreground`,\n} as const\n"
+  ],
+  "mappings": "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",
+  "debugId": "E5287FE7B176B23B64756E2164756E21",
+  "names": []
+}