@factorialco/f0-react 6.6.0 → 6.7.1

package/dist/{F0VideoPlayer-FW15Bsth.js → F0VideoPlayer-je4bZKr4.js}

@@ -1,8 +1,8 @@
-import { u as W, t as je, v as Ge, m as $, x as Xe, y as Ze, z as qe, A as Ye, B as Je, E as Qe, G as et, H as tt, J as nt, K as rt, L as at, M as ye, N as ot, O as Ce, l as st, Q as it, R as ct, U as lt, w as dt, r as ut } from "./F0CanvasPanel-C6qzM_nP.js";
+import { u as W, t as je, v as Ge, m as $, x as Xe, y as Ze, z as qe, A as Ye, B as Je, E as Qe, G as et, H as tt, J as nt, K as rt, L as at, M as ot, N as ye, O as st, Q as Ce, l as it, R as ct, U as lt, V as dt, w as ut, r as ft } from "./F0CanvasPanel-BImifyj_.js";
 import { jsxs as R, jsx as l } from "react/jsx-runtime";
-import { forwardRef as re, useId as ft, useState as x, useRef as O, useEffect as _, useMemo as J, useCallback as M } from "react";
+import { forwardRef as re, useId as mt, useState as x, useRef as O, useEffect as _, useMemo as J, useCallback as M } from "react";
 import { d as H, f as de } from "./tooltip-Cik7KBQT.js";
-import { F as mt, a as pt, b as Pe, c as ht, d as gt } from "./VolumeMuted-BBB_OqPt.js";
+import { F as pt, a as Pe, b as ht, c as gt } from "./VolumeMuted-DKLKhxyd.js";
 function Se(e) {
   return Array.isArray(e);
 }
