@factorialco/f0-react 13.1.0 → 13.2.0

package/dist/{toolbarStyles-BffylLUB.js → toolbarStyles-stzlyka-.js}

@@ -1,5 +1,5 @@
 import { L as e } from "./tooltip-BX4dSfeL.js";
-import { t } from "./F0Button-C1-0hRRA.js";
+import { t } from "./F0Button-Bo-Zw0Zx.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/addons/documents/F0DocumentViewer/pdfActions.ts
 var r = async (e) => {

package/dist/{types-CRx-aTBt.d.ts → types-ei71RXBT.d.ts}

@@ -1,5 +1,5 @@
-import { Ca as NewColor, Dn as ChartColorToken, Ea as DistributiveOmit$1, Fn as CardAvatarVariant, Hi as AvatarAction, Hn as DropdownContentVariant, In as AlertAvatarProps, Jn as DropdownItemSeparator, Jt as ValueDisplayRendererDefinition, Kn as DropdownItemObject, Kt as CardMetadata, Lt as CardImageAspectRatio, Na as WithDataTestIdReturnType, Oa as F0IconProps, Qi as TeamAvatarVariant, Qt as TagVariant, Rt as CardImageFit, Ui as AvatarVariant, Un as DropdownInternalProps, Wn as DropdownItem, Xi as IconAvatarVariant, Zi as PersonAvatarVariant, _r as StatusVariant, aa as CountryCode, er as F0ButtonProps, ja as WithDataTestIdProps, ka as IconType, qi as CompanyAvatarVariant, vr as Variant, xa as ModuleId, yt as TranscribeFn, zi as DataAttributes, zt as CardImageSize } from "./index-BrWCSgfc.js";
-import { n as TranslationsType } from "./i18n-provider-defaults-DyPn8R7T.js";
+import { Ca as NewColor, Dn as ChartColorToken, Ea as DistributiveOmit$1, Fn as CardAvatarVariant, Hi as AvatarAction, Hn as DropdownContentVariant, In as AlertAvatarProps, Jn as DropdownItemSeparator, Jt as ValueDisplayRendererDefinition, Kn as DropdownItemObject, Kt as CardMetadata, Lt as CardImageAspectRatio, Na as WithDataTestIdReturnType, Oa as F0IconProps, Qi as TeamAvatarVariant, Qt as TagVariant, Rt as CardImageFit, Ui as AvatarVariant, Un as DropdownInternalProps, Wn as DropdownItem, Xi as IconAvatarVariant, Zi as PersonAvatarVariant, _r as StatusVariant, aa as CountryCode, er as F0ButtonProps, ja as WithDataTestIdProps, ka as IconType, qi as CompanyAvatarVariant, vr as Variant, xa as ModuleId, yt as TranscribeFn, zi as DataAttributes, zt as CardImageSize } from "./index-CpTdsnxc.js";
+import { n as TranslationsType } from "./i18n-provider-defaults-DD3oVvPp.js";
 import * as React$2 from "react";
 import React$1, { AriaAttributes, AutoFill, CSSProperties, ComponentProps, ComponentType, Dispatch, FC, ForwardedRef, HTMLAttributes, HTMLInputTypeAttribute, ReactElement, ReactNode, Ref, RefAttributes, RefObject, TextareaHTMLAttributes } from "react";
 import { VariantProps } from "cva";
@@ -2967,6 +2967,8 @@ interface BaseHeaderProps$1 {
   } | AvatarVariant) & {
     /** What the viewer can do from the header avatar, e.g. change the picture. */
     actions?: AvatarAction[];
+    /** Makes the avatar a button, e.g. to open the picture at full size. */
+    onClick?: () => void;
   };
   /**
    * Markdown. Inline formatting only — a link out to the resource's source of
@@ -4637,6 +4639,12 @@ interface TOCProps {
   hideChildrenCounter?: boolean;
   /** Enable vertical scrolling when content overflows (default: true) */
   scrollable?: boolean;
+  /**
+   * Lines the search box and the item pills up with the page content above
+   * and beside the panel, by dropping the panel's left and top insets.
+   * @default false
+   */
+  alignToContent?: boolean;
   /** Action buttons pinned in a footer at the bottom of the panel */
   actions?: TOCAction[];
 }
@@ -11050,7 +11058,8 @@ interface InlineFieldRowProps {
   required?: boolean;
   /** Hint shown beside the label. */
   hint?: string;
-  value: ReactNode;
+  /** Without one, a row that cannot be activated shows a muted "-", read as "No value". */
+  value?: ReactNode;
   /** Fixed order, closest to the value first. Copy is appended after it. */
   actions: RowAction[];
   /** When set, the row appends a copy action that writes exactly this string. */
@@ -11067,9 +11076,7 @@ interface InlineFieldRowProps {
   valueHeight?: "fixed" | "auto";
   /**
    * The narrowest the value may get beside its label before the label stacks
-   * above it. Rows in one `InlineFieldRowList` share one label column, so a
-   * long label also stacks when the column it needs would squeeze another
-   * row's value below its minimum.
+   * above it.
    * @default 15
    */
   valueMinWidth?: InlineValueMinWidth;
@@ -11084,7 +11091,12 @@ interface InlineFieldRowProps {
 }
 //#endregion
 //#region src/blocks/F0Form/fields/inline/InlineFieldRow.d.ts
-/** One card of rows, sharing one label column so their values line up. */
+/**
+ * One card of rows. Each row splits its own width the same way, so values line
+ * up. Rows are size containers, so they cannot take their width from their
+ * content: put the card in a parent that gives it one, not a `w-fit` box or a
+ * flex row that sizes its items to their content.
+ */
 declare const InlineFieldRowList: ({ children }: {
   children: ReactNode;
 }) => import("react").JSX.Element;