@kitn.ai/ui 0.25.1 → 0.26.0

package/dist/ui/dock.d.ts

@@ -0,0 +1,109 @@
+import { Accessor, JSX } from 'solid-js';
+/** Which corner the dock sits in. LOGICAL, so `-end` follows the writing direction
+ *  and an RTL page docks on the left with no extra work (both reference
+ *  implementations reached for `inset-inline-end` independently). */
+export type DockPosition = 'bottom-end' | 'bottom-start' | 'top-end' | 'top-start';
+/** Where focus goes when the panel opens.
+ *  - `content` (default) — `focus()` the first element assigned to the panel, falling
+ *    back to the panel itself when that element cannot take focus. Content-AGNOSTIC:
+ *    the dock never learns what it is holding.
+ *  - `panel` — focus the `tabindex="-1"` panel container (what `kai-dialog` does).
+ *  - `none` — never move focus. */
+export type DockFocusOnOpen = 'content' | 'panel' | 'none';
+/** Imperative open controller, handed to a parent (the `kai-dock` facade) via
+ *  `controllerRef` so it can drive/observe open state with `wireDisclosure`. */
+export interface DockController {
+    open: Accessor<boolean>;
+    setOpen: (v: boolean) => void;
+}
+export interface DockProps {
+    /** The panel body. ANY content — the dock never reads or types it. */
+    children?: JSX.Element;
+    /** Content inside the built-in button while CLOSED. Defaults to a chat glyph. */
+    launcher?: JSX.Element;
+    /** Content inside the button while OPEN. Defaults to a ✕; when only `launcher` is
+     *  given, that content stays rather than morphing into a clashing built-in. */
+    launcherOpen?: JSX.Element;
+    /** The widget's NAME. Derives the panel's accessible name and both launcher names
+     *  (`Open ${label}` / `Close ${label}`) — one string instead of three. */
+    label?: string;
+    /** i18n override for the launcher's name while closed. */
+    openLabel?: string;
+    /** i18n override for the launcher's name while open. */
+    closeLabel?: string;
+    /** Which corner. Logical, RTL-correct. Defaults to `bottom-end`. */
+    position?: DockPosition;
+    /** Render the unread dot. CONSUMER-OWNED: shown only while closed, and never
+     *  written back by the dock (see the component doc). */
+    unread?: boolean;
+    /** Disable the launcher. */
+    disabled?: boolean;
+    /** Where focus lands on open. Defaults to `content`. */
+    focusOnOpen?: DockFocusOnOpen;
+    /** Controlled open state. When set, the component never changes it itself — drive it
+     *  from `onOpenChange`. Omit for uncontrolled (internal) state. */
+    open?: boolean;
+    /** Initial open state when uncontrolled. Does NOT move focus (see the focus contract). */
+    defaultOpen?: boolean;
+    /** Fires whenever the dock wants to open or close (launcher / Escape / a method). */
+    onOpenChange?: (open: boolean) => void;
+    /** Receive the open controller once mounted. */
+    controllerRef?: (api: DockController) => void;
+    /** Receive the focusable panel node so a facade's `focus()` can target it. */
+    panelRef?: (el: HTMLElement) => void;
+    /** Receive the launcher button so a facade's `focus()` can target it. */
+    launcherRef?: (el: HTMLButtonElement) => void;
+    /**
+     * Resolve the element `focusOnOpen: 'content'` should focus.
+     *
+     * A PROP, because the answer is "the first element assigned to the panel slot" and
+     * only the web-component facade can see slot assignments — a Solid caller passes
+     * its own ref instead. Returning nothing falls back to focusing the panel.
+     */
+    contentTarget?: () => HTMLElement | null | undefined;
+}
+/** The built-in closed glyph. Exported so the facade can use it as its `launcher`
+ *  slot's FALLBACK content — one definition, two users, rather than a second copy
+ *  of the same icon choice living in the element layer. */
+export declare function DockLauncherGlyph(): JSX.Element;
+/** The built-in open glyph. Exported for the same reason as {@link DockLauncherGlyph}. */
+export declare function DockCloseGlyph(): JSX.Element;
+/**
+ * Dock — a corner-docked launcher button with a panel that opens above it.
+ *
+ * The affordance behind a support widget: a circular button pinned to a corner of the
+ * viewport, and a floating panel holding whatever you slot into it. The panel is
+ * content-agnostic on purpose — a chat, a form, your own component — and the dock
+ * never reads, types or reaches into it.
+ *
+ * WHAT IT OWNS (all of it non-configurable, because these are facts about the medium
+ * rather than preferences):
+ *
+ * - **Hide semantics.** Closed means `visibility: hidden` + `opacity: 0` + `inert`,
+ *   and the panel is NEVER unmounted. `display: none` would leave the panel with no
+ *   layout box while closed, so anything inside that measures itself — a thread
+ *   scroller, a `ResizeObserver` — measures zero and re-measures on every open. The
+ *   cost of keeping the box is that a stream keeps rendering into a closed panel,
+ *   which is precisely what makes an unread dot honest.
+ * - **Focus.** On open, focus moves per `focusOnOpen`; on close it returns to the
+ *   launcher, always. `inert` is cleared and visibility restored BEFORE `focus()` runs
+ *   — a `focus()` into an inert or hidden subtree is silently dropped, no error — via
+ *   a `queueMicrotask`, the same shape `ui/dialog.tsx` uses. Mount moves no focus.
+ * - **Escape.** Closes only while the dock CONTAINS focus, and never stops the event.
+ *   A background widget that ate every Escape on the page would break the host page's
+ *   own menus; swallowing a key from a page you are a guest on is a decide-quietly move.
+ * - **No focus trap**, deliberately, unlike `kai-dialog`. The page staying usable is
+ *   the whole point of "docked", which is also why the panel is `aria-modal="false"`.
+ *
+ * WHAT IT REFUSES: it never aborts a request, never persists its own open state, never
+ * decides what "unread" means, and never clears `unread` on open — writing over a
+ * consumer's prop is the trap `kai-chat.loading` fell into. Those are the app's calls;
+ * `open` + `onOpenChange` is the seam.
+ *
+ * Geometry is CSS custom properties rather than props: `--kai-dock-width` ·
+ * `--kai-dock-height` · `--kai-dock-inset` · `--kai-dock-gap` · `--kai-dock-radius` ·
+ * `--kai-dock-z` · `--kai-dock-launcher-size`.
+ *
+ * @see `elements/dock.tsx` for the `<kai-dock>` web-component facade.
+ */
+export declare function Dock(props: DockProps): JSX.Element;

