@alfadocs/ui-kit 0.70.0 → 0.71.0

package/dist/_chunks/{transcript-panel-3THQX6nJ.js → transcript-panel-CHGHHHdT.js}

@@ -1,12 +1,14 @@
-import { jsxs as f, jsx as o } from "react/jsx-runtime";
-import { forwardRef as K, useState as j, useRef as w, useId as A, useMemo as x, useCallback as R, useImperativeHandle as _, Fragment as O } from "react";
+import { jsxs as f, jsx as o, Fragment as j } from "react/jsx-runtime";
+import { forwardRef as A, useState as _, useRef as w, useId as R, useMemo as x, useCallback as z, useImperativeHandle as H, Fragment as O } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
 import { useTranslation as q } from "react-i18next";
 import { u as D } from "./registry-DvAUVLHh.js";
-import { u as F } from "./index-CJE9uQmb.js";
-import { S as H } from "./search-input-DQvGxR74.js";
-import { u as B } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
-const U = {
+import { u as B } from "./index-CJE9uQmb.js";
+import { S as U } from "./search-input-DQvGxR74.js";
+import { P as G } from "./panel-header-D313n_9-.js";
+import { u as Q } from "./use-isomorphic-layout-effect-BGfaCOP1.js";
+import { F as W } from "./file-text-DSNuv2B8.js";
+const Y = {
   id: "transcript-panel",
   capabilities: ["select_single", "copy"],
   state: {
@@ -65,7 +67,7 @@ const U = {
       description: "Stable opaque turn id (line index). Never carries the turn's dictated text."
     }
   }
-}, G = V(
+}, Z = V(
   [
     "ds:flex ds:flex-col ds:w-full ds:min-h-0",
     "ds:rounded-[var(--radius-md)] ds:border ds:border-[color:var(--card-border)]",
@@ -83,22 +85,22 @@ const U = {
     },
     defaultVariants: { size: "md" }
   }
-), Q = 100, W = 8;
-function z(t, n) {
-  const a = Math.max(0, Math.floor(t)), i = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
-  return `${p(i)}:${p(u)}`;
+), J = 100, X = 8;
+function L(t, n) {
+  const a = Math.max(0, Math.floor(t)), d = Math.floor(a / 60), u = a % 60, p = (g) => new Intl.NumberFormat(n, { minimumIntegerDigits: 2 }).format(g);
+  return `${p(d)}:${p(u)}`;
 }
-function Y(t) {
-  const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), i = n % 60;
-  return `PT${a}M${i}S`;
+function ee(t) {
+  const n = Math.max(0, Math.floor(t)), a = Math.floor(n / 60), d = n % 60;
+  return `PT${a}M${d}S`;
 }
-function Z(t) {
+function te(t) {
   let n = 0;
   for (let a = 0; a < t.length; a += 1)
     n = n * 31 + t.charCodeAt(a) | 0;
-  return Math.abs(n) % W;
+  return Math.abs(n) % X;
 }
-const J = [
+const re = [
   "ds:bg-[color:var(--transcript-speaker-1)]",
   "ds:bg-[color:var(--transcript-speaker-2)]",
   "ds:bg-[color:var(--transcript-speaker-3)]",
@@ -108,12 +110,12 @@ const J = [
   "ds:bg-[color:var(--transcript-speaker-7)]",
   "ds:bg-[color:var(--transcript-speaker-8)]"
 ];
-function X(t) {
+function se(t) {
   return t.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function ee({ text: t, query: n }) {
+function ne({ text: t, query: n }) {
   if (!n) return t;
-  const a = X(n);
+  const a = se(n);
   return t.split(new RegExp(`(${a})`, "gi")).map(
     (u, p) => u.toLocaleLowerCase() === n.toLocaleLowerCase() ? /* @__PURE__ */ o(
       "mark",
@@ -125,17 +127,17 @@ function ee({ text: t, query: n }) {
     ) : /* @__PURE__ */ o(O, { children: u }, p)
   );
 }
-const te = K(
+const ae = A(
   ({
     lines: t,
     currentTime: n = 0,
     onSeek: a,
-    searchable: i = !0,
+    searchable: d = !0,
     size: u = "md",
     className: p,
     ...g
-  }, L) => {
-    const { t: d, i18n: b } = q(), [m, M] = j(""), v = w(null), T = w(null), P = A(), c = x(() => {
+  }, M) => {
+    const { t: i, i18n: b } = q(), [m, $] = _(""), v = w(null), T = w(null), E = R(), c = x(() => {
       if (!Number.isFinite(n)) return -1;
       for (let e = 0; e < t.length; e += 1) {
         const r = t[e];
@@ -153,20 +155,20 @@ const te = K(
           e += 1, h = l.indexOf(r, h + r.length);
       }
       return e;
-    }, [t, m]), $ = R(
+    }, [t, m]), F = z(
       (e) => {
         var r;
-        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && i && (e.preventDefault(), (r = T.current) == null || r.focus());
+        (e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "f" && d && (e.preventDefault(), (r = T.current) == null || r.focus());
       },
-      [i]
-    ), N = t.length > Q, y = F({
-      count: N ? t.length : 0,
+      [d]
+    ), S = t.length > J, y = B({
+      count: S ? t.length : 0,
       getScrollElement: () => v.current,
       estimateSize: () => 48,
       overscan: 8,
       getItemKey: (e) => e
     });
-    B(() => {
+    Q(() => {
       if (c < 0) return;
       const e = v.current;
       if (!e) return;
@@ -180,9 +182,9 @@ const te = K(
         behavior: s ? "auto" : "smooth"
       });
     }, [c]);
-    const S = R(
+    const I = z(
       (e, r, s) => {
-        const l = r === c, h = Z(e.speaker), C = typeof e.confidence == "number" && e.confidence < 0.6;
+        const l = r === c, h = te(e.speaker), P = typeof e.confidence == "number" && e.confidence < 0.6;
         return /* @__PURE__ */ f(
           "li",
           {
@@ -204,8 +206,8 @@ const te = K(
                 {
                   type: "button",
                   onClick: () => a == null ? void 0 : a(e.start),
-                  "aria-label": d("chat.transcript.seekTo", {
-                    time: z(e.start, b.language)
+                  "aria-label": i("chat.transcript.seekTo", {
+                    time: L(e.start, b.language)
                   }),
                   className: [
                     "ds:inline-flex ds:items-center ds:justify-center",
@@ -223,7 +225,7 @@ const te = K(
                     "ds:focus-visible:outline-[color:var(--ring)] ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)]",
                     "ds:forced-colors:focus-visible:outline-[CanvasText]"
                   ].join(" "),
-                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: Y(e.start), children: z(e.start, b.language) })
+                  children: /* @__PURE__ */ o("time", { dir: "ltr", dateTime: ee(e.start), children: L(e.start, b.language) })
                 }
               ),
               /* @__PURE__ */ f("div", { className: "ds:flex-1 ds:min-w-0", children: [
@@ -232,13 +234,13 @@ const te = K(
                     "span",
                     {
                       "aria-hidden": "true",
-                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${J[h]}`
+                      className: `ds:inline-block ds:size-2 ds:rounded-[var(--radius-full)] ${re[h]}`
                     }
                   ),
-                  /* @__PURE__ */ o("strong", { className: "type-title-item", children: d("chat.transcript.speaker", { name: e.speaker }) }),
-                  C ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
+                  /* @__PURE__ */ o("strong", { className: "type-title-item", children: i("chat.transcript.speaker", { name: e.speaker }) }),
+                  P ? /* @__PURE__ */ f("span", { className: "type-meta ds:italic ds:text-[color:var(--muted-foreground)]", children: [
                     "(",
-                    d("chat.transcript.lowConfidence"),
+                    i("chat.transcript.lowConfidence"),
                     ")"
                   ] }) : null
                 ] }),
@@ -248,9 +250,9 @@ const te = K(
                     dir: "auto",
                     className: [
                       "ds:block",
-                      C ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
+                      P ? "ds:underline ds:decoration-dotted ds:decoration-[color:var(--muted-foreground)]" : ""
                     ].join(" "),
-                    children: /* @__PURE__ */ o(ee, { text: e.text, query: m })
+                    children: /* @__PURE__ */ o(ne, { text: e.text, query: m })
                   }
                 )
               ] })
@@ -259,10 +261,10 @@ const te = K(
           r
         );
       },
-      [c, b.language, a, m, d]
-    ), I = w(null);
-    _(L, () => I.current, []);
-    const E = x(
+      [c, b.language, a, m, i]
+    ), N = w(null), C = R();
+    H(M, () => N.current, []);
+    const K = x(
       () => ({
         getSelectedTurn: () => c >= 0 ? String(c) : null,
         focusTurn: (e) => {
@@ -288,57 +290,67 @@ const te = K(
       [c, t]
     );
     return D(
-      U,
-      E,
+      Y,
+      K,
       g.id
-    ), // eslint-disable-next-line jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
+    ), // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/no-static-element-interactions -- root keyboard shortcuts (j/k navigation, /) bubble up from focused descendants
     /* @__PURE__ */ f(
-      "div",
+      "section",
       {
-        ref: I,
-        onKeyDown: $,
+        ref: N,
+        onKeyDown: F,
         "data-component": "transcript-panel",
         "data-component-id": g.id,
-        className: G({ size: u, className: p }),
+        "aria-labelledby": C,
+        className: Z({ size: u, className: p }),
         ...g,
         children: [
-          i ? /* @__PURE__ */ f("div", { className: "ds:ps-[var(--spacing-sm)] ds:pe-[var(--spacing-sm)] ds:pt-[var(--spacing-sm)] ds:pb-[var(--spacing-xs)] ds:flex ds:items-center ds:gap-[var(--spacing-sm)] ds:border-b ds:border-border", children: [
-            /* @__PURE__ */ o(
-              H,
-              {
-                ref: T,
-                id: P,
-                placeholder: d("chat.transcript.search"),
-                "aria-label": d("chat.transcript.search"),
-                "aria-keyshortcuts": "Meta+F Control+F",
-                debounceMs: 150,
-                onChange: (e) => M(e),
-                size: "sm"
-              }
-            ),
-            m ? /* @__PURE__ */ o(
-              "span",
-              {
-                role: "status",
-                "aria-live": "polite",
-                className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
-                children: k === 0 ? d("chat.transcript.noMatches") : d("chat.transcript.matchCount", { count: k })
-              }
-            ) : null
-          ] }) : null,
+          /* @__PURE__ */ o(
+            G,
+            {
+              title: i("transcriptPanel.title"),
+              icon: /* @__PURE__ */ o(W, { "aria-hidden": "true" }),
+              headingId: C,
+              divider: !0,
+              filters: d ? /* @__PURE__ */ f(j, { children: [
+                /* @__PURE__ */ o(
+                  U,
+                  {
+                    ref: T,
+                    id: E,
+                    placeholder: i("chat.transcript.search"),
+                    "aria-label": i("chat.transcript.search"),
+                    "aria-keyshortcuts": "Meta+F Control+F",
+                    debounceMs: 150,
+                    onChange: (e) => $(e),
+                    size: "sm"
+                  }
+                ),
+                m ? /* @__PURE__ */ o(
+                  "span",
+                  {
+                    role: "status",
+                    "aria-live": "polite",
+                    className: "type-meta ds:text-[color:var(--muted-foreground)] ds:tabular-nums",
+                    children: k === 0 ? i("chat.transcript.noMatches") : i("chat.transcript.matchCount", { count: k })
+                  }
+                ) : null
+              ] }) : void 0
+            }
+          ),
           /* @__PURE__ */ o(
             "div",
             {
               ref: v,
               className: "ds:flex-1 ds:min-h-0 ds:overflow-y-auto ds:overflow-x-hidden",
-              children: N ? /* @__PURE__ */ o(
+              children: S ? /* @__PURE__ */ o(
                 "ol",
                 {
                   className: "ds:relative ds:list-none ds:ps-0 ds:m-0",
                   style: { blockSize: `${y.getTotalSize()}px` },
                   children: y.getVirtualItems().map((e) => {
                     const r = t[e.index];
-                    return r ? S(r, e.index, {
+                    return r ? I(r, e.index, {
                       liRef: y.measureElement,
                       dataIndex: e.index,
                       style: { transform: `translateY(${e.start}px)` },
@@ -346,7 +358,7 @@ const te = K(
                     }) : null;
                   })
                 }
-              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => S(e, r)) })
+              ) : /* @__PURE__ */ o("ol", { className: "ds:list-none ds:ps-0 ds:m-0", children: t.map((e, r) => I(e, r)) })
             }
           )
         ]
@@ -354,9 +366,9 @@ const te = K(
     );
   }
 );
-te.displayName = "TranscriptPanel";
+ae.displayName = "TranscriptPanel";
 export {
-  te as T,
-  U as t
+  ae as T,
+  Y as t
 };
-//# sourceMappingURL=transcript-panel-3THQX6nJ.js.map
+//# sourceMappingURL=transcript-panel-CHGHHHdT.js.map

package/dist/_chunks/{unit-converter-YEpD9evj.js → unit-converter-CwlZbfdn.js}

@@ -5,7 +5,7 @@ import { useTranslation as M } from "react-i18next";
 import { u as Y } from "./registry-DvAUVLHh.js";
 import { F as C } from "./form-field-BOm9hK35.js";
 import { N as B } from "./number-input-DxphVG_A.js";
-import { S } from "./select-DMLG44F5.js";
+import { S } from "./select-KsyRr8WH.js";
 import { I as D } from "./insert-result-njqBthzT.js";
 const L = [
   "weight",
@@ -334,4 +334,4 @@ export {
   ee as b,
   Q as c
 };
-//# sourceMappingURL=unit-converter-YEpD9evj.js.map
+//# sourceMappingURL=unit-converter-CwlZbfdn.js.map