@factorialco/f0-react 9.1.0 → 9.2.1

package/dist/{F0DocumentViewer-BXlup6dL.js → F0DocumentViewer-Bg7uiU9c.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as P } from "react/jsx-runtime";
 import { lazy as X, forwardRef as ce, Suspense as Ce, useState as U, useRef as A, useCallback as w, useMemo as ie, useEffect as V } from "react";
-import { S as E, z as _e, u as Y, A as Te, w as Le, j as Fe, k as De, l as Ve, B as Ee, m as He, E as Ue, G as We, H as Oe, J as je } from "./F0CanvasPanel-D25Wuumh.js";
-import { e as $e, D as ze, P as Be } from "./pdfWorker-Bi4FxYtY.js";
+import { S as E, z as _e, u as Y, A as Te, w as Le, j as Fe, k as De, l as Ve, B as Ee, m as He, E as Ue, G as We, H as Oe, J as je } from "./F0CanvasPanel-jtcjSLLr.js";
+import { e as $e, D as ze, P as Be } from "./pdfWorker-BRAGbLi_.js";
 import { d as G } from "./tooltip-CrXp1Uaz.js";
 import { F as Me } from "./Printer-BD-FEi_2.js";
 import './F0DocumentViewer.css';const ut = [
@@ -272,7 +272,7 @@ import './F0DocumentViewer.css';const ut = [
   }), i;
 };
 $e();