package/dist/ui/hover-card.d.ts

@@ -21,7 +21,51 @@ export declare function HoverCardRoot(props: HoverCardRootProps): JSX.Element;
 export interface HoverCardTriggerProps {
     children: JSX.Element;
     class?: string;
+    /**
+     * Whether the trigger is its own tab stop. Omit for the automatic behaviour,
+     * which is right for every case in this repo: the trigger takes focus only
+     * when nothing inside it already can.
+     *
+     * Pass `false` to keep a trigger out of the tab order entirely, or `true` to
+     * force a stop. Both are escape hatches — reach for them when the automatic
+     * answer is wrong, not to restate it.
+     */
+    focusable?: boolean;
 }
+/**
+ * ★ THE TRIGGER IS A TAB STOP WHEN, AND ONLY WHEN, ITS CHILDREN ARE NOT.
+ *
+ * `onFocusIn`/`onFocusOut` were here from the start and the focus-open path was
+ * plainly intended, but the span never set `tabindex`, so the Tab key could not
+ * land on it and neither handler could fire on a keyboard. It went unnoticed for
+ * as long as it did because `focusin` BUBBLES and every consumer at the time put
+ * something focusable inside the trigger — `source.tsx` an `<a>`, `context.tsx`
+ * a `<Button>` — so the card opened via the child and the span's own inertness
+ * never showed. The first trigger with inert children (an attachment tile: a
+ * div, an img, an svg) had no tab stop anywhere in it.
+ *
+ * Hence delegation rather than an unconditional `tabindex`: adding one always
+ * would give every existing consumer TWO stops for one card, which is a worse
+ * bug than the one being fixed. The check runs in the ref AND again on every
+ * `slotchange`, because slot assignment happens after the ref and a one-shot
+ * check calls a not-yet-filled `<slot>` inert (see `hasFocusableChild`).
+ *
+ * ★ THE FOCUS LISTENERS ARE NATIVE, NOT SOLID'S DELEGATED `onFocusIn`. Solid
+ * delegates a fixed set of events from the document and retargets them into
+ * component trees; inside these shadow roots that path runs for a PROGRAMMATIC
+ * `.focus()` and, in the deeper trees, not for a real Tab. Measured: tabbing to
+ * an attachment tile in a mounted `<kai-chat>` left the card shut and
+ * `aria-describedby` null while `.focus()` on the same element opened it — so
+ * every keyboard user got a tab stop that announced nothing and showed nothing,
+ * which is worse than no stop at all. `addEventListener` in the ref does not
+ * care how focus arrived. Anything in this kit relying on delegated focus
+ * events inside a shadow root is suspect for the same reason.
+ *
+ * `aria-describedby` is what makes the stop worth arriving at: the card is
+ * DESCRIPTIVE, not an action, so the trigger gets no `role="button"` — that
+ * would promise an activation that does not exist — and instead points at the
+ * content it reveals so a screen reader reads it out.
+ */
 export declare function HoverCardTrigger(props: HoverCardTriggerProps): JSX.Element;
 export interface HoverCardContentProps {
     children: JSX.Element;

package/dist/{variant-aurora-DwSOfraQ.js → variant-aurora-B8II3-I1.js}

@@ -1,8 +1,8 @@
-import { ssr as b, ssrAttribute as h, escape as l, ssrStyleProperty as d, createComponent as w } from "solid-js/web";
-import { createEffect as u, createSignal as R, onCleanup as A } from "solid-js";
-import { c, S, h as _, D as k } from "./create-tween-B5Y4Im8G.js";
-import { C } from "./solid-CGYNdLRR.js";
-const T = `
+import { ssr as w, ssrAttribute as d, escape as h, ssrStyleProperty as u, createComponent as R } from "solid-js/web";
+import { createEffect as p, createSignal as A, onCleanup as S } from "solid-js";
+import { c, S as _, h as k, D as C } from "./create-tween-BFT6c-Y8.js";
+import { C as T, a as M } from "./solid-CnavwBye.js";
+const W = `
 const float PI = 3.14159265359;
 // Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
 // midpoint of the interval [1, 2*pi] with the interpolation knob fixed
@@ -220,8 +220,8 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   fragColor = vec4(rgb * alpha, alpha);
 }
 `;
-var M = ["<div", ' style="', '">', "</div>"];
-function p(e) {
+var z = ["<div", ' style="', '">', "</div>"];
+function f(e) {
   switch (e) {
     case "listening":
       return {
@@ -285,49 +285,49 @@ function p(e) {
       };
   }
 }
-function W() {
+function P() {
   var s;
-  const [e, r] = R(!1);
+  const [e, r] = A(!1);
   if (typeof matchMedia == "function") {
     const a = matchMedia("(prefers-color-scheme: dark)");
     r(a.matches);
     const o = (i) => r(i.matches);
-    (s = a.addEventListener) == null || s.call(a, "change", o), A(() => {
+    (s = a.addEventListener) == null || s.call(a, "change", o), S(() => {
       var i;
       return (i = a.removeEventListener) == null ? void 0 : i.call(a, "change", o);
     });
   }
   return e;
 }
-function I(e) {
-  const r = c(1), s = c(0.5), a = c(0.4), o = c(1.2), i = c(0.2), f = W(), m = () => e.dark ?? f();
-  u(() => {
-    const t = p(e.state), n = e.frozen ? {
+function E(e) {
+  const r = c(1), s = c(0.5), a = c(0.4), o = c(1.2), i = c(0.2), m = P(), v = () => e.dark ?? m(), l = () => M(e.state, e.listeningAmplitude);
+  p(() => {
+    const t = f(l()), n = e.frozen ? {
       duration: 0
     } : {
       duration: 0.5,
       ease: "easeOut"
-    }, x = e.frozen ? {
+    }, y = e.frozen ? {
       duration: 0
     } : {
       duration: 0.35,
       ease: "easeOut"
-    }, y = Array.isArray(t.intensity) && e.frozen ? t.intensity[0] : t.intensity;
-    r.to(y, Array.isArray(t.intensity) ? x : n), a.to(t.complexity, n), o.to(t.amplitude, n), i.to(t.scale, e.state === "listening" && !e.frozen ? {
+    }, b = Array.isArray(t.intensity) && e.frozen ? t.intensity[0] : t.intensity;
+    r.to(b, Array.isArray(t.intensity) ? y : n), a.to(t.complexity, n), o.to(t.amplitude, n), i.to(t.scale, l() === "listening" && !e.frozen ? {
       type: "spring",
       duration: 1,
       bounce: 0.35
     } : n), s.to(e.frozen ? 0 : t.speed, {
       duration: 0
     });
-  }), u(() => {
-    if (e.state !== "speaking") return;
+  }), p(() => {
+    if (l() !== "speaking") return;
     const t = e.volume;
     t > 0 && (i.animating() || i.to(0.2 + 0.2 * t));
   });
-  const v = () => e.frozen ? 0 : p(e.state).rotation * Math.PI / 180, g = () => m() ? 0 : 1;
-  return b(M, h("data-kai-state", l(e.state, !0), !1) + h("class", l(e.class, !0), !1), d("height:", `${l(C[e.size], !0)}px`) + d(";aspect-ratio:", "1"), l(w(S, {
-    fragment: T,
+  const g = () => e.frozen ? 0 : f(l()).rotation * Math.PI / 180, x = () => v() ? 0 : 1;
+  return w(z, d("data-kai-state", h(e.state, !0), !1) + d("class", h(e.class, !0), !1), u("height:", `${h(T[e.size], !0)}px`) + u(";aspect-ratio:", "1"), h(R(_, {
+    fragment: W,
     get precision() {
       return e.size === "icon" || e.size === "sm" ? "mediump" : "highp";
     },
@@ -335,7 +335,7 @@ function I(e) {
       return {
         uColor: {
           type: "3fv",
-          value: _(e.color ?? k)
+          value: k(e.color ?? C)
         },
         uIntensity: {
           type: "1f",
@@ -359,11 +359,11 @@ function I(e) {
         },
         uTheme: {
           type: "1f",
-          value: g()
+          value: x()
         },
         uRotation: {
           type: "1f",
-          value: v()
+          value: g()
         }
       };
     },
@@ -376,6 +376,6 @@ function I(e) {
   })));
 }
 export {
-  p as auroraTargets,
-  I as default
+  f as auroraTargets,
+  E as default
 };

package/dist/{variant-aurora-wKvAQ5wp.js → variant-aurora-CMNWOSJR.js}

@@ -1,8 +1,8 @@
-import { insert as x, createComponent as y, effect as b, setAttribute as w, className as R, setStyleProperty as A, template as S } from "solid-js/web";
-import { createEffect as u, createSignal as k, onCleanup as C } from "solid-js";
-import { c as l, S as T, h as _, D as M } from "./create-tween-4z1XYLkR.js";
-import { C as W } from "./solid-BMuDmFo_.js";
-const z = `
+import { insert as y, createComponent as b, effect as w, setAttribute as R, className as A, setStyleProperty as S, template as k } from "solid-js/web";
+import { createEffect as p, createSignal as C, onCleanup as T } from "solid-js";
+import { c as l, S as _, h as M, D as W } from "./create-tween-CJNlzoaO.js";
+import { C as z, a as P } from "./solid-BtdqNZI7.js";
+const N = `
 const float PI = 3.14159265359;
 // Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
 // midpoint of the interval [1, 2*pi] with the interpolation knob fixed
@@ -220,7 +220,7 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   fragColor = vec4(rgb * alpha, alpha);
 }
 `;
