@alfadocs/ui-kit 0.31.0 → 0.31.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit",
-  "version": "0.31.0",
+  "version": "0.31.2",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe.",
   "license": "BUSL-1.1",
@@ -705,7 +705,6 @@
     }
   },
   "dependencies": {
-    "@alfadocs/ui-kit": "^0.17.1",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",

package/dist/_chunks/audio-visualiser-I-T4Z7EU.js

@@ -1,145 +0,0 @@
-import { jsxs as C, jsx as S } from "react/jsx-runtime";
-import { forwardRef as U, useRef as i, useState as _, useEffect as b, useMemo as $, useId as G } from "react";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as J } from "react-i18next";
-const K = H(
-  [
-    "ds:relative ds:inline-flex ds:items-end ds:justify-center",
-    // 2px gap is a visual-tuning value (sub-token): the bars need a pixel
-    // comma between them that would look like padding at --spacing-xs (4px).
-    "ds:gap-[2px]",
-    "ds:rounded-[var(--radius-sm)]",
-    "ds:bg-transparent",
-    "ds:forced-colors:border ds:forced-colors:border-[CanvasText]"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "ds:h-6 ds:min-w-[120px] ds:ps-[var(--spacing-xs)] ds:pe-[var(--spacing-xs)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-        md: "ds:h-10 ds:min-w-[160px] ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-xs)] ds:pb-[var(--spacing-xs)]",
-        lg: "ds:h-14 ds:min-w-[220px] ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-sm)]"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-), O = U(
-  ({
-    stream: p,
-    size: T = "md",
-    barCount: t = 32,
-    deviceName: A,
-    label: V,
-    className: k,
-    ...q
-  }, B) => {
-    const { t: M } = J(), o = i([]), c = i(null), f = i(null), l = i(null), h = i(null), v = i(null), [R, j] = _(!1);
-    b(() => {
-      var n;
-      if (typeof window > "u") return;
-      const e = window.matchMedia("(prefers-reduced-motion: reduce)");
-      j(e.matches);
-      const r = () => j(e.matches);
-      return (n = e.addEventListener) == null || n.call(e, "change", r), () => {
-        var d;
-        return (d = e.removeEventListener) == null ? void 0 : d.call(e, "change", r);
-      };
-    }, []), b(() => {
-      if (!p) {
-        o.current.forEach((s) => {
-          s == null || s.style.setProperty("--bar-height", "10%");
-        });
-        return;
-      }
-      const e = window.AudioContext || window.webkitAudioContext;
-      if (!e) return;
-      const r = new e(), n = r.createAnalyser();
-      n.fftSize = 256;
-      const d = r.createMediaStreamSource(p);
-      d.connect(n), f.current = r, l.current = n, h.current = d, v.current = new Uint8Array(n.frequencyBinCount);
-      let z = 0;
-      const x = (s) => {
-        var E;
-        if (R && s - z < 250) {
-          c.current = requestAnimationFrame(x);
-          return;
-        }
-        z = s;
-        const a = v.current, u = l.current;
-        if (!a || !u) return;
-        u.getByteFrequencyData(
-          a
-        );
-        const y = Math.max(1, Math.floor(a.length / t));
-        for (let m = 0; m < t; m += 1) {
-          let L = 0;
-          for (let w = 0; w < y; w += 1)
-            L += a[m * y + w] ?? 0;
-          const D = L / y, I = Math.max(8, Math.min(100, D / 255 * 100));
-          (E = o.current[m]) == null || E.style.setProperty("--bar-height", `${I}%`);
-        }
-        c.current = requestAnimationFrame(x);
-      };
-      return c.current = requestAnimationFrame(x), () => {
-        var s, a, u;
-        c.current !== null && cancelAnimationFrame(c.current), c.current = null;
-        try {
-          (s = h.current) == null || s.disconnect();
-        } catch {
-        }
-        try {
-          (a = l.current) == null || a.disconnect();
-        } catch {
-        }
-        (u = f.current) == null || u.close().catch(() => {
-        }), f.current = null, l.current = null, h.current = null, v.current = null;
-      };
-    }, [p, t, R]);
-    const N = $(() => Array.from({ length: t }), [t]);
-    b(() => {
-      o.current.length > t && (o.current.length = t);
-    }, [t]);
-    const P = V ?? M("chat.audio.visualiserLabel"), g = A ? M("chat.audio.device", { name: A }) : null, F = G();
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: B,
-        role: "img",
-        "aria-label": P,
-        "aria-describedby": g ? F : void 0,
-        "data-component": "audio-visualiser",
-        className: K({ size: T, className: k }),
-        ...q,
-        children: [
-          N.map((e, r) => /* @__PURE__ */ S(
-            "div",
-            {
-              ref: (n) => {
-                o.current[r] = n;
-              },
-              "aria-hidden": "true",
-              className: [
-                "ds:inline-block ds:w-[3px] ds:min-w-[3px]",
-                "ds:bg-[color:var(--primary)]",
-                "ds:forced-colors:bg-[CanvasText]",
-                "ds:rounded-[1px]",
-                "ds:transition-[height] ds:duration-[var(--duration-fast)] ds:motion-reduce:transition-none",
-                // Height is runtime-computed — applied via --bar-height CSS var
-                // set on the element (inline style is limited to --bar-height; the
-                // element never receives a position/size class via style).
-                "ds:[block-size:var(--bar-height,10%)]"
-              ].join(" "),
-              style: { "--bar-height": "10%" }
-            },
-            r
-          )),
-          g ? /* @__PURE__ */ S("span", { id: F, className: "ds:sr-only", children: g }) : null
-        ]
-      }
-    );
-  }
-);
-O.displayName = "AudioVisualiser";
-export {
-  O as A
-};
-//# sourceMappingURL=audio-visualiser-I-T4Z7EU.js.map