-const tt = X(() => import("./SheetViewer-BO9MbbYR.js")), ot = X(() => import("./DocxViewer-CKrXuvnB.js")), nt = X(() => import("./TextViewer-B7B947JZ.js")), se = 48, rt = 150, ue = ce((e, t) => {
+const tt = X(() => import("./SheetViewer-B8BmAg0d.js")), ot = X(() => import("./DocxViewer-DVeatd9-.js")), nt = X(() => import("./TextViewer-DDtUtmWj.js")), se = 48, rt = 150, ue = ce((e, t) => {
   const { kind: o = "pdf", mimeType: i, toolbar: l = "top", ...s } = e;
   if (o === "pdf")
     return /* @__PURE__ */ r(me, { ref: t, toolbar: l, ...s });

package/dist/{F0Map-B9_jeX3R.js → F0Map-DLJ6sRN_.js}

@@ -1,7 +1,7 @@
 import { jsx as r, jsxs as B, Fragment as De } from "react/jsx-runtime";
 import { forwardRef as ie, useMemo as ze, useEffect as j, useState as E, useRef as N, useLayoutEffect as Hn, useContext as Xn, createContext as Yn, useCallback as O, useId as Un, useImperativeHandle as Gn } from "react";
-import { c as Zn, d as Kn, e as qn } from "./CoachmarkProvider-BXGXfIw-.js";
-import { y as we, a5 as Vn, v as en, a6 as nt, a7 as lt, a8 as Oe, a9 as oe, aa as tn, u as se, z as Fe, ab as Jn, ac as Qn, ad as ea, j as ta, ae as na, af as nn, ag as aa, ah as oa, ai as Rt, aj as an, ak as la } from "./F0CanvasPanel-D25Wuumh.js";
+import { c as Zn, d as Kn, e as qn } from "./CoachmarkProvider-CQJNVR53.js";
+import { y as we, a5 as Vn, v as en, a6 as nt, a7 as lt, a8 as Oe, a9 as oe, aa as tn, u as se, z as Fe, ab as Jn, ac as Qn, ad as ea, j as ta, ae as na, af as nn, ag as aa, ah as oa, ai as Rt, aj as an, ak as la } from "./F0CanvasPanel-jtcjSLLr.js";
 import { d as D, f as ra } from "./tooltip-CrXp1Uaz.js";
 import { createPortal as ia } from "react-dom";
 const sa = (e, t) => ({
@@ -1527,11 +1527,11 @@ const Lo = {
   }, []);
   return j(() => () => a.current?.disconnect(), []), { containerRef: l, isDark: e };
 }, Ya = {
-  maplibre: () => import("./index-W5BBvrFa.js").then((e) => e.createMaplibreAdapter),
+  maplibre: () => import("./index-C8h4kG2n.js").then((e) => e.createMaplibreAdapter),
   // Google needs its script in the page before a map can be constructed, so the
   // loader resolves only once the API is up - which is what keeps the factory
   // itself synchronous for every engine.
-  google: (e) => import("./index-C66JSsii.js").then((t) => t.loadGoogleAdapter(e))
+  google: (e) => import("./index-B5dJ814t.js").then((t) => t.loadGoogleAdapter(e))
 }, at = /* @__PURE__ */ new Map(), Ua = (e, t) => {
   const a = at.get(e);
   if (a)

package/dist/{F0VideoPlayer-VJSe0ziC.js → F0VideoPlayer-B8kLFnbf.js}

@@ -1,9 +1,9 @@
-import { u as W, K as je, L as Xe, z as $, M as Ge, N as Ze, O as Ye, Q as qe, R as Qe, U as Je, V as et, W as tt, X as nt, Y as rt, Z as at, _ as ot, $ as st, a0 as ye, a1 as it, a2 as Ce, m as ct, a3 as lt, a4 as dt, v as ut, E as ft, G as mt } from "./F0CanvasPanel-D25Wuumh.js";
+import { u as W, K as je, L as Xe, z as $, M as Ge, N as Ze, O as Ye, Q as qe, R as Qe, U as Je, V as et, W as tt, X as nt, Y as rt, Z as at, _ as ot, $ as st, a0 as ye, a1 as it, a2 as Ce, m as ct, a3 as lt, a4 as dt, v as ut, E as ft, G as mt } from "./F0CanvasPanel-jtcjSLLr.js";
 import { jsxs as R, jsx as c } from "react/jsx-runtime";
 import { forwardRef as re, useId as pt, useState as x, useRef as F, useEffect as _, useMemo as Q, useCallback as M } from "react";
 import { d as H, f as de } from "./tooltip-CrXp1Uaz.js";
 import { F as Pe, a as ht, b as gt } from "./VolumeMuted-UfTwt2zn.js";
-import { b as vt } from "./CoachmarkProvider-BXGXfIw-.js";
+import { b as vt } from "./CoachmarkProvider-CQJNVR53.js";
 function Re(e) {
   return Array.isArray(e) && e.every(
     (t) => typeof t == "object" && t !== null && "locale" in t && "value" in t

package/dist/{SheetViewer-BO9MbbYR.js → SheetViewer-B8BmAg0d.js}

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as n, Fragment as v } from "react/jsx-runtime";
 import { useState as m, useEffect as E } from "react";
-import { u as F, T as S, h as T, S as V, i as A } from "./F0CanvasPanel-D25Wuumh.js";
-import { d as D } from "./F0DocumentViewer-BXlup6dL.js";
+import { u as F, T as S, h as T, S as V, i as A } from "./F0CanvasPanel-jtcjSLLr.js";
+import { d as D } from "./F0DocumentViewer-Bg7uiU9c.js";
 import { f as L, c as R } from "./sheetPreview-BiccmyTD.js";
-import { u as z, D as U } from "./DocumentToolbar-Bp9iCtUO.js";
+import { u as z, D as U } from "./DocumentToolbar-BIIQvnf3.js";
 const w = 1e3, _ = 100, $ = ({
   url: a,
   filename: f,

package/dist/{TextViewer-B7B947JZ.js → TextViewer-DDtUtmWj.js}

@@ -1,7 +1,7 @@
 import { jsxs as p, jsx as e } from "react/jsx-runtime";
 import { useState as u, useEffect as x } from "react";
-import { u as w, S as y, p as g } from "./F0CanvasPanel-D25Wuumh.js";
-import { u as k, D as v } from "./DocumentToolbar-Bp9iCtUO.js";
+import { u as w, S as y, p as g } from "./F0CanvasPanel-jtcjSLLr.js";
+import { u as k, D as v } from "./DocumentToolbar-BIIQvnf3.js";
 const q = 2 * 1024 * 1024, N = [
   "[&_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/ai.d.ts

@@ -1192,7 +1192,7 @@ declare type AvatarFileSize = (typeof avatarFileSizes)[number];
 
 declare const avatarFileSizes: readonly ["xs", "sm", "md", "lg"];
 
-declare const avatarIconSizes: readonly ["sm", "md", "lg"];
+declare const avatarIconSizes: readonly ["xs", "sm", "md", "lg"];
 
 declare type AvatarListSize = (typeof avatarListSizes)[number];
 
@@ -3438,6 +3438,11 @@ export declare const defaultTranslations: {
             readonly fromPrevious: "from previous";
             readonly fromStage: "from {{stage}}";
         };
+        readonly aria: {
+            readonly moreValues: "{{count}} more values";
+            readonly moreSeries: "{{count}} more series";
+            readonly gaugeValue: "{{value}}, range {{min}} to {{max}}";
+        };
     };
     readonly progressSeries: {
         readonly noData: "No data";
@@ -3963,7 +3968,7 @@ declare type DetailsItemContent = (ComponentProps<typeof DataList.Item> & {
  */
 declare type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
 
-declare type DropdownItem = DropdownItemObject | DropdownItemSeparator | DropdownItemLabel | DropdownItemSubmenu | DropdownItemSwitch;
+declare type DropdownItem = DropdownItemObject | DropdownItemSeparator | DropdownItemLabel | DropdownItemSubmenu | DropdownItemSwitch | DropdownItemPanel;
 
 declare type DropdownItemLabel = {
     type: "label";
@@ -3981,6 +3986,32 @@ declare type DropdownItemObject = Pick<NavigationItem, "label" | "href"> & Omit<
      * item's `pointer-events: none`.
      */
     disabledTooltip?: string;
+    /**
+     * The one that is already true: the workspace you are in, the sort you are
+     * on. It draws a check at the end of the row. The menu does not enforce
+     * that only one item has it.
+     */
+    checked?: boolean;
+    /** Where the link opens. `"_blank"` gets the row its external arrow. */
+    target?: AnchorHTMLAttributes<HTMLAnchorElement>["target"];
+    /**
+     * Draws the trailing "opens elsewhere" arrow, for a row that opens a window
+     * from `onClick`, or links out without `target="_blank"` (which marks
+     * itself).
+     */
+    external?: boolean;
+};
+
+/**
+ * A block the menu shows rather than a row it offers, such as an account card
+ * under the menu's caption. It takes no focus and closes nothing, so it is not
+ * a `DropdownMenuItem`: the arrow keys pass over it. Keep its content static:
+ * the menu keeps keyboard focus on its rows, so a control inside a panel cannot
+ * be reached with the keyboard.
+ */
+declare type DropdownItemPanel = {
+    type: "panel";
+    content: default_2.ReactNode;
 };
 
 declare type DropdownItemSeparator = {
@@ -6825,10 +6856,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        indent: {
-            setIndent: (level: number) => ReturnType;
-            unsetIndent: () => ReturnType;
-            outdent: () => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
         };
     }
 }
@@ -6836,8 +6866,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -6845,9 +6878,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
-            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        indent: {
+            setIndent: (level: number) => ReturnType;
+            unsetIndent: () => ReturnType;
+            outdent: () => ReturnType;
         };
     }
 }
@@ -6855,10 +6889,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -6866,8 +6898,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
@@ -6875,11 +6909,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }

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 m } from "./F0CanvasPanel-D25Wuumh.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 m } from "./F0CanvasPanel-jtcjSLLr.js";
 import { defaultTranslations as c } from "./i18n-provider-defaults.js";
-import { A as g, C as p, t as v, s as I, v as T, y as S, B as f, l as y, i as x, q as b, E as k, G as B, p as H, r as L, j as M, e as O, g as V, k as w, F as D, T as z, w as E, h as G, a as j, n as q, z as R, m as U, o as J, D as K, b as N, f as Q, x as W, c as X, d as Y, u as Z } from "./F0AiProcessingOverlay-SFLE4xoa.js";
+import { A as g, C as p, t as v, s as I, v as T, y as S, B as f, l as y, i as x, q as b, E as k, G as B, p as H, r as L, j as M, e as O, g as V, k as w, F as D, T as z, w as E, h as G, a as j, n as q, z as R, m as U, o as J, D as K, b as N, f as Q, x as W, c as X, d as Y, u as Z } from "./F0AiProcessingOverlay-CHEMsQma.js";
 export {
   g as AiChatTranslationsProvider,
   e as ChatSpinner,

package/dist/component-status.d.ts

@@ -45,7 +45,8 @@ export declare type ApiStatus = "stable" | "experimental" | "deprecated" | "inte
 /** A raw entry as emitted by the generator. */
 export declare interface ComponentEntry {
     name: string;
-    zone: string;
+    /** The tier folder the story lives in (`src/<tier>/…`). */
+    tier: Tier;
     apiStatus: ApiStatus;
     tags: string[];
     hasStories: boolean;
@@ -89,7 +90,7 @@ export declare function ComponentMaturityTag({ componentName, components, classN
 export declare function ComponentStability({ componentName, components, className, }: ComponentStabilityProps): default_2.JSX.Element | null;
 
 export declare interface ComponentStabilityProps {
-    /** Component name to look up (e.g. "Card", "F0Alert", "Components/Card"). */
+    /** Component name to look up (e.g. "Card", "F0Alert", "Elements/Card"). */
     componentName: string;
     /** Optional dataset override; defaults to the build-time data. */
     components?: ComponentEntry[];
@@ -144,7 +145,7 @@ export declare const componentStatusData: ComponentStatusData;
 export declare interface ComponentStatusStats {
     total: number;
     byStatus: Record<ApiStatus, number>;
-    byZone: Record<string, number>;
+    byTier: Partial<Record<Tier, number>>;
     byDocQuality: Record<DocQuality, number>;
     withUnitTests: number;
     withMdxDocs: number;
@@ -191,8 +192,9 @@ export declare function getAllComponentStatuses(components?: ComponentEntry[]):
  *
  * Name matching is forgiving: case-insensitive, an optional `F0` prefix, and
  * punctuation are all ignored, and grouped names ("Avatars/Avatar") match on
- * their leaf ("Avatar"). When several components share a name across zones,
- * the one in the "components" zone wins; otherwise the first match is returned.
+ * their leaf ("Avatar"). When several components share a name across tiers,
+ * the one in the lowest tier (see TIERS) wins; otherwise the first match is
+ * returned.
  *
  * @param components dataset to search; defaults to the build-time data. Pass an
  *   explicit array to query a custom set (used by tests).
@@ -232,8 +234,8 @@ export declare interface RequirementResult {
  *
  * Scope note: some DoD items are not statically verifiable and are NOT gated
  * here — the axe a11y test passing, adoption by ≥3 product teams, no breaking
- * changes for 60 days, and Foundations approval. Those remain manual promotion
- * gates (see Lifecycle/Definition of Done).
+ * changes for 60 days, and the tier reviewers' approval. Those remain manual
+ * promotion gates (see Lifecycle/Definition of Done).
  */
 export declare const STABLE_REQUIREMENTS: readonly {
     key: string;
@@ -249,6 +251,15 @@ export declare const STABLE_REQUIREMENTS: readonly {
 /** Human-readable badge label per maturity level. */
 export declare const STATUS_LABELS: Record<ApiStatus, string>;
 
+export declare type Tier = (typeof TIERS)[number];
+
+/**
+ * The tiers, in import order: a tier may import only from the tiers before it.
+ * A component's tier is the first folder under `src/`. Must match TIERS in
+ * scripts/component-status-build.mjs.
+ */
+export declare const TIERS: readonly ["elements", "blocks", "addons", "domains", "facade"];
+
 export { }
 
 
@@ -306,10 +317,9 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        indent: {
-            setIndent: (level: number) => ReturnType;
-            unsetIndent: () => ReturnType;
-            outdent: () => ReturnType;
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
         };
     }
 }
@@ -317,8 +327,11 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        moodTracker: {
-            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number, options?: {
+                placeholder?: string;
+            }) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
         };
     }
 }
@@ -326,9 +339,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        aiBlock: {
-            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
-            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        indent: {
+            setIndent: (level: number) => ReturnType;
+            unsetIndent: () => ReturnType;
+            outdent: () => ReturnType;
         };
     }
 }
@@ -336,10 +350,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        videoEmbed: {
-            setVideoEmbed: (options: {
-                src: string;
-            }) => ReturnType;
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
         };
     }
 }
@@ -347,8 +359,10 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        transcript: {
-            insertTranscript: (data: TranscriptData) => ReturnType;
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
         };
     }
 }
@@ -356,11 +370,8 @@ declare module "@tiptap/core" {
 
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
-        enhanceHighlight: {
-            setEnhanceHighlight: (from: number, to: number, options?: {
-                placeholder?: string;
-            }) => ReturnType;
-            clearEnhanceHighlight: () => ReturnType;
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
         };
     }
 }