-var P = /* @__PURE__ */ S("<div style=aspect-ratio:1>");
+var q = /* @__PURE__ */ k("<div style=aspect-ratio:1>");
 function f(e) {
   switch (e) {
     case "listening":
@@ -285,24 +285,24 @@ function f(e) {
       };
   }
 }
-function N() {
+function D() {
   var s;
-  const [e, o] = k(!1);
+  const [e, o] = C(!1);
   if (typeof matchMedia == "function") {
     const i = matchMedia("(prefers-color-scheme: dark)");
     o(i.matches);
     const n = (r) => o(r.matches);
-    (s = i.addEventListener) == null || s.call(i, "change", n), C(() => {
+    (s = i.addEventListener) == null || s.call(i, "change", n), T(() => {
       var r;
       return (r = i.removeEventListener) == null ? void 0 : r.call(i, "change", n);
     });
   }
   return e;
 }
-function V(e) {
-  const o = l(1), s = l(0.5), i = l(0.4), n = l(1.2), r = l(0.2), p = N(), m = () => e.dark ?? p();
-  u(() => {
-    const t = f(e.state), a = e.frozen ? {
+function H(e) {
+  const o = l(1), s = l(0.5), i = l(0.4), n = l(1.2), r = l(0.2), m = D(), v = () => e.dark ?? m(), h = () => P(e.state, e.listeningAmplitude);
+  p(() => {
+    const t = f(h()), a = e.frozen ? {
       duration: 0
     } : {
       duration: 0.5,
@@ -312,24 +312,24 @@ function V(e) {
     } : {
       duration: 0.35,
       ease: "easeOut"
-    }, h = Array.isArray(t.intensity) && e.frozen ? t.intensity[0] : t.intensity;
-    o.to(h, Array.isArray(t.intensity) ? c : a), i.to(t.complexity, a), n.to(t.amplitude, a), r.to(t.scale, e.state === "listening" && !e.frozen ? {
+    }, d = Array.isArray(t.intensity) && e.frozen ? t.intensity[0] : t.intensity;
+    o.to(d, Array.isArray(t.intensity) ? c : a), i.to(t.complexity, a), n.to(t.amplitude, a), r.to(t.scale, h() === "listening" && !e.frozen ? {
       type: "spring",
       duration: 1,
       bounce: 0.35
     } : a), s.to(e.frozen ? 0 : t.speed, {
       duration: 0
     });
-  }), u(() => {
-    if (e.state !== "speaking") return;
+  }), p(() => {
+    if (h() !== "speaking") return;
     const t = e.volume;
     t > 0 && (r.animating() || r.to(0.2 + 0.2 * t));
   });
-  const v = () => e.frozen ? 0 : f(e.state).rotation * Math.PI / 180, g = () => m() ? 0 : 1;
+  const g = () => e.frozen ? 0 : f(h()).rotation * Math.PI / 180, x = () => v() ? 0 : 1;
   return (() => {
-    var t = P();
-    return x(t, y(T, {
-      fragment: z,
+    var t = q();
+    return y(t, b(_, {
+      fragment: N,
       get precision() {
         return e.size === "icon" || e.size === "sm" ? "mediump" : "highp";
       },
@@ -337,7 +337,7 @@ function V(e) {
         return {
           uColor: {
             type: "3fv",
-            value: _(e.color ?? M)
+            value: M(e.color ?? W)
           },
           uIntensity: {
             type: "1f",
@@ -361,11 +361,11 @@ function V(e) {
           },
           uTheme: {
             type: "1f",
-            value: g()
+            value: x()
           },
           uRotation: {
             type: "1f",
-            value: v()
+            value: g()
           }
         };
       },
@@ -375,9 +375,9 @@ function V(e) {
       onError: (a) => {
         /not available/i.test(a) ? console.warn('<kai-audio-visualizer variant="aurora">: shader unavailable', a) : console.error('<kai-audio-visualizer variant="aurora">: shader error', a), e.onUnavailable();
       }
-    })), b((a) => {
-      var c = e.state, h = e.class, d = `${W[e.size]}px`;
-      return c !== a.e && w(t, "data-kai-state", a.e = c), h !== a.t && R(t, a.t = h), d !== a.a && A(t, "height", a.a = d), a;
+    })), w((a) => {
+      var c = e.state, d = e.class, u = `${z[e.size]}px`;
+      return c !== a.e && R(t, "data-kai-state", a.e = c), d !== a.t && A(t, a.t = d), u !== a.a && S(t, "height", a.a = u), a;
     }, {
       e: void 0,
       t: void 0,
@@ -387,5 +387,5 @@ function V(e) {
 }
 export {
   f as auroraTargets,
-  V as default
+  H as default
 };

package/dist/{variant-aurora-XEkPT0_z.js → variant-aurora-CcuDMWwQ.js}

@@ -1,4 +1,4 @@
-import{i as x,s as y,c as b,a as w,C as R,t as A}from"./register-impl-DGmGzrEM.js";import{d as u,j as S,b as _,f as k,o as M}from"./kai.es.js";import{c as n,h as T,S as W,D as C}from"./create-tween-CUzOlaMS.js";const q=`
+import{i as y,s as b,c as w,a as R,C as A,t as S,b as _}from"./register-impl-DpE7icIb.js";import{h as f,l as k,d as M,i as T,o as W}from"./kai.es.js";import{c as n,h as q,S as C,D as z}from"./create-tween-CQED4T0g.js";const P=`
 const float PI = 3.14159265359;
 // Strand phase span: 0.5 + pi (fact sheet section 2's "sigma", the
 // midpoint of the interval [1, 2*pi] with the interpolation knob fixed
@@ -215,4 +215,4 @@ void mainImage(out vec4 fragColor, in vec2 fragCoord) {
   // (deliberately non-premultiplied) pipeline.
   fragColor = vec4(rgb * alpha, alpha);
 }
-`;var z=A("<div style=aspect-ratio:1>");function d(e){switch(e){case"listening":return{intensity:[1.5,2],speed:1,complexity:.7,amplitude:1,scale:.3,rotation:5.3};case"thinking":return{intensity:[.5,2.5],speed:1.5,complexity:1,amplitude:.5,scale:.3,rotation:9.4};case"connecting":return{intensity:[.5,2.5],speed:1.5,complexity:1,amplitude:.5,scale:.3,rotation:5.5};case"speaking":return{intensity:1.5,speed:3.5,complexity:1.25,amplitude:.75,scale:.3,rotation:-3.5};case"disconnected":return{intensity:1,speed:.5,complexity:.4,amplitude:1.2,scale:.2,rotation:0};default:return{intensity:1,speed:.5,complexity:.4,amplitude:1.2,scale:.2,rotation:0}}}function P(){var e;const[c,s]=k(!1);if(typeof matchMedia=="function"){const i=matchMedia("(prefers-color-scheme: dark)");s(i.matches);const o=r=>s(r.matches);(e=i.addEventListener)==null||e.call(i,"change",o),M(()=>{var r;return(r=i.removeEventListener)==null?void 0:r.call(i,"change",o)})}return c}function N(e){const c=n(1),s=n(.5),i=n(.4),o=n(1.2),r=n(.2),f=P(),m=()=>e.dark??f();u(()=>{const t=d(e.state),a=e.frozen?{duration:0}:{duration:.5,ease:"easeOut"},l=e.frozen?{duration:0}:{duration:.35,ease:"easeOut"},h=Array.isArray(t.intensity)&&e.frozen?t.intensity[0]:t.intensity;c.to(h,Array.isArray(t.intensity)?l:a),i.to(t.complexity,a),o.to(t.amplitude,a),r.to(t.scale,e.state==="listening"&&!e.frozen?{type:"spring",duration:1,bounce:.35}:a),s.to(e.frozen?0:t.speed,{duration:0})}),u(()=>{if(e.state!=="speaking")return;const t=e.volume;t>0&&(r.animating()||r.to(.2+.2*t))});const v=()=>e.frozen?0:d(e.state).rotation*Math.PI/180,g=()=>m()?0:1;return(()=>{var t=z();return x(t,S(W,{fragment:q,get precision(){return e.size==="icon"||e.size==="sm"?"mediump":"highp"},get uniforms(){return{uColor:{type:"3fv",value:T(e.color??C)},uIntensity:{type:"1f",value:c.value()},uSpeed:{type:"1f",value:s.value()},uComplexity:{type:"1f",value:i.value()},uAmplitude:{type:"1f",value:o.value()},uScale:{type:"1f",value:r.value()},uTheme:{type:"1f",value:g()},uRotation:{type:"1f",value:v()}}},get animateWhenNotVisible(){return e.animateWhenNotVisible},onError:a=>{/not available/i.test(a)?console.warn('<kai-audio-visualizer variant="aurora">: shader unavailable',a):console.error('<kai-audio-visualizer variant="aurora">: shader error',a),e.onUnavailable()}})),_(a=>{var l=e.state,h=e.class,p=`${R[e.size]}px`;return l!==a.e&&y(t,"data-kai-state",a.e=l),h!==a.t&&b(t,a.t=h),p!==a.a&&w(t,"height",a.a=p),a},{e:void 0,t:void 0,a:void 0}),t})()}export{d as auroraTargets,N as default};
+`;var N=S("<div style=aspect-ratio:1>");function p(e){switch(e){case"listening":return{intensity:[1.5,2],speed:1,complexity:.7,amplitude:1,scale:.3,rotation:5.3};case"thinking":return{intensity:[.5,2.5],speed:1.5,complexity:1,amplitude:.5,scale:.3,rotation:9.4};case"connecting":return{intensity:[.5,2.5],speed:1.5,complexity:1,amplitude:.5,scale:.3,rotation:5.5};case"speaking":return{intensity:1.5,speed:3.5,complexity:1.25,amplitude:.75,scale:.3,rotation:-3.5};case"disconnected":return{intensity:1,speed:.5,complexity:.4,amplitude:1.2,scale:.2,rotation:0};default:return{intensity:1,speed:.5,complexity:.4,amplitude:1.2,scale:.2,rotation:0}}}function I(){var e;const[c,s]=T(!1);if(typeof matchMedia=="function"){const i=matchMedia("(prefers-color-scheme: dark)");s(i.matches);const o=r=>s(r.matches);(e=i.addEventListener)==null||e.call(i,"change",o),W(()=>{var r;return(r=i.removeEventListener)==null?void 0:r.call(i,"change",o)})}return c}function D(e){const c=n(1),s=n(.5),i=n(.4),o=n(1.2),r=n(.2),m=I(),v=()=>e.dark??m(),l=()=>_(e.state,e.listeningAmplitude);f(()=>{const t=p(l()),a=e.frozen?{duration:0}:{duration:.5,ease:"easeOut"},h=e.frozen?{duration:0}:{duration:.35,ease:"easeOut"},d=Array.isArray(t.intensity)&&e.frozen?t.intensity[0]:t.intensity;c.to(d,Array.isArray(t.intensity)?h:a),i.to(t.complexity,a),o.to(t.amplitude,a),r.to(t.scale,l()==="listening"&&!e.frozen?{type:"spring",duration:1,bounce:.35}:a),s.to(e.frozen?0:t.speed,{duration:0})}),f(()=>{if(l()!=="speaking")return;const t=e.volume;t>0&&(r.animating()||r.to(.2+.2*t))});const g=()=>e.frozen?0:p(l()).rotation*Math.PI/180,x=()=>v()?0:1;return(()=>{var t=N();return y(t,k(C,{fragment:P,get precision(){return e.size==="icon"||e.size==="sm"?"mediump":"highp"},get uniforms(){return{uColor:{type:"3fv",value:q(e.color??z)},uIntensity:{type:"1f",value:c.value()},uSpeed:{type:"1f",value:s.value()},uComplexity:{type:"1f",value:i.value()},uAmplitude:{type:"1f",value:o.value()},uScale:{type:"1f",value:r.value()},uTheme:{type:"1f",value:x()},uRotation:{type:"1f",value:g()}}},get animateWhenNotVisible(){return e.animateWhenNotVisible},onError:a=>{/not available/i.test(a)?console.warn('<kai-audio-visualizer variant="aurora">: shader unavailable',a):console.error('<kai-audio-visualizer variant="aurora">: shader error',a),e.onUnavailable()}})),M(a=>{var h=e.state,d=e.class,u=`${A[e.size]}px`;return h!==a.e&&b(t,"data-kai-state",a.e=h),d!==a.t&&w(t,a.t=d),u!==a.a&&R(t,"height",a.a=u),a},{e:void 0,t:void 0,a:void 0}),t})()}export{p as auroraTargets,D as default};

package/dist/{variant-custom-eFIg2XWQ.js → variant-custom-BdvYC7af.js}

@@ -1,9 +1,9 @@
-import { createComponent as c, ssr as m, ssrAttribute as o, escape as u, ssrStyle as d } from "solid-js/web";
-import { createEffect as v, createMemo as g, Show as y } from "solid-js";
-import { c as b, D as x, S as $, h as S } from "./create-tween-B5Y4Im8G.js";
-import { s as z, C as A } from "./solid-CGYNdLRR.js";
-var h = ["<div", ' style="', '"></div>'], C = ["<div", ' style="', '">', "</div>"];
-const E = {
+import { createComponent as d, ssr as m, ssrAttribute as s, escape as u, ssrStyle as v } from "solid-js/web";
+import { createEffect as y, createMemo as S, Show as b } from "solid-js";
+import { c as h, D as x, S as $, h as z } from "./create-tween-BFT6c-Y8.js";
+import { s as A, a as C, C as E } from "./solid-CnavwBye.js";
+var g = ["<div", ' style="', '"></div>'], k = ["<div", ' style="', '">', "</div>"];
+const w = {
   "1f": !0,
   "1i": !0,
   "1fv": !0,
@@ -15,7 +15,7 @@ const E = {
   Matrix2fv: !0,
   Matrix3fv: !0,
   Matrix4fv: !0
-}, k = /* @__PURE__ */ new Set(["1f", "1i"]), w = {
+}, N = /* @__PURE__ */ new Set(["1f", "1i"]), _ = {
   "2f": 2,
   "3f": 3,
   "4f": 4,
@@ -23,24 +23,24 @@ const E = {
   Matrix3fv: 9,
   Matrix4fv: 16
 };
-function N(e, t) {
+function M(e, t) {
   if (t == null || typeof t != "object")
     return `uniform "${e}" is not a valid declaration (expected an object with "type" and "value").`;
-  if (E[t.type] !== !0)
+  if (w[t.type] !== !0)
     return `uniform "${e}" has an unrecognized type "${String(t.type)}".`;
-  if (k.has(t.type))
+  if (N.has(t.type))
     return typeof t.value != "number" || !Number.isFinite(t.value) ? `uniform "${e}" is declared "${t.type}" (a number) but its value is not a finite number.` : void 0;
   if (!Array.isArray(t.value) || t.value.some((n) => typeof n != "number" || !Number.isFinite(n)))
     return `uniform "${e}" is declared "${t.type}" (an array) but its value is not an array of finite numbers.`;
-  const a = w[t.type];
+  const a = _[t.type];
   if (a !== void 0 && t.value.length !== a)
     return `uniform "${e}" is declared "${t.type}", which takes exactly ${a} numbers, but its value has ${t.value.length}.`;
 }
-function _(e, t) {
+function R(e, t) {
   const a = e.bands.length ? e.bands : [0], n = {
     uColor: {
       type: "3fv",
-      value: S(e.color)
+      value: z(e.color)
     },
     uIntensity: {
       type: "1f",
@@ -65,20 +65,20 @@ function _(e, t) {
     }
   };
   if (!t) return n;
-  for (const [s, l] of Object.entries(t)) {
-    const r = N(s, l);
-    if (r) throw new Error(r);
+  for (const [f, l] of Object.entries(t)) {
+    const o = M(f, l);
+    if (o) throw new Error(o);
   }
   return {
     ...n,
     ...t
   };
 }
-function F(e) {
-  const t = b(0.3), a = b(1);
-  v(() => {
-    const r = z(e.state);
-    if (e.state === "speaking")
+function D(e) {
+  const t = h(0.3), a = h(1), n = () => C(e.state, e.listeningAmplitude);
+  y(() => {
+    const r = A(n());
+    if (n() === "speaking")
       t.to(0.3 + 0.7 * e.volume, {
         duration: 0
       });
@@ -95,11 +95,11 @@ function F(e) {
       duration: 0
     });
   });
-  const n = g(() => {
+  const f = S(() => {
     var r;
     try {
       return {
-        uniforms: _({
+        uniforms: R({
           color: e.color ?? x,
           intensity: t.value(),
           speed: a.value(),
@@ -114,37 +114,37 @@ function F(e) {
       };
     }
   });
-  let s = !1;
-  v(() => {
+  let l = !1;
+  y(() => {
     const {
       error: r
-    } = n();
+    } = f();
     if (!r) {
-      s = !1;
+      l = !1;
       return;
     }
-    s || (s = !0, console.error(`<kai-audio-visualizer variant="custom">: ${r}`), e.onUnavailable());
+    l || (l = !0, console.error(`<kai-audio-visualizer variant="custom">: ${r}`), e.onUnavailable());
   });
-  const l = () => ({
-    height: `${A[e.size]}px`,
+  const o = () => ({
+    height: `${E[e.size]}px`,
     "aspect-ratio": "1"
   });
-  return c(y, {
+  return d(b, {
     get when() {
       var r;
       return (r = e.shader) == null ? void 0 : r.fragment;
     },
     get fallback() {
-      return m(h, o("data-kai-state", u(e.state, !0), !1) + o("class", u(e.class, !0), !1), d(l()));
+      return m(g, s("data-kai-state", u(e.state, !0), !1) + s("class", u(e.class, !0), !1), v(o()));
     },
-    children: (r) => c(y, {
+    children: (r) => d(b, {
       get when() {
-        return n().uniforms;
+        return f().uniforms;
       },
       get fallback() {
-        return m(h, o("data-kai-state", u(e.state, !0), !1) + o("class", u(e.class, !0), !1), d(l()));
+        return m(g, s("data-kai-state", u(e.state, !0), !1) + s("class", u(e.class, !0), !1), v(o()));
       },
-      children: (i) => m(C, o("data-kai-state", u(e.state, !0), !1) + o("class", u(e.class, !0), !1), d(l()), u(c($, {
+      children: (i) => m(k, s("data-kai-state", u(e.state, !0), !1) + s("class", u(e.class, !0), !1), v(o()), u(d($, {
         get fragment() {
           return r();
         },
@@ -157,14 +157,14 @@ function F(e) {
         get animateWhenNotVisible() {
           return e.animateWhenNotVisible;
         },
-        onError: (f) => {
-          /not available/i.test(f) ? console.warn('<kai-audio-visualizer variant="custom">: shader unavailable', f) : console.error('<kai-audio-visualizer variant="custom">: shader error', f), e.onUnavailable();
+        onError: (c) => {
+          /not available/i.test(c) ? console.warn('<kai-audio-visualizer variant="custom">: shader unavailable', c) : console.error('<kai-audio-visualizer variant="custom">: shader error', c), e.onUnavailable();
         }
       })))
     })
   });
 }
 export {
-  _ as customUniforms,
-  F as default
+  R as customUniforms,
+  D as default
 };