@@ -93,7 +93,7 @@ const De = {
 ));
 ue.displayName = "AudioDescriptionLineIcon";
 const Te = re(({ animate: e, ...t }, a) => {
-  const n = `ad-mask-${ft().replace(/:/g, "")}`;
+  const n = `ad-mask-${mt().replace(/:/g, "")}`;
   return /* @__PURE__ */ R(
     "svg",
     {
@@ -294,14 +294,14 @@ function ce({
   offLabel: d
 }) {
   const m = u !== void 0, g = n.find((c) => c.locale === o), y = m && !r ? d : g ? Le(g) : d;
-  return /* @__PURE__ */ R(Qe, { children: [
-    /* @__PURE__ */ R(et, { className: Ct, children: [
-      /* @__PURE__ */ l(tt, { icon: e }),
+  return /* @__PURE__ */ R(et, { children: [
+    /* @__PURE__ */ R(tt, { className: Ct, children: [
+      /* @__PURE__ */ l(nt, { icon: e }),
       /* @__PURE__ */ l("span", { className: "flex-1", children: t }),
       /* @__PURE__ */ l("span", { className: "text-f1-foreground-secondary", children: y })
     ] }),
-    /* @__PURE__ */ l(nt, { container: a ?? void 0, children: /* @__PURE__ */ l(rt, { className: Ae, children: /* @__PURE__ */ R(
-      at,
+    /* @__PURE__ */ l(rt, { container: a ?? void 0, children: /* @__PURE__ */ l(at, { className: Ae, children: /* @__PURE__ */ R(
+      ot,
       {
         value: m ? r ? o : ie : o,
         onValueChange: (c) => m && c === ie ? u() : i(c),
@@ -345,7 +345,7 @@ function Pt({
         variant: "ghost",
         size: "sm",
         hideLabel: !0,
-        icon: mt,
+        icon: pt,
         label: h("videoPlayer.settings")
       }
     ) }),
@@ -360,7 +360,7 @@ function Pt({
           t.length > 1 && /* @__PURE__ */ l(
             ce,
             {
-              icon: pt,
+              icon: Qe,
               label: h("videoPlayer.audio"),
               container: b,
               options: t,
@@ -654,11 +654,11 @@ function At({
   onPlaybackRateChange: K,
   onToggleFullscreen: G,
   onToggleCaptions: F,
-  onToggleAudioDescription: V,
+  onToggleAudioDescription: U,
   onSeek: Y,
   download: X
 }) {
-  const { t: p } = W(), N = g && L.length <= 1, z = c && I.length <= 1, U = St({
+  const { t: p } = W(), N = g && L.length <= 1, z = c && I.length <= 1, V = St({
     audioLanguages: E.length,
     captionLanguages: L.length,
     audioDescriptionLanguages: I.length
@@ -690,7 +690,7 @@ function At({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: e ? ot : Ce,
+            icon: e ? st : Ce,
             label: p(e ? "videoPlayer.pause" : "videoPlayer.play"),
             onClick: D
           }
@@ -754,10 +754,10 @@ function At({
             icon: f ? Te : ue,
             label: p("videoPlayer.audioDescription"),
             "aria-pressed": f,
-            onClick: V
+            onClick: U
           }
         ),
-        U && /* @__PURE__ */ l(
+        V && /* @__PURE__ */ l(
           Pt,
           {
             containerRef: m,
@@ -782,7 +782,7 @@ function At({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: st,
+            icon: it,
             label: X.label,
             onClick: X.onClick
           }
@@ -793,7 +793,7 @@ function At({
             variant: "ghost",
             size: "sm",
             hideLabel: !0,
-            icon: r ? it : ct,
+            icon: r ? ct : lt,
             label: p(r ? "videoPlayer.exitFullscreen" : "videoPlayer.enterFullscreen"),
             onClick: G
           }
@@ -963,8 +963,8 @@ function Ft({
 const Ee = /* @__PURE__ */ new Set([
   "captions",
   "subtitles"
-]), Ot = 2, Ut = 3;
-function Vt(e, t) {
+]), Ot = 2, Vt = 3;
+function Ut(e, t) {
   const { trackSrc: a, needsCrossOrigin: n } = Ie(t), [o, i] = x(!1), [r, u] = x(!1), [d, m] = x(!1), y = r || t !== void 0 && !d;
   return _(() => {
     m(!1), u(!1);
@@ -979,7 +979,7 @@ function Vt(e, t) {
         Ee.has(T.kind) && (T.mode = o ? "showing" : "hidden", T.cues && T.cues.length > 0 && (k = !0));
       }
       if (u(k), f) {
-        if (f.readyState === Ut)
+        if (f.readyState === Vt)
           m(!0);
         else if (f.readyState === Ot) {
           const L = f.track?.cues;
@@ -1084,8 +1084,8 @@ function Bt(e) {
     }, K = () => f(s.duration || 0), G = () => {
       xt(s.playbackRate) && L(s.playbackRate);
     }, F = () => {
-      const V = performance.now();
-      V - o.current >= bt && (o.current = V, y(s.currentTime));
+      const U = performance.now();
+      U - o.current >= bt && (o.current = U, y(s.currentTime));
     };
     return s.addEventListener("play", P), s.addEventListener("pause", D), s.addEventListener("ended", B), s.addEventListener("volumechange", j), s.addEventListener("loadedmetadata", K), s.addEventListener("ratechange", G), s.addEventListener("timeupdate", F), s.readyState >= 1 && s.duration && f(s.duration), () => {
       s.removeEventListener("play", P), s.removeEventListener("pause", D), s.removeEventListener("ended", B), s.removeEventListener("volumechange", j), s.removeEventListener("loadedmetadata", K), s.removeEventListener("ratechange", G), s.removeEventListener("timeupdate", F);
@@ -1194,11 +1194,11 @@ function Wt({
   ), F = ee(
     i?.describedSrc,
     K
-  ), [V, Y] = x(!1), X = V && F ? F : v, p = Bt(X), N = Vt(p.videoElement, P), z = It(p.videoElement, {
-    enabled: V,
+  ), [U, Y] = x(!1), X = U && F ? F : v, p = Bt(X), N = Ut(p.videoElement, P), z = It(p.videoElement, {
+    enabled: U,
     describedSrc: F,
     descriptions: G
-  }), U = M(() => {
+  }), V = M(() => {
     const w = p.videoRef.current;
     if (!w) return;
     const He = w.currentTime, We = !w.paused, be = () => {
@@ -1208,26 +1208,26 @@ function Wt({
     w.addEventListener("loadedmetadata", be);
   }, [p.videoRef]), Ne = M(
     (w) => {
-      U(), L(w);
+      V(), L(w);
     },
-    [U]
+    [V]
   ), _e = M(() => {
-    F && U(), Y((w) => !w);
-  }, [F, U]), Fe = M(
+    F && V(), Y((w) => !w);
+  }, [F, V]), Fe = M(
     (w) => {
       C(w), N.showing || N.toggle();
     },
     [N]
   ), Oe = M(() => {
     N.showing && N.toggle();
-  }, [N]), Ue = M(
+  }, [N]), Ve = M(
     (w) => {
-      F && U(), j(w), Y(!0);
+      F && V(), j(w), Y(!0);
     },
-    [F, U]
-  ), Ve = M(() => {
-    F && U(), Y(!1);
-  }, [F, U]);
+    [F, V]
+  ), Ue = M(() => {
+    F && V(), Y(!1);
+  }, [F, V]);
   Ht({ video: p.videoElement, onTrackAction: y }), zt({
     video: p.videoElement,
     onMilestone: c,
@@ -1247,7 +1247,7 @@ function Wt({
   ), { isFullscreen: Ke, toggleFullscreen: he } = Nt({
     targetRef: E
   }), ge = M(() => {
-  }, []), ve = !!(V && F);
+  }, []), ve = !!(U && F);
   _(() => {
     const w = p.videoRef.current;
     n && w && (w.muted = !ve);
@@ -1338,7 +1338,7 @@ function Wt({
                 tabIndex: -1,
                 onClick: p.togglePlay,
                 className: "dark pointer-events-auto flex size-14 items-center justify-center rounded-full bg-[#000000b3] pl-0.5 text-f1-foreground shadow-[0_2px_8px_rgba(0,0,0,0.45)] transition-transform duration-150 hover:scale-105 motion-reduce:transition-none [&_svg]:size-7",
-                children: /* @__PURE__ */ l(lt, { icon: Ce, size: "lg" })
+                children: /* @__PURE__ */ l(dt, { icon: Ce, size: "lg" })
               }
             )
           }
@@ -1375,7 +1375,7 @@ function Wt({
             captionsAvailable: N.available,
             captionsOn: N.showing,
             audioDescriptionAvailable: z.available,
-            audioDescriptionOn: V,
+            audioDescriptionOn: U,
             silent: n,
             persist: o,
             audioLanguages: A,
@@ -1387,8 +1387,8 @@ function Wt({
             onCaptionsOff: Oe,
             audioDescriptionLanguages: D,
             audioDescriptionLanguage: K,
-            onAudioDescriptionLanguageChange: Ue,
-            onAudioDescriptionOff: Ve,
+            onAudioDescriptionLanguageChange: Ve,
+            onAudioDescriptionOff: Ue,
             onTogglePlay: p.togglePlay,
             onToggleMute: p.toggleMute,
             onVolumeChange: p.setVolume,
@@ -1406,8 +1406,8 @@ function Wt({
     }
   );
 }
-const Yt = dt(
-  ut("F0VideoPlayer", Wt)
+const Yt = ut(
+  ft("F0VideoPlayer", Wt)
 );
 export {
   Yt as F,

package/dist/{SheetViewer-DLlvoFk3.js → SheetViewer-BDzFzATl.js}

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as r, Fragment as N } from "react/jsx-runtime";
 import { useState as i, useEffect as k } from "react";
-import { u as v, T as S, h as V, S as R } from "./F0CanvasPanel-C6qzM_nP.js";
+import { u as v, T as S, h as V, S as R } from "./F0CanvasPanel-BImifyj_.js";
 import { f as z, c as E } from "./sheetPreview-5qeAOp0W.js";
-import { u as _, D as j } from "./DocumentToolbar-BnzDBY9A.js";
+import { u as _, D as j } from "./DocumentToolbar-CGLWhffv.js";
 const g = 1e3, F = 100, G = ({
   url: n,
   filename: y,

package/dist/{TextViewer-CUtAVCh5.js → TextViewer-C2p1KLbB.js}

@@ -1,7 +1,7 @@
 import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import { useState as _, useEffect as h } from "react";
-import { u as x, S as p, p as w } from "./F0CanvasPanel-C6qzM_nP.js";
-import { u as y, D as g } from "./DocumentToolbar-BnzDBY9A.js";
+import { u as x, S as p, p as w } from "./F0CanvasPanel-BImifyj_.js";
+import { u as y, D as g } from "./DocumentToolbar-CGLWhffv.js";
 const k = 2 * 1024 * 1024, v = [
   "[&_h1]:mb-3 [&_h1]:mt-6 [&_h1]:text-2xl [&_h1]:font-semibold",
   "[&_h2]:mb-2 [&_h2]:mt-5 [&_h2]:text-xl [&_h2]:font-semibold",

package/dist/{VolumeMuted-BBB_OqPt.js → VolumeMuted-DKLKhxyd.js}

@@ -1,41 +1,6 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
 const s = (r, e) => /* @__PURE__ */ n(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    ref: e,
-    ...r,
-    children: [
-      /* @__PURE__ */ o("circle", { cx: 12, cy: 12, r: 8, stroke: "currentColor" }),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          d: "M19 12H5.00001"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          stroke: "currentColor",
-          d: "M12 20C10.2326 18.1964 9.00001 14.7247 9.00001 12C9.00001 9.27527 10.2326 5.80363 12 4"
-        }
-      ),
-      /* @__PURE__ */ o(
-        "path",
-        {
-          stroke: "currentColor",
-          d: "M12 20C13.7674 18.1964 15 14.7247 15 12C15 9.27527 13.7674 5.80363 12 4"
-        }
-      )
-    ]
-  }
-), C = t(s), i = (r, e) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,7 +19,7 @@ const s = (r, e) => /* @__PURE__ */ n(
       /* @__PURE__ */ o("circle", { cx: 11.999, cy: 12, r: 2.5, stroke: "currentColor" })
     ]
   }
-), a = t(i), c = (r, e) => /* @__PURE__ */ n(
+), u = t(s), i = (r, e) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -92,7 +57,7 @@ const s = (r, e) => /* @__PURE__ */ n(
       )
     ]
   }
-), w = t(c), d = (r, e) => /* @__PURE__ */ n(
+), a = t(i), L = (r, e) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -121,7 +86,7 @@ const s = (r, e) => /* @__PURE__ */ n(
       )
     ]
   }
-), k = t(d), l = (r, e) => /* @__PURE__ */ n(
+), w = t(L), c = (r, e) => /* @__PURE__ */ n(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -150,11 +115,10 @@ const s = (r, e) => /* @__PURE__ */ n(
       )
     ]
   }
-), p = t(l);
+), C = t(c);
 export {
-  a as F,
+  u as F,
   C as a,
-  p as b,
-  k as c,
-  w as d
+  w as b,
+  a as c
 };

package/dist/ai.d.ts

@@ -1822,6 +1822,7 @@ export declare const defaultTranslations: {
         readonly selectPlaceholder: "Select";
     };
     readonly countries: {
+        ac: string;
         ad: string;
         ae: string;
         af: string;
@@ -1846,14 +1847,19 @@ export declare const defaultTranslations: {
         bh: string;
         bi: string;
         bj: string;
+        bl: string;
         bm: string;
+        bn: string;
         bo: string;
+        bq: string;
         br: string;
+        bs: string;
         bt: string;
         bw: string;
         by: string;
         bz: string;
         ca: string;
+        cc: string;
         cd: string;
         cf: string;
         cg: string;
@@ -1868,6 +1874,7 @@ export declare const defaultTranslations: {
         cu: string;
         cv: string;
         cw: string;
+        cx: string;
         cy: string;
         cz: string;
         de: string;
@@ -1879,6 +1886,7 @@ export declare const defaultTranslations: {
         ec: string;
         ee: string;
         eg: string;
+        eh: string;
         er: string;
         es: string;
         et: string;
@@ -1892,17 +1900,20 @@ export declare const defaultTranslations: {
         gb: string;
         gd: string;
         ge: string;
+        gf: string;
         gg: string;
         gh: string;
         gi: string;
         gl: string;
         gm: string;
         gn: string;
+        gp: string;
         gq: string;
         gr: string;
         gt: string;
         gu: string;
         gw: string;
+        gy: string;
         hk: string;
         hn: string;
         hr: string;
@@ -1923,6 +1934,140 @@ export declare const defaultTranslations: {
         jo: string;
         jp: string;
         ke: string;
+        kg: string;
+        kh: string;
+        ki: string;
+        km: string;
+        kn: string;
+        kp: string;
+        kr: string;
+        kw: string;
+        ky: string;
+        kz: string;
+        la: string;
+        lb: string;
+        lc: string;
+        li: string;
+        lk: string;
+        lr: string;
+        ls: string;
+        lt: string;
+        lu: string;
+        lv: string;
+        ly: string;
+        ma: string;
+        mc: string;
+        md: string;
+        me: string;
+        mf: string;
+        mg: string;
+        mh: string;
+        mk: string;
+        ml: string;
+        mm: string;
+        mn: string;
+        mo: string;
+        mp: string;
+        mq: string;
+        mr: string;
+        ms: string;
+        mt: string;
+        mu: string;
+        mv: string;
+        mw: string;
+        mx: string;
+        my: string;
+        mz: string;
+        na: string;
+        nc: string;
+        ne: string;
+        nf: string;
+        ng: string;
+        ni: string;
+        nl: string;
+        no: string;
+        np: string;
+        nr: string;
+        nu: string;
+        nz: string;
+        om: string;
+        pa: string;
+        pe: string;
+        pf: string;
+        pg: string;
+        ph: string;
+        pk: string;
+        pl: string;
+        pm: string;
+        pn: string;
+        pr: string;
+        ps: string;
+        pt: string;
+        pw: string;
+        py: string;
+        qa: string;
+        re: string;
+        ro: string;
+        rs: string;
+        ru: string;
+        rw: string;
+        sa: string;
+        sb: string;
+        sc: string;
+        sd: string;
+        se: string;
+        sg: string;
+        sh: string;
+        si: string;
+        sj: string;
+        sk: string;
+        sl: string;
+        sm: string;
+        sn: string;
+        so: string;
+        sr: string;
+        ss: string;
+        st: string;
+        sv: string;
+        sx: string;
+        sy: string;
+        sz: string;
+        ta: string;
+        tc: string;
+        td: string;
+        tg: string;
+        th: string;
+        tj: string;
+        tk: string;
+        tl: string;
+        tm: string;
+        tn: string;
+        to: string;
+        tr: string;
+        tt: string;
+        tv: string;
+        tw: string;
+        tz: string;
+        ua: string;
+        ug: string;
+        us: string;
+        uy: string;
+        uz: string;
+        va: string;
+        vc: string;
+        ve: string;
+        vg: string;
+        vi: string;
+        vn: string;
+        vu: string;
+        wf: string;
+        ws: string;
+        xk: string;
+        ye: string;
+        yt: string;
+        za: string;
+        zm: string;
+        zw: string;
     };
     readonly approvals: {
         readonly history: "Approval history";
@@ -2590,6 +2735,12 @@ export declare const defaultTranslations: {
         readonly greaterThan: "It should be greater than {{min}}";
         readonly lessThan: "It should be less than {{max}}";
     };
+    readonly phoneInput: {
+        readonly country: "Country";
+        readonly countryWithDialCode: "{{country}} {{dialCode}}";
+        readonly searchCountry: "Search country or dial code";
+        readonly noResults: "No country found";
+    };
     readonly imageUpload: {
         readonly uploading: "Uploading...";
         readonly uploadError: "Upload failed";
@@ -2803,6 +2954,9 @@ export declare const defaultTranslations: {
             readonly checkbox: {
                 readonly mustBeChecked: "This option must be selected";
             };
+            readonly phone: {
+                readonly invalid: "Enter a valid phone number";
+            };
         };
     };
     readonly graph: {

package/dist/ai.js

@@ -1,6 +1,6 @@
-import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as h } from "./F0CanvasPanel-C6qzM_nP.js";
+import { C as e, D as r, c as t, F as i, a as o, f as n, g as F, d as C, e as l, I as A, P as d, b as u, u as h } from "./F0CanvasPanel-BImifyj_.js";
 import { defaultTranslations as c } from "./i18n-provider-defaults.js";
-import { A as P, C as T, t as p, s as v, v as g, y as f, l as y, i as S, q as x, z as b, B as k, p as H, r as O, j as V, e as w, g as B, k as M, F as z, T as D, w as L, h as j, a as q, n as E, m as G, o as R, b as J, f as K, x as N, c as Q, d as U, u as W } from "./F0AiProcessingOverlay-BkfsZ5Iy.js";
+import { A as P, C as T, t as p, s as v, v as g, y as f, l as y, i as S, q as x, z as b, B as k, p as H, r as O, j as V, e as w, g as B, k as M, F as z, T as D, w as L, h as j, a as q, n as E, m as G, o as R, b as J, f as K, x as N, c as Q, d as U, u as W } from "./F0AiProcessingOverlay-BoGKj-lN.js";
 export {
   P as AiChatTranslationsProvider,
   e as ChatSpinner,