@powerportalspro/react-fluent 5.0.0-beta.3 → 5.0.0

package/dist/index.d.ts

@@ -1,25 +1,120 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ColumnValidator, Localizer, ViewDataSource, RecordContextProps } from '@powerportalspro/react';
 import * as react from 'react';
 import { CSSProperties, MouseEvent, ReactNode, ReactElement, JSX, ComponentType, HTMLAttributes, RefAttributes, RefObject } from 'react';
+import { InputProps, Theme, FluentProviderProps, ButtonProps } from '@fluentui/react-components';
+import { MaskMode, NumericOptions, ColumnValidator, Localizer, ViewDataSource, RecordContextProps } from '@powerportalspro/react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import { components, ResolvedColumn, TableSecurityPermission, TableRecordReference as TableRecordReference$1, ViewMetadata as ViewMetadata$1, TableRecord as TableRecord$8 } from '@powerportalspro/core';
-import { Theme, FluentProviderProps, ButtonProps } from '@fluentui/react-components';
 import { DataPoint, ChartType, ChartDataset, ChartLegendPosition, ChartOrientation, ChartClickEventArgs, ChartHandle, DataverseChartDataSource } from '@powerportalspro/react-charts';
 
+interface MaskedTextFieldHandle {
+    /**
+     * Force a value into the field even while it has focus, parking the caret
+     * at the end. Used by an owning editor's spinner / stepper controls, which
+     * change the value without the user touching the input.
+     * `MaskedTextField.ForceValueAsync`.
+     *
+     * On the fast (no-mask) path this collapses to invoking `onValueChange`
+     * the input is controlled, so the new value flows back through props.
+     */
+    forceValue: (value: string | null) => void;
+    /** Focus the underlying `<input>` element. */
+    focus: () => void;
+    /** Blur the underlying `<input>` element. */
+    blur: () => void;
+}
+interface MaskedTextFieldProps {
+    /** Current logical value. Pass `null` for empty. */
+    value: string | null | undefined;
+    /**
+     * Fires when the user edits the value. Receives the unmasked logical value
+     * when {@link valueIncludesMask} is `false` (the default), or the masked
+     * display string when `true`.
+     */
+    onValueChange: (value: string | null) => void;
+    /** Fires when the input gains focus. */
+    onFocus?: (() => void) | undefined;
+    /** Fires when the input loses focus, carrying the final reported value. */
+    onBlur?: ((value: string | null) => void) | undefined;
+    /** Masking strategy. Defaults to {@link MaskMode.None}. */
+    mode?: MaskMode | undefined;
+    /** Slotted template for {@link MaskMode.Pattern} (e.g. `(000) 000-0000`). */
+    pattern?: string | null | undefined;
+    /** Per-character allow regex for {@link MaskMode.Regex} (e.g. `[A-Za-z]`). */
+    allowedPattern?: string | null | undefined;
+    /** Numeric options for {@link MaskMode.Numeric}. */
+    numeric?: NumericOptions | null | undefined;
+    /**
+     * When `true`, the value reported by `onValueChange` is the masked display
+     * string; when `false` (default), the unmasked logical value. No effect when
+     * `mode` is `'none'`.
+     */
+    valueIncludesMask?: boolean | undefined;
+    /**
+     * When `true`, the field commits on every keystroke even with no mask
+     * (forces the hook path). When `false` (default) and no mask is active,
+     * the fast path's controlled `<Input>` is used.
+     */
+    immediate?: boolean | undefined;
+    /** Element id forwarded onto the underlying `<input>`. */
+    id?: string | undefined;
+    /** Fluent input size. */
+    size?: InputProps['size'] | undefined;
+    /** Fluent input appearance. */
+    appearance?: InputProps['appearance'] | undefined;
+    /** Underlying `<input type=…>` value. Defaults to `'text'`. */
+    type?: InputProps['type'] | undefined;
+    /** Placeholder text shown when empty. */
+    placeholder?: string | undefined;
+    /** Disables the field. */
+    disabled?: boolean | undefined;
+    /** Makes the field read-only. */
+    readOnly?: boolean | undefined;
+    /** Maximum character length. */
+    maxLength?: number | undefined;
+    /** Browser autocomplete attribute. */
+    autoComplete?: string | undefined;
+    /**
+     * `inputmode` attribute on the underlying `<input>` — drives the
+     * touch-keyboard layout on mobile (`'decimal'` / `'numeric'` / `'tel'`).
+     */
+    inputMode?: 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search' | undefined;
+    /** Accessible label when no visible label is wired via a surrounding Field. */
+    ariaLabel?: string | undefined;
+    /**
+     * Optional text-alignment applied to the inner `<input>`.
+     * `MaskedTextField.TextAlign` parameter — set to `'right'` for numeric
+     * editors so digits hug the trailing edge as they're typed.
+     */
+    textAlign?: 'left' | 'right' | 'center' | undefined;
+    /**
+     * Slot rendered before the input (icon, currency symbol, etc.). Typed as
+     * Fluent's own slot value so MoneyEdit's currency badge / a search-icon
+     * adornment / etc. flow through without coercion.
+     */
+    contentBefore?: InputProps['contentBefore'] | undefined;
+    /** Slot rendered after the input. */
+    contentAfter?: InputProps['contentAfter'] | undefined;
+    /** CSS class applied to the `<Input>` root. */
+    className?: string | undefined;
+    /** Inline style applied to the `<Input>` root. */
+    style?: CSSProperties | undefined;
+}
+declare const MaskedTextField: react.ForwardRefExoticComponent<MaskedTextFieldProps & react.RefAttributes<MaskedTextFieldHandle>>;
+
 /**
  * Where the description (hint text) is rendered, when one is present. React
- * version of Blazor's `DisplayTooltipWhenAvailable: bool` — same intent but
+ * version of — same intent but
  * three-way:
  *
  * - `'tooltip'` (default) — renders a clickable Info icon next to the label
- *   that opens a Fluent `Popover` containing the description on click.
- *   Mirrors Blazor's `BaseFluentColumnEdit.GetLabelTemplate()` pattern.
- *   Doesn't take vertical space and keeps long form layouts compact.
+ * that opens a Fluent `Popover` containing the description on click.
+ * Mirrors pattern.
+ * Doesn't take vertical space and keeps long form layouts compact.
  * - `'belowControl'` — renders the description inline below the input via
- *   Fluent `Field`'s hint slot. Always visible; takes up vertical space.
- *   Matches Blazor's older field-hint behavior.
+ * Fluent `Field`'s hint slot. Always visible; takes up vertical space.
+ *
  * - `'none'` — suppresses the description entirely, even when one is
- *   provided by metadata or props.
+ * provided by metadata or props.
  */
 declare const DescriptionLocation: {
     readonly None: "none";
@@ -28,29 +123,18 @@ declare const DescriptionLocation: {
 };
 type DescriptionLocation = (typeof DescriptionLocation)[keyof typeof DescriptionLocation];
 /**
- * Shared props for every column-bound edit component. Mirrors the parameter
- * set Blazor's `BaseEdit` / `BaseColumnEdit` expose, minus a few Blazor-specific
- * concepts that don't translate (see notes at bottom).
+ * Shared props for every column-bound edit component.
  *
  * Most metadata-driven defaults are wired up — `label`, `description`,
- * `maxLength`, `min`, `max`, `required`, `readOnly` all auto-resolve from the
- * parent RecordContext's table metadata when the consumer doesn't pass them.
- * Consumer-passed props always win.
+ * `maxLength`, `min`, `max`, `required`, `readOnly` all auto-resolve from
+ * the parent RecordContext's table metadata when the consumer doesn't
+ * pass them. Consumer-passed props always win.
  *
- * Per-component subtypes (`TextEditProps`, `BoolEditProps`, etc.) extend this
- * with their type-specific props (Rows, EditorType, Precision, …).
+ * Per-component subtypes (`TextEditProps`, `BoolEditProps`, etc.) extend
+ * this with their type-specific props (Rows, EditorType, Precision, …).
  *
- * **Currently no-op props (kept for parity, will activate downstream):**
+ * **Currently no-op props (will activate downstream):**
  * - `displayValidationErrorMessage` — pending the form-validation layer.
- *
- * **Blazor props NOT mirrored** (Blazor-specific or non-applicable):
- * - `ChildContent` — Blazor's `RenderFragment` for slot composition. React
- *   has `children` natively; declaring it on a shared base is misleading
- *   when most edits don't render children. Per-component types add it where
- *   it actually makes sense.
- * - `Rows` on TextEdit — Blazor exposes it but FluentTextField is single-line
- *   so it has no effect. {@link MemoEdit} is the multi-line variant where
- *   `rows` belongs.
  */
 interface BaseColumnEditProps {
     /** Logical name of the column on the parent {@link RecordContext}'s record (e.g. `"firstname"`). Required. */
@@ -123,6 +207,33 @@ interface TextEditProps extends BaseColumnEditProps {
     autoComplete?: boolean;
     /** Optional placeholder shown when the field is empty. */
     placeholder?: string;
+    /**
+     * Masking strategy. Defaults to {@link MaskMode.None}. Set to
+     * {@link MaskMode.Pattern} (with `pattern`), {@link MaskMode.Regex} (with
+     * `allowedPattern`), or {@link MaskMode.Numeric} (with `numeric`) for
+     * caret-safe live masking.
+     */
+    mask?: MaskMode | undefined;
+    /** Slotted template for {@link MaskMode.Pattern} (e.g. `(000) 000-0000`). */
+    pattern?: string | undefined;
+    /** Per-character allow regex for {@link MaskMode.Regex} (e.g. `[A-Za-z]`). */
+    allowedPattern?: string | undefined;
+    /** Numeric options for {@link MaskMode.Numeric}. */
+    numeric?: NumericOptions | undefined;
+    /**
+     * Controls whether a masked value is stored with or without the mask. When
+     * `true`, the column stores the masked text including literals / separators
+     * (e.g. `(555) 123-4567`); when `false` (default), the unmasked logical
+     * value (e.g. `5551234567`). No effect when `mask` is `'none'`. Mirrors
+     *.
+     */
+    storeMaskedValue?: boolean | undefined;
+    /**
+     * When `true`, the editor commits on every keystroke (the DOM `input`
+     * event); when `false` (default), on blur (the DOM `change` event).
+     *
+     */
+    immediate?: boolean | undefined;
 }
 /**
  * Single-line text input bound to a `StringValue` ($type 14) on the parent
@@ -138,7 +249,7 @@ interface TextEditProps extends BaseColumnEditProps {
  * deliberately not used here because Dataverse decimal/money fields have
  * different wire-format requirements than plain string columns.
  */
-declare function TextEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, type, minLength, maxLength, autoComplete, placeholder, validate, }: TextEditProps): react_jsx_runtime.JSX.Element | null;
+declare function TextEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, type, minLength, maxLength, autoComplete, placeholder, mask, pattern, allowedPattern, numeric, storeMaskedValue, immediate, validate, }: TextEditProps): react_jsx_runtime.JSX.Element | null;
 
 interface MemoEditProps extends BaseColumnEditProps {
     /** Minimum allowed character count. */
@@ -162,14 +273,14 @@ interface MemoEditProps extends BaseColumnEditProps {
  */
 declare function MemoEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, minLength, maxLength, rows, placeholder, resize, validate, }: MemoEditProps): react_jsx_runtime.JSX.Element | null;
 
-/** Mirrors Blazor's `BoolEditorType` enum — picks the rendered control. */
+/** Mirrors enum — picks the rendered control. */
 declare const BoolEditorType: {
     readonly Checkbox: "checkbox";
     readonly Switch: "switch";
 };
 type BoolEditorType = (typeof BoolEditorType)[keyof typeof BoolEditorType];
 /**
- * Mirrors Blazor's `LabelPosition` enum on `BoolEdit`. Controls whether the
+ * Mirrors enum on `BoolEdit`. Controls whether the
  * label appears beside the control (the default) or above it (wrapping the
  * control in a Field).
  */
@@ -224,7 +335,7 @@ type Schemas$1 = components['schemas'];
  * what TextEdit / MemoEdit / BoolEdit / NumberEdit / MoneyEdit need.
  *
  * `setValue(undefined | null)` clears the column from `record.properties`,
- * which is the correct way to send "this field has no value" to Dataverse —
+ * which is the correct way to send "this field has no value" to Dataverse
  * different from sending an empty string or `0`.
  *
  * Returns `value: undefined` when the record hasn't loaded yet OR when the
@@ -248,10 +359,10 @@ type NumberValueType = 'int' | 'decimal' | 'double' | 'bigint';
  * `ColumnValueBase` subtype to write back so the server-side deserializer
  * binds to the right Dataverse field type:
  *
- * - `int`     → IntValue,     $type 5
+ * - `int` → IntValue, $type 5
  * - `decimal` → DecimalValue, $type 3
- * - `double`  → DoubleValue,  $type 4
- * - `bigint`  → BigIntValue,  $type 18
+ * - `double` → DoubleValue, $type 4
+ * - `bigint` → BigIntValue, $type 18
  *
  * For very large `bigint` values exceeding `Number.MAX_SAFE_INTEGER`, the
  * generated wire schema accepts `number | string`. This v0 always sends
@@ -286,9 +397,9 @@ declare function useChoiceColumn(columnName: string): {
  *
  * `setValue(undefined | null | [])` all clear the column. Sending an empty
  * array would write `MultiSelectChoiceValue { value: [] }`, which the
- * server's `Update` path treats the same as clearing the column anyway —
+ * server's `Update` path treats the same as clearing the column anyway
  * collapsing to `null` here keeps the wire payload smaller and matches
- * Blazor's `BaseMultiSelectChoiceEdit.Value` setter.
+ * setter.
  */
 declare function useMultiSelectChoiceColumn(columnName: string): {
     value: number[];
@@ -359,26 +470,26 @@ type FileColumnValue = Omit<Schemas$1['ColumnValueBaseFileValue'], '$type'>;
  * this hook normalizes into a single `FileColumnValue`:
  *
  * <list type="bullet">
- *   <item><b>File columns</b> (Dataverse `FileMetadata`): the data column
- *   itself surfaces post-fetch as a <c>GuidValue</c> ($type 15) holding
- *   the assigned file id, with a sibling <c>{columnName}_name</c>
- *   <c>StringValue</c> ($type 14) holding the original filename. Example
- *   from a contact record: <c>ppp_contract = { $type: 15, value: "df94…" }</c>
- *   plus <c>ppp_contract_name = { $type: 14, value: "archive.zip" }</c>.</item>
- *   <item><b>Image columns</b> (Dataverse `ImageMetadata`): the data
- *   column itself doesn't surface post-fetch; a sibling <c>{columnName}id</c>
- *   <c>GuidValue</c> holds the file id (no `_name` companion since
- *   images don't carry a meaningful original filename). Example:
- *   <c>ppp_profileimageid = { $type: 15, value: "4fd5…" }</c>.</item>
- *   <item><b>Client-side after upload</b> (both kinds): the data column
- *   is replaced by a <c>FileValue</c> ($type "FileValue") carrying the
- *   filename, an empty GUID, and the in-memory base64 bytes — that's the
- *   shape `setValue` writes during an upload.</item>
+ * <item><b>File columns</b> (Dataverse `FileMetadata`): the data column
+ * itself surfaces post-fetch as a <c>GuidValue</c> ($type 15) holding
+ * the assigned file id, with a sibling <c>{columnName}_name</c>
+ * <c>StringValue</c> ($type 14) holding the original filename. Example
+ * from a contact record: <c>ppp_contract = { $type: 15, value: "df94…" }</c>
+ * plus <c>ppp_contract_name = { $type: 14, value: "archive.zip" }</c>.</item>
+ * <item><b>Image columns</b> (Dataverse `ImageMetadata`): the data
+ * column itself doesn't surface post-fetch; a sibling <c>{columnName}id</c>
+ * <c>GuidValue</c> holds the file id (no `_name` companion since
+ * images don't carry a meaningful original filename). Example:
+ * <c>ppp_profileimageid = { $type: 15, value: "4fd5…" }</c>.</item>
+ * <item><b>Client-side after upload</b> (both kinds): the data column
+ * is replaced by a <c>FileValue</c> ($type "FileValue") carrying the
+ * filename, an empty GUID, and the in-memory base64 bytes — that's the
+ * shape `setValue` writes during an upload.</item>
  * </list>
  *
  * The hook collapses all three onto a single <c>FileColumnValue</c>
  * (filename + id + optional binary) so consumers never have to branch.
- * Mirrors Blazor's `FileInputColumnEdit.OnParametersSetAsync` synthesis
+ * Mirrors synthesis
  * of the post-fetch GuidValue + `_name` pair into a `FileValue`.
  *
  * <c>setValue(null)</c> clears the column. The server's
@@ -417,7 +528,7 @@ interface NumberEditProps extends BaseColumnEditProps {
      * the editor was bound to incorrectly. Pass an explicit value to
      * override (e.g. force `decimal` round-tripping on an int column).
      *
-     * Mirrors Blazor's `<NumberEdit>` which picks the right
+     * Mirrors which picks the right
      * `BaseNumberEdit<TNumber>` from metadata in NumberEdit.razor:7-82.
      *
      * For currency columns, use {@link MoneyEdit} instead — it binds to
@@ -437,11 +548,11 @@ interface NumberEditProps extends BaseColumnEditProps {
      */
     precision?: number;
     /**
-     * Hide the browser's increment/decrement spinner buttons on the number
-     * input. Implemented via a Griffel-generated CSS class targeting the
-     * inner `<input>` (covers both Firefox via `-moz-appearance: textfield`
-     * and WebKit via the `::-webkit-inner-spin-button` /
-     * `-outer-spin-button` pseudo-elements).
+     * Hide the increment / decrement spinner buttons rendered alongside the
+     * input. When `false` (the default) the editor shows up / down chevrons in
+     * the input's `contentAfter` slot; press them to step by {@link step}
+     * (press-and-hold accelerates after a short delay).
+     * `BaseNumberEdit.HideStep`.
      */
     hideStep?: boolean;
     /**
@@ -453,7 +564,13 @@ interface NumberEditProps extends BaseColumnEditProps {
      * consumer code stays portable.
      */
     format?: string;
-    /** Step interval. Pass-through to the underlying input's `step`. */
+    /**
+     * Amount added or subtracted when the user clicks the spinner chevrons
+     * (or, while pressing-and-holding, the amount per repeat tick). Defaults
+     * to `1`. Honors {@link min} /
+     * {@link max} clamping and {@link precision} rounding. Has no effect when
+     * {@link hideStep} is `true`.
+     */
     step?: number;
     /** Optional placeholder shown when the field is empty. */
     placeholder?: string;
@@ -480,48 +597,58 @@ interface MoneyEditProps extends BaseColumnEditProps {
      */
     precision?: number;
     /**
-     * Hide the browser's increment/decrement spinner buttons.
+     * Hide the increment / decrement spinner buttons rendered alongside the
+     * input. When `false` (the default) the editor shows up / down chevrons in
+     * the input's `contentAfter` slot; press them to step by {@link step}
+     * (press-and-hold accelerates after a short delay).
+     * `BaseNumberEdit.HideStep`.
      */
     hideStep?: boolean;
     /**
      * .NET-style format string applied to the read-only display value
      * (e.g. `"c2"` for currency with 2 decimals, `"n0"` for thousands-
-     * separated integer). Mirrors Blazor's `BaseNumberEdit.Format` — the
+     * separated integer). the
      * editable input branch ignores this; the resolved value only appears
      * when `readOnly` or `disabled` is in effect.
      *
      * Resolution order in read-only mode:
-     *   1. `record.formattedValues[columnName]` — Dataverse's
-     *      server-side formatted string (currency symbol, locale-aware
-     *      separators, Money base-currency context). Wins when present.
-     *   2. `formatValue(value, format, locale)` — client-side formatting
-     *      via `Intl.NumberFormat`. Used for unsaved records, columns the
-     *      server didn't emit a formatted value for, or when the locale
-     *      mismatches the server's.
-     *   3. `String(value)` — raw fallback when no format is set.
+     * 1. `record.formattedValues[columnName]` — Dataverse's
+     * server-side formatted string (currency symbol, locale-aware
+     * separators, Money base-currency context). Wins when present.
+     * 2. `formatValue(value, format, locale)` — client-side formatting
+     * via `Intl.NumberFormat`. Used for unsaved records, columns the
+     * server didn't emit a formatted value for, or when the locale
+     * mismatches the server's.
+     * 3. `String(value)` — raw fallback when no format is set.
      *
      * Standard numeric codes (`N`, `F`, `C`, `P`, `E`, `X` ± digits) and
      * simple custom patterns (`0.00`, `#,##0.00`) are supported. See
      * `formatValue` for the full grid.
      */
     format?: string;
-    /** Step interval. Defaults to `0.01` (one cent). */
+    /**
+     * Amount added or subtracted when the user clicks the spinner chevrons
+     * (or, while pressing-and-holding, the amount per repeat tick). Defaults
+     * to `0.01` (one minor unit).
+     * Honors {@link min} / {@link max} clamping and {@link precision} rounding.
+     * Has no effect when {@link hideStep} is `true`.
+     */
     step?: number;
     /** Optional placeholder shown when the field is empty. */
     placeholder?: string;
 }
 /**
- * Currency column editor. Always binds to a `MoneyValue` ($type 8) —
+ * Currency column editor. Always binds to a `MoneyValue` ($type 8)
  * distinct from {@link NumberEdit} because Dataverse currency columns
  * participate in the org's transactioncurrency / exchange-rate plumbing
  * and round-trip through a different wire shape than plain decimals.
  *
  * `min`, `max`, `precision`, `required`, and `readOnly` are auto-resolved
  * from MoneyMetadata. In the editable branch the input shows the raw
- * decimal value — same as Blazor's `<FluentNumberField>` — so consumers
+ * decimal value — same as — so consumers
  * can type freely. In the read-only / disabled branch the value renders
  * as plain text and resolves through `record.formattedValues` → `format`
- * fallback → raw `String(value)`, matching Blazor's
+ * fallback → raw `String(value)`
  * `BaseNumberEdit.GetReadOnlyDisplayValue()`.
  */
 declare function MoneyEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, min, max, precision, hideStep, format, step, placeholder, validate, }: MoneyEditProps): react_jsx_runtime.JSX.Element | null;
@@ -606,13 +733,13 @@ interface ColumnDisplayValueProps {
 declare function ColumnDisplayValue({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, isVisible, emptyPlaceholder, format, className, style, id, }: ColumnDisplayValueProps): react_jsx_runtime.JSX.Element | null;
 
 /**
- * Which input(s) the editor renders. Mirrors Blazor's `DateTimeEditorType`.
+ * Which input(s) the editor renders.
  *
- * - `'dateTime'` (default for `UserLocal` / `TimeZoneIndependent` metadata) —
- *   side-by-side `DatePicker` + `TimePicker`.
+ * - `'dateTime'` (default for `UserLocal` / `TimeZoneIndependent` metadata)
+ * side-by-side `DatePicker` + `TimePicker`.
  * - `'dateOnly'` (default for `DateOnly` metadata) — `DatePicker` only.
  * - `'timeOnly'` — `TimePicker` only. The date portion of an existing
- *   stored value is preserved; a fresh value uses today's date.
+ * stored value is preserved; a fresh value uses today's date.
  */
 declare const DateTimeEditorType: {
     readonly DateTime: "dateTime";
@@ -662,9 +789,9 @@ interface DateTimeEditProps extends BaseColumnEditProps {
  *
  * - `dateOnly` → just `DatePicker`. Stored as midnight UTC on the wire.
  * - `dateTime` → `DatePicker` + `TimePicker` side-by-side; changes from
- *   either preserve the other half so editing one doesn't clobber the other.
+ * either preserve the other half so editing one doesn't clobber the other.
  * - `timeOnly` → just `TimePicker`, anchored to the existing wire value's
- *   date (or today when there isn't one).
+ * date (or today when there isn't one).
  *
  * Wire format is ISO 8601 string in/out via `useDateColumn`; `Date` objects
  * live only inside this component for picker interop.
@@ -681,7 +808,7 @@ interface FileEditProps extends BaseColumnEditProps {
     /**
      * Maximum file size in bytes the consumer is willing to accept. When
      * omitted, no client-side check runs — server-side
-     * <c>EnvironmentFileSettings.maxUploadSize</c> still applies on save.
+     * <c>OrganizationSettings.maxUploadFileSizeInBytes</c> still applies on save.
      * Files exceeding the limit are rejected with a console warning before
      * any state updates.
      */
@@ -701,18 +828,18 @@ interface FileEditProps extends BaseColumnEditProps {
  *
  * Upload flow:
  * 1. User drops a file or clicks the drop zone (which proxies a hidden
- *    `<input type="file">`).
+ * `<input type="file">`).
  * 2. The file is read as a Data URL via `FileReader`, base64-decoded, and
- *    stored on the record via `setValue({ fileName, id: emptyGuid, value })`.
+ * stored on the record via `setValue({ fileName, id: emptyGuid, value })`.
  * 3. When the consumer's parent context saves the record, the framework's
- *    file-upload pipeline picks up the new content and writes it to
- *    Dataverse, replacing the empty `id` with the assigned file id.
+ * file-upload pipeline picks up the new content and writes it to
+ * Dataverse, replacing the empty `id` with the assigned file id.
  *
  * Download flow:
  * - When `value.value` is non-null (the upload happened in this session),
- *   the in-memory bytes are turned into a blob and saved with the file name.
+ * the in-memory bytes are turned into a blob and saved with the file name.
  * - Otherwise <c>getFileInfoAsync(table, id, column, includeData=true)</c>
- *   fetches the binary on-demand.
+ * fetches the binary on-demand.
  */
 declare function FileEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, accept, maxFileSizeBytes, uploadHintText, validate, }: FileEditProps): react_jsx_runtime.JSX.Element | null;
 
@@ -733,7 +860,7 @@ interface ImageEditProps extends BaseColumnEditProps {
     /**
      * Maximum file size in bytes the consumer is willing to accept. When
      * omitted, no client-side check runs — server-side
-     * <c>EnvironmentFileSettings.maxUploadSize</c> still applies on save.
+     * <c>OrganizationSettings.maxUploadFileSizeInBytes</c> still applies on save.
      */
     maxFileSizeBytes?: number;
     /**
@@ -770,10 +897,10 @@ interface ImageEditProps extends BaseColumnEditProps {
  *
  * Image-specific work this component owns (and `FileEdit` doesn't):
  * <list type="bullet">
- *   <item>The binary lazy-load — `FileEdit` only fetches metadata after
- *   refresh; ImageEdit also fetches the bytes so the preview can render.</item>
- *   <item>The `<img>` rendering, MIME-type guess, and read-only
- *   click-to-download UX.</item>
+ * <item>The binary lazy-load — `FileEdit` only fetches metadata after
+ * refresh; ImageEdit also fetches the bytes so the preview can render.</item>
+ * <item>The `<img>` rendering, MIME-type guess, and read-only
+ * click-to-download UX.</item>
  * </list>
  */
 declare function ImageEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, accept, displayImage, maxFileSizeBytes, uploadHintText, outputFormat, outputQuality, validate, }: ImageEditProps): react_jsx_runtime.JSX.Element | null;
@@ -781,7 +908,7 @@ declare function ImageEdit({ columnName, label, description, displayLabelWhenAva
 type ColumnMetadataBase$3 = components['schemas']['ColumnMetadataBase'];
 /**
  * Helpers that derive UI props from the parent RecordContext's table metadata.
- * Mirror Blazor's `BaseColumnEdit.OnParametersSetAsync` defaults — required is
+ * Mirror defaults — required is
  * driven by `RequiredLevel`, readOnly is driven by `isValidForCreate` /
  * `isValidForUpdate` based on whether the record is new or existing, and
  * type-specific props (maxLength, min/max, precision) come from the matching
@@ -808,7 +935,7 @@ declare function isMetadataRequired(metadata: ColumnMetadataBase$3 | undefined):
  * standard Update path — file content rides through a separate
  * `SetFileField` round-trip. The framework's update endpoint handles
  * that translation server-side, so from the consumer's perspective these
- * columns ARE editable. Mirrors Blazor's
+ * columns ARE editable.
  * `BaseColumnEdit.OnParametersSetAsync` exclusion of FileMetadata /
  * ImageMetadata when computing `_readOnlyInternal`.
  */
@@ -818,12 +945,12 @@ declare function isMetadataReadOnly(metadata: ColumnMetadataBase$3 | undefined,
  * server). Treats three signals as "new":
  * - missing / null id;
  * - Guid.Empty (`00000000-0000-0000-0000-000000000000`) id (the wire's
- *   legacy "new record" marker);
+ * legacy "new record" marker);
  * - non-empty id but no `permissions` stamped. RecordContext create-mode
- *   pre-generates a GUID so descendants like `<ManyToManyLookupEdit>`
- *   can target a stable parent id before save; that defeats the id-only
- *   heuristic but the missing-`permissions` marker still works because
- *   the server stamps permissions on every record it returns.
+ * pre-generates a GUID so descendants like `<ManyToManyLookupEdit>`
+ * can target a stable parent id before save; that defeats the id-only
+ * heuristic but the missing-`permissions` marker still works because
+ * the server stamps permissions on every record it returns.
  */
 declare function isNewRecord(record: {
     id?: string | null;
@@ -831,7 +958,7 @@ declare function isNewRecord(record: {
 } | undefined): boolean;
 /**
  * Resolves the display label for a column via the active localizer, using the
- * key `tables.{tableName}.columns.{columnName}.label`. Mirrors Blazor's
+ * key `tables.{tableName}.columns.{columnName}.label`.
  * `BaseColumnEdit` which does the identical lookup via `IStringLocalizer`.
  *
  * The cached metadata's `displayName` is NOT the source of truth — Dataverse
@@ -839,7 +966,7 @@ declare function isNewRecord(record: {
  * the application user), so it doesn't change when the request culture
  * switches. The localizer cache (populated per-LCID from Dataverse
  * `LocalizedLabels` at startup) is the per-culture source. On a localizer
- * miss the key itself is returned, matching Blazor's behavior and the
+ * miss the key itself is returned
  * "show keys, not a fallback language" rule consumers rely on to spot
  * un-translated strings during development.
  *
@@ -922,7 +1049,7 @@ interface NumberLimits {
  */
 declare function getNumberLimits(metadata: ColumnMetadataBase$3 | undefined): NumberLimits;
 
-/** Sort order for the rendered choice options. Mirrors Blazor's `ChoiceValueSort`. */
+/** Sort order for the rendered choice options. */
 declare const ChoiceValueSort: {
     /** Server order — whatever Dataverse returned. */
     readonly Default: "default";
@@ -938,7 +1065,7 @@ declare const ChoiceValueSort: {
 type ChoiceValueSort = (typeof ChoiceValueSort)[keyof typeof ChoiceValueSort];
 /**
  * Behavior when a choice value is excluded by `validChoiceValues` /
- * `invalidChoiceValues`. Mirrors Blazor's `ChoiceInvalidValueBehavior`.
+ * `invalidChoiceValues`.
  */
 declare const ChoiceInvalidValueBehavior: {
     /** Hide the option entirely. */
@@ -949,7 +1076,7 @@ declare const ChoiceInvalidValueBehavior: {
 type ChoiceInvalidValueBehavior = (typeof ChoiceInvalidValueBehavior)[keyof typeof ChoiceInvalidValueBehavior];
 /**
  * Layout direction for the radio (single-select) or checkbox (multi-select)
- * variants. Mirrors Blazor's `ComponentOrientation`. Shared because the
+ * variants. Shared because the
  * underlying axis decision is identical between the two editors.
  */
 declare const ChoiceOrientation: {
@@ -960,7 +1087,7 @@ type ChoiceOrientation = (typeof ChoiceOrientation)[keyof typeof ChoiceOrientati
 
 /**
  * Renders the choice column as a single-select dropdown ({@link Dropdown}) or
- * a {@link RadioGroup}. Mirrors Blazor's `ChoiceEditType`.
+ * a {@link RadioGroup}.
  */
 declare const ChoiceEditorType: {
     readonly Dropdown: "dropdown";
@@ -1057,8 +1184,8 @@ interface MultiSelectChoiceEditProps extends BaseColumnEditProps {
      * scrolling once the container's bounds are reached:
      * - `checkboxOrientation: 'horizontal'` — wraps onto multiple rows.
      * - `checkboxOrientation: 'vertical'` — flows into additional columns when a
-     *   height cap is applied (e.g. `style={{ maxHeight }}`); otherwise it stays
-     *   a single growing column.
+     * height cap is applied (e.g. `style={{ maxHeight }}`); otherwise it stays
+     * a single growing column.
      *
      * When `false`, the layout scrolls instead (horizontal scrollbar for the row,
      * vertical scrollbar for the column). Defaults to `true`.
@@ -1089,7 +1216,7 @@ interface MultiSelectChoiceEditProps extends BaseColumnEditProps {
 declare function MultiSelectChoiceEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, validChoiceValues, invalidChoiceValues, sort, invalidValueBehavior, checkboxOrientation, wrapCheckboxes, minCount, maxCount, validate, }: MultiSelectChoiceEditProps): react_jsx_runtime.JSX.Element | null;
 
 /**
- * Which control shape the lookup renders. Mirrors Blazor's `LookupEditType`.
+ * Which control shape the lookup renders.
  */
 declare const LookupEditorType: {
     /**
@@ -1147,7 +1274,7 @@ interface LookupEditProps extends BaseColumnEditProps {
     radioButtonOrientation?: ChoiceOrientation;
     /**
      * Maximum height of the dropdown popup (AutoComplete + Dropdown modes).
-     * Beyond this height the listbox scrolls. Accepts any CSS length —
+     * Beyond this height the listbox scrolls. Accepts any CSS length
      * pixels (`'400px'`), viewport-relative (`'50vh'`), etc. Default
      * `'250px'`.
      */
@@ -1185,13 +1312,13 @@ interface LookupEditProps extends BaseColumnEditProps {
  * editor shapes via {@link editorType}:
  *
  * - **AutoComplete** (default) — debounced typeahead via Fluent {@link Combobox}.
- *   Polymorphic columns get a target-table picker rendered alongside the
- *   combobox; consumers can pin the initial target via {@link defaultTable}.
+ * Polymorphic columns get a target-table picker rendered alongside the
+ * combobox; consumers can pin the initial target via {@link defaultTable}.
  * - **Dropdown** — pre-fetched top-N records in a Fluent {@link Dropdown}.
- *   No typing; the user picks from the visible list.
+ * No typing; the user picks from the visible list.
  * - **RadioButtons** — pre-fetched top-N records as a {@link RadioGroup}.
- *   Honors {@link displayNullChoice} for an explicit "(none)" radio and
- *   {@link radioButtonOrientation} for horizontal/vertical layout.
+ * Honors {@link displayNullChoice} for an explicit "(none)" radio and
+ * {@link radioButtonOrientation} for horizontal/vertical layout.
  *
  * **Search behavior:** When the target table has a Lookup view configured
  * (or a view is pinned via {@link defaultViewId}), the typed query is
@@ -1212,7 +1339,7 @@ interface LookupEditProps extends BaseColumnEditProps {
 declare function LookupEdit({ columnName, label, description, displayLabelWhenAvailable, descriptionLocation, displayValidationErrorMessage, required, readOnly, disabled, isVisible, className, style, id, editorType, maxRecordsReturned, placeholder, defaultTable, displayNullChoice, radioButtonOrientation, popupMaxHeight, popupMinHeight, defaultViewId, viewIds, validate, }: LookupEditProps): react_jsx_runtime.JSX.Element | null;
 
 /**
- * Selectable render mode. Mirrors Blazor's `EditorType` pattern on other
+ * Selectable render mode. Mirrors pattern on other
  * editors (`BoolEditorType`, `LookupEditorType`).
  */
 declare const ManyToManyLookupEditorType: {
@@ -1345,7 +1472,7 @@ type ColumnMetadataBase$2 = components['schemas']['ColumnMetadataBase'];
 /**
  * Meta-dispatcher edit component — renders the per-type edit
  * (`<TextEdit>`, `<NumberEdit>`, `<DateTimeEdit>`, etc.) that matches the
- * column's metadata `$type` discriminator. Mirrors Blazor's
+ * column's metadata `$type` discriminator.
  * `ColumnEdit.razor`, which big-ifs over `ColumnMetadata is XxxMetadata`
  * and forwards the same prop set.
  *
@@ -1361,20 +1488,20 @@ type ColumnMetadataBase$2 = components['schemas']['ColumnMetadataBase'];
  *
  * Type-code mapping (matches the C# `ColumnType` enum / OpenAPI's
  * `ColumnMetadataBase*` `$type` discriminators):
- *   0  = Bool             → BoolEdit
- *   2  = DateTime         → DateTimeEdit
- *   3  = Decimal          → NumberEdit
- *   4  = Double           → NumberEdit
- *   5  = Int              → NumberEdit
- *   6  = Lookup           → LookupEdit
- *   7  = Memo             → MemoEdit
- *   8  = Money            → MoneyEdit
- *   11 = Choice           → ChoiceEdit
- *   14 = String           → TextEdit
- *   18 = BigInt           → NumberEdit
- *   40 = MultiSelectChoice → MultiSelectChoiceEdit
- *   41 = File             → FileEdit
- *   42 = Image            → ImageEdit
+ * 0 = Bool → BoolEdit
+ * 2 = DateTime → DateTimeEdit
+ * 3 = Decimal → NumberEdit
+ * 4 = Double → NumberEdit
+ * 5 = Int → NumberEdit
+ * 6 = Lookup → LookupEdit
+ * 7 = Memo → MemoEdit
+ * 8 = Money → MoneyEdit
+ * 11 = Choice → ChoiceEdit
+ * 14 = String → TextEdit
+ * 18 = BigInt → NumberEdit
+ * 40 = MultiSelectChoice → MultiSelectChoiceEdit
+ * 41 = File → FileEdit
+ * 42 = Image → ImageEdit
  *
  * `<ManyToManyLookupEdit>` is NOT dispatched here — many-to-many isn't a
  * column type (no `ColumnMetadata` variant for it); it's a relationship
@@ -1401,7 +1528,7 @@ declare function getEditComponentForMetadata(metadata: ColumnMetadataBase$2 | un
 
 /**
  * Options for {@link splitHighlightSegments}. Both fields mirror
- * Blazor's `AccentInsensitiveHighlighter` parameters.
+ * parameters.
  */
 interface SplitHighlightOptions {
     /**
@@ -1425,7 +1552,7 @@ interface SplitHighlightOptions {
  * independently and reused for non-React rendering paths (e.g. ARIA
  * labels, text-only fallbacks).
  *
- * Mirrors Blazor's `AccentInsensitiveHighlighter`, which uses
+ *, which uses
  * `CompareInfo.IndexOf` with `IgnoreCase | IgnoreNonSpace`. So `'cafe'`
  * highlights inside `'café'`, `'CAFÉ'`, `'café'`, etc.
  */
@@ -1446,7 +1573,7 @@ interface HighlighterProps {
      */
     searchText?: string | null;
     /**
-     * Characters that split the search term into independent tokens —
+     * Characters that split the search term into independent tokens
      * pass `' '` to highlight every space-separated word, `',. '` for
      * comma/period/space-tokenized, etc. When omitted (or empty), the
      * search term is matched verbatim.
@@ -1462,7 +1589,7 @@ interface HighlighterProps {
 }
 /**
  * Renders `text` with matching substrings wrapped in a `<mark>` so the user
- * can see why each result was returned by a search. Mirrors Blazor's
+ * can see why each result was returned by a search.
  * `AccentInsensitiveHighlighter`: matches are case- AND accent-insensitive
  * (NFD-decompose + strip combining marks + lowercase, the JS analog of
  * `CompareInfo` with `IgnoreCase | IgnoreNonSpace`).
@@ -1479,20 +1606,20 @@ type TableRecord$7 = Schemas['TableRecord'];
 type ColumnMetadataBase$1 = Schemas['ColumnMetadataBase'];
 /**
  * Resolves the display string for a column on a record — the value a
- * user would see in a grid cell or lookup option. Mirrors Blazor's
+ * user would see in a grid cell or lookup option.
  * `GridViewColumnDisplayValueResolver.ResolveDisplayValue`.
  *
  * **Resolution order:**
  *
  * 1. `record.formattedValues[columnName]` — Dataverse's server-side
- *    pre-formatted localized string. Covers choices (localized label),
- *    dates (locale-formatted), numbers (thousands separators), money
- *    (currency symbol + locale), bool (Yes/No), and is the most reliable
- *    source when available.
+ * pre-formatted localized string. Covers choices (localized label),
+ * dates (locale-formatted), numbers (thousands separators), money
+ * (currency symbol + locale), bool (Yes/No), and is the most reliable
+ * source when available.
  * 2. The raw `record.properties[columnName]` value, with type-aware
- *    fallback rendering. String → as-is. Lookup → the lookup's `name`.
- *    Numeric → `String(value)`. File/Image GUIDs / byte arrays →
- *    `null` (no useful display in a row context).
+ * fallback rendering. String → as-is. Lookup → the lookup's `name`.
+ * Numeric → `String(value)`. File/Image GUIDs / byte arrays →
+ * `null` (no useful display in a row context).
  * 3. `null` if the column isn't present on the record.
  *
  * Exposed alongside the lookup edit so consumers writing their own
@@ -1507,9 +1634,9 @@ declare function resolveColumnDisplayValue(record: TableRecord$7, columnName: st
  *
  * - `url`: passed straight through.
  * - `base64`: rendered as a `data:<mime>;base64,<value>` URL — no allocation,
- *   no cleanup, but bytes are duplicated through the parser.
+ * no cleanup, but bytes are duplicated through the parser.
  * - `bytes`: wrapped in a `Blob` and exposed via `URL.createObjectURL`. The
- *   resulting `blob:` URL is revoked on cleanup so memory doesn't leak.
+ * resulting `blob:` URL is revoked on cleanup so memory doesn't leak.
  */
 type ImageSource = {
     kind: 'url';
@@ -1573,7 +1700,7 @@ interface ImageViewerProps {
      *
      * - With `toolbar`, adds a download button to the toolbar.
      * - With `framed` (no toolbar), renders a download button overlay in the
-     *   corner.
+     * corner.
      * - Without either, makes the image itself click-to-download.
      *
      * Inline `base64`/`bytes` sources download the bytes directly. `url`
@@ -1597,10 +1724,10 @@ interface ImageViewerProps {
      * When true (and `toolbar` is also true), enables crop interactions:
      *
      * - Right-click drag on the image draws a dashed selection rectangle
-     *   (with the current aspect ratio applied if not `'free'`).
+     * (with the current aspect ratio applied if not `'free'`).
      * - The toolbar gains an aspect-ratio menu and a Crop button.
      * - The Crop button rasterizes the selection to a PNG and fires
-     *   `onCropApplied`. The viewer then displays the cropped result.
+     * `onCropApplied`. The viewer then displays the cropped result.
      * - Reset clears the local crop and reverts to the original `source`.
      */
     croppable?: boolean;
@@ -1624,7 +1751,7 @@ interface ImageViewerProps {
      * (rotation, flip, zoom, pan) don't toggle dirty on their own — they
      * don't generate new bytes unless they're folded into a crop.
      */
-    onDirtyChange?: (isDirty: boolean) => void;
+    onDirtyChanged?: (isDirty: boolean) => void;
     /**
      * When set together with `toolbar`, renders a green checkmark button at
      * the right end of the toolbar. The button is disabled while the viewer
@@ -1699,7 +1826,7 @@ interface ImageViewerHandle {
 }
 /**
  * Standalone image viewer. Accepts a URL, a base64 string, or a `Uint8Array`,
- * resolves it to an `<img>` `src`, and renders. Defaults to a bare `<img>` —
+ * resolves it to an `<img>` `src`, and renders. Defaults to a bare `<img>`
  * the optional `framed` / `toolbar` / `downloadable` props add chrome on
  * demand.
  *
@@ -1714,9 +1841,9 @@ declare const ImageViewer: react.ForwardRefExoticComponent<ImageViewerProps & re
  * dispatcher can categorize a remote file without a network round-trip.
  *
  * - `url`: the value is passed straight to renderers that accept URLs
- *   (`<img>`, `<iframe>`); for text/markdown we `fetch` it and read text.
+ * (`<img>`, `<iframe>`); for text/markdown we `fetch` it and read text.
  * - `base64`: decoded once per resolution and either text-decoded (for
- *   text/markdown) or wrapped in an object URL (for embedded iframes).
+ * text/markdown) or wrapped in an object URL (for embedded iframes).
  * - `bytes`: same as `base64` but skips the decode step.
  */
 type FileSource = {
@@ -1757,6 +1884,14 @@ interface FileViewerProps {
      * iframe). Sets the scrollable viewport. Default: <c>60vh</c>.
      */
     maxHeight?: string | number;
+    /**
+     * When `true` (the default), shows a download button in the top-right
+     * corner of every previewable arm (markdown, text, embedded, zip) and as
+     * the primary action on the unsupported-file card. The image arm renders
+     * the button via the nested {@link ImageViewer} chrome instead — same
+     * behavior, same icon, just owned one layer deeper.
+     */
+    downloadable?: boolean;
 }
 /**
  * Standalone file viewer that auto-detects how to render its source.
@@ -1768,7 +1903,7 @@ interface FileViewerProps {
  * by the file extension. Unknown types fall through to the download
  * card so consumers always get a usable result.
  */
-declare function FileViewer({ source, fileName, className, style, id, fallback, maxHeight, }: FileViewerProps): react_jsx_runtime.JSX.Element;
+declare function FileViewer({ source, fileName, className, style, id, fallback, maxHeight, downloadable, }: FileViewerProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Fluent UI implementation of {@link DialogService}. Mount a single
@@ -1777,10 +1912,9 @@ declare function FileViewer({ source, fileName, className, style, id, fallback,
  * renders one Fluent `Dialog` at a time, queuing additional requests so
  * concurrent calls don't lose each other.
  *
- * Drop-in replacement for Blazor's DI registration of `IDialogService` +
- * `IPowerPortalsProDialogService` in `PowerPortalsProWebBlazorFluentUI` — same
- * concrete behavior (success / warning / error / info / confirmation dialogs),
- * just plumbed through React context instead of constructor-injected services.
+ * Implements the standard PowerPortalsPro dialog contract — success,
+ * warning, error, info, and confirmation dialogs — plumbed through React
+ * context.
  *
  * Single-button dialogs (success/warning/error/info) resolve with
  * `{ cancelled: false }` regardless of whether the user clicked the button or
@@ -1794,7 +1928,7 @@ declare function FluentDialogProvider({ children }: {
 }): react_jsx_runtime.JSX.Element;
 
 /**
- * Theme mode the user has selected. Mirrors Blazor's
+ * Theme mode the user has selected.
  * `DesignThemeModes` enum (Light = 0, Dark = 1, System = 2).
  * Hybrid const-object + literal-union pattern so consumers can compare
  * via either string literal or the constant.
@@ -1806,23 +1940,29 @@ declare const ThemeMode: {
 };
 type ThemeMode = (typeof ThemeMode)[keyof typeof ThemeMode];
 /**
- * Accent color slot the theme provider resolves to a Fluent v9
- * theme. Mirrors Blazor's `OfficeColor` enum at the surface level
- * but with a narrower set of out-of-the-box options — consumers
- * register more via `<PowerPortalsProThemeProvider customAccents={...}>`.
+ * Accent color slot the theme provider resolves to a Fluent v9 theme.
+ * The full FluentUI Blazor `OfficeColor` palette ships built-in — parity
+ * with the Blazor `<ThemeColorSelector>` picker, no per-app wiring.
  *
  * Built-in values:
- *  - `'default'` — Fluent v9 Communication Blue (`webLightTheme` /
- *    `webDarkTheme`).
- *  - `'teams'` — Fluent v9 Teams Purple (`teamsLightTheme` /
- *    `teamsDarkTheme`).
- *
- * Custom keys are any string the consumer registers; they take
+ * - `'default'` — Fluent v9 Communication Blue (`webLightTheme` /
+ * `webDarkTheme`).
+ * - `'teams'` — Fluent v9 Teams Purple (`teamsLightTheme` /
+ * `teamsDarkTheme`).
+ * - The Office-brand accents: `'access'`, `'booking'`, `'exchange'`,
+ * `'excel'`, `'group-me'`, `'office'`, `'one-note'`, `'outlook'`,
+ * `'planner'`, `'power-apps'`, `'power-bi'`, `'power-point'`,
+ * `'publisher'`, `'stream'`, `'sway'`, `'visio'`, `'word'`, `'yammer'`
+ * — each generated from its `OfficeColor` base hex. See
+ * `OFFICE_ACCENT_DEFINITIONS`.
+ *
+ * Consumers register more (or override a built-in) via
+ * `<PowerPortalsProThemeProvider customAccents={...}>`; custom keys take
  * priority over built-ins when names collide.
  */
 type AccentColor = 'default' | 'teams' | (string & {});
 /**
- * Text-direction preference. Mirrors Blazor's `ThemeTextDirection`
+ * Text-direction preference. Mirrors
  * boolean toggle but as a literal-union for parity with the rest of
  * the theme enums.
  */
@@ -1922,10 +2062,13 @@ interface PowerPortalsProThemeProviderProps {
      */
     defaultTextDirection?: TextDirection;
     /**
-     * Consumer-supplied custom accents. Each key registers as an
-     * available `<ThemeColorSelector>` option. Built-ins (`'default'`,
-     * `'teams'`) can be overridden by registering a key with the same
-     * name. Construct light / dark variants via `createLightTheme(...)`
+     * Consumer-supplied custom accents, layered ON TOP of the built-in
+     * Office-brand palette (`'default'`, `'teams'`, `'excel'`, `'word'`,
+     * … — the full FluentUI Blazor `OfficeColor` set ships out of the
+     * box). Each key registers as an additional `<ThemeColorSelector>`
+     * option; registering a key that matches a built-in (e.g. `'default'`)
+     * overrides it with your own brand. Construct light / dark variants
+     * via `createLightTheme(...)`
      * / `createDarkTheme(...)` from `@fluentui/react-components`, fed
      * with the `BrandVariants` 16-stop ramp.
      *
@@ -1933,12 +2076,12 @@ interface PowerPortalsProThemeProviderProps {
      * import { createLightTheme, createDarkTheme } from '@fluentui/react-components';
      * const forest = { 10: '#001805', ..., 160: '#FFFFFF' };
      * <PowerPortalsProThemeProvider
-     *   customAccents={{
-     *     forest: {
-     *       light: createLightTheme(forest),
-     *       dark: createDarkTheme(forest),
-     *     },
-     *   }}
+     * customAccents={{
+     * forest: {
+     * light: createLightTheme(forest),
+     * dark: createDarkTheme(forest),
+     * },
+     * }}
      * >
      * ```
      */
@@ -1976,7 +2119,7 @@ interface PowerPortalsProThemeProviderProps {
  * `<ThemeSelector>` / `<SiteSettingsButton>` UIs read/write the
  * preference via `useTheme()`.
  *
- * Mirrors Blazor's `<ThemeProvider>` + `FluentDesignTheme`
+ * Mirrors + `FluentDesignTheme`
  * combination, condensed into a single React component since the
  * React FluentProvider already owns the design-token cascade. Cross-
  * stack consumers picking different storage keys keep their state
@@ -1985,7 +2128,7 @@ interface PowerPortalsProThemeProviderProps {
  *
  * ```tsx
  * <PowerPortalsProThemeProvider style={{ height: '100%' }}>
- *   <App />
+ * <App />
  * </PowerPortalsProThemeProvider>
  * ```
  */
@@ -2007,7 +2150,7 @@ interface ThemeSelectorProps {
 }
 /**
  * Dropdown that lets the user pick between Light, Dark, and System
- * (follow OS preference) themes. Mirrors Blazor's `<ThemeSelector>`.
+ * (follow OS preference) themes.
  * Reads/writes the preference via {@link useTheme} — wrap in a
  * `<PowerPortalsProThemeProvider>` for it to function.
  */
@@ -2038,15 +2181,16 @@ interface ThemeColorSelectorProps {
     accentLabels?: Readonly<Record<string, string>>;
 }
 /**
- * Dropdown that lets the user pick the active accent color. Mirrors
- * Blazor's `<ThemeColorSelector>`. Reads / writes the preference via
- * {@link useTheme} — wrap in `<PowerPortalsProThemeProvider>` for it
- * to function.
+ * Dropdown that lets the user pick the active accent color. Reads /
+ * writes the preference via {@link useTheme} — wrap in
+ * `<PowerPortalsProThemeProvider>` for it to function.
  *
- * Built-ins are `'default'` (Fluent v9 Communication Blue) and
- * `'teams'` (Teams Purple). Consumer-registered customs via
+ * Ships the full FluentUI Blazor `OfficeColor` palette built-in —
+ * `'default'`, `'teams'`, and the 18 Office-brand accents (`'excel'`,
+ * `'word'`, `'power-bi'`, …) — for parity with the Blazor picker, with
+ * no per-app configuration. Consumer-registered customs via
  * `<PowerPortalsProThemeProvider customAccents={...}>` appear in the
- * dropdown automatically — no per-call configuration required.
+ * dropdown automatically alongside them.
  *
  * Option labels resolve via the localizer:
  * `app.components.theme-color-selector.accent.<key>`. Missing keys
@@ -2055,6 +2199,102 @@ interface ThemeColorSelectorProps {
  */
 declare function ThemeColorSelector({ readOnly, label, width, accentLabels, }: ThemeColorSelectorProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Canonical accent definition. One entry per visually-distinct brand
+ * color sourced from FluentUI Blazor's `OfficeColor` enum (read via
+ * `OfficeColorUtilities.ToAttributeValue(...)`).
+ */
+interface OfficeAccentDefinition {
+    /**
+     * Accent key as used by `setAccentColor` and the `<ThemeColorSelector>`
+     * picker (kebab-case, matching the localization key under
+     * `app.components.theme-color-selector.accent.<name>`).
+     */
+    readonly name: string;
+    /**
+     * Representative brand hex (lands at `BrandVariants` stop 80 — the
+     * recognizable "this is the brand color" shade). Drives both the
+     * generated theme ramp and the picker's color swatch.
+     */
+    readonly hex: string;
+    /**
+     * Canonical FluentUI `OfficeColor` enum integer for this brand. When
+     * several enum values share the same hex (Exchange / OneDrive /
+     * SharePoint / Skype / Windows all use `#0078d4`), this is the LOWEST
+     * such index — the first enum value that introduces the color.
+     */
+    readonly officeColorIndex: number;
+    /**
+     * Every FluentUI `OfficeColor` enum NAME (PascalCase) that resolves to
+     * this accent. Multiple names collapse onto one accent because the
+     * Blazor side computes identical hex for sibling brands. Used to build
+     * the {@link OFFICE_COLOR_NAME_TO_ACCENT} interop map.
+     */
+    readonly officeColorNames: readonly string[];
+}
+/**
+ * The full accent set, mirroring FluentUI Blazor's `OfficeColor` picker.
+ * DEDUPLICATED by hex — the 25 `OfficeColor` enum values collapse to 20
+ * visually-distinct accents (Exchange / OneDrive / SharePoint / Skype /
+ * Windows all share `#0078d4`; Planner / Project share `#31752f`), so
+ * the picker shows one swatch per color instead of repeating identical
+ * swatches under different brand names. The {@link OFFICE_COLOR_NAME_TO_ACCENT}
+ * map preserves the full 25→20 name mapping for Blazor interop.
+ *
+ * Order is the picker order: `default` first, then the brands roughly
+ * alphabetically (with `teams` in its alphabetical slot).
+ */
+declare const OFFICE_ACCENT_DEFINITIONS: readonly OfficeAccentDefinition[];
+/**
+ * Built-in accent themes for `<PowerPortalsProThemeProvider>`, keyed by
+ * accent name (`'default'`, `'access'`, `'excel'`, …). Every consumer's
+ * `<ThemeColorSelector>` shows this full set out of the box — parity with
+ * FluentUI Blazor's `OfficeColor` picker, with no per-app wiring.
+ *
+ * `'default'` and `'teams'` resolve to FluentUI's hand-tuned `webLight`/
+ * `webDark` and `teamsLight`/`teamsDark` themes — the first-class Fluent
+ * v9 themes, not HSL approximations. The remaining 18 brand accents are
+ * generated from each `OfficeColor` base hex via an HSL-based
+ * `BrandVariants` ramp (an approximation of FluentUI's hand-tuned
+ * `webBrandVariants` — close enough that the primary accent visually
+ * tracks the brand; tighter parity would require porting the FluentUI
+ * Theme Designer's perceptual color algorithm).
+ *
+ * Consumers can register additional accents — or override any of these —
+ * via `<PowerPortalsProThemeProvider customAccents={...}>`.
+ */
+declare const OFFICE_ACCENT_THEMES: Readonly<Record<string, AccentThemePair>>;
+/**
+ * Interop: FluentUI Blazor's `<fluent-design-theme>` persists the active
+ * accent as the `OfficeColor` enum NAME (PascalCase, e.g. `"Access"`,
+ * `"SharePoint"`) — both in `localStorage["theme"].primaryColor` and as
+ * the `primary-color` attribute. Maps each of the 25 enum names to the
+ * matching React accent name so a cross-stack consumer can sync a Blazor
+ * host's accent into the React provider via `setAccentColor`.
+ *
+ * Several names collapse onto one accent (Exchange / OneDrive /
+ * SharePoint / Skype / Windows → `'exchange'`; Planner / Project →
+ * `'planner'`) because the Blazor side computes identical hex for them.
+ */
+declare const OFFICE_COLOR_NAME_TO_ACCENT: Readonly<Record<string, string>>;
+/**
+ * Interop: reverse lookup from a lowercased `#rrggbb` hex to the React
+ * accent name. Covers the FluentUI Blazor `CustomColor` code path, where
+ * the host exposes the accent as a raw hex rather than an enum name.
+ */
+declare const OFFICE_ACCENT_HEX_TO_NAME: Readonly<Record<string, string>>;
+/**
+ * Resolves a value persisted by FluentUI Blazor's accent picker to a
+ * React accent name registered in {@link OFFICE_ACCENT_THEMES}. Accepts
+ * either a raw hex (the `CustomColor` path) or a PascalCase `OfficeColor`
+ * enum name (the common path). Returns `null` for unrecognized values so
+ * callers can fall back to the provider's default rather than throwing.
+ *
+ * Pair with `setAccentColor` to mirror a Blazor host's accent into a
+ * React `<PowerPortalsProThemeProvider>`.
+ */
+declare function officeColorValueToAccentName(raw: string | null | undefined): string | null;
+
 interface ThemeTextDirectionProps {
     /** Disable the control. */
     readOnly?: boolean;
@@ -2068,7 +2308,7 @@ interface ThemeTextDirectionProps {
 }
 /**
  * Dropdown that lets the user pick the active text direction (LTR or
- * RTL). Mirrors Blazor's `<ThemeTextDirection>`. The choice flows
+ * RTL). The choice flows
  * through `<PowerPortalsProThemeProvider>` into
  * `<FluentProvider dir>` which cascades to every Fluent v9
  * component below.
@@ -2119,19 +2359,20 @@ interface LanguageDropdownProps {
 }
 /**
  * Dropdown that lets the user pick the active UI locale. Mirrors
- * Blazor's `<LanguageDropdown>` — selecting an option calls
+ * — selecting an option calls
  * `setLocale()` from `useLocale()` and (by default) writes the ASP.NET
  * culture cookie so server-rendered requests pick up the same value.
  *
  * Pass `supportedLocales` to populate the option list. Without it, the
  * dropdown shows only the current locale and is effectively read-only.
  *
- * Unlike Blazor, this does NOT trigger a full-page navigation on
- * change — the React app updates in place via the React-side
- * `setLocale`. If you need a hard reload (e.g. the host page has
- * server-rendered shells that need to re-emit with the new culture),
- * subscribe to the cookie change separately or call
- * `window.location.reload()` from a wrapper.
+ * Switch behavior follows the server's configured `UrlCultureStrategy`
+ * (read from the localization manifest): under a prefix strategy
+ * (`PathPrefix` / `PathPrefixAll`) the locale lives in the URL, so selecting
+ * a language navigates to the new `/{locale}` URL and the server re-renders
+ * under the matching base href. Under `CookieOnly` — or before the manifest
+ * resolves / when no framework localizer is mounted — the React app updates
+ * in place via `setLocale`, no navigation.
  */
 declare function LanguageDropdown({ supportedLocales, label, displayNativeLanguage, width, readOnly, persistToCookie, }: LanguageDropdownProps): react_jsx_runtime.JSX.Element;
 
@@ -2163,7 +2404,7 @@ interface ProfileMainMenuProps {
     /**
      * Rendered when the user is anonymous. Receives nothing — wire to
      * your router for sign-in / register links. When omitted, the menu
-     * renders a single "Sign in" button that calls `useAuth().login` —
+     * renders a single "Sign in" button that calls `useAuth().login`
      * useful for apps with a separate `/login` page rather than an
      * inline form.
      */
@@ -2177,7 +2418,7 @@ interface ProfileMainMenuProps {
 /**
  * Avatar-triggered popover with the signed-in user's identity + a
  * logout action, plus an optional Account link and anonymous-state
- * UI. Mirrors Blazor's `<ProfileMainMenu>`.
+ * UI.
  *
  * When the signed-in user has a sibling Dataverse identity registered
  * (a contact↔systemuser pair — the framework's `UserManager.GetClaimsAsync`
@@ -2190,12 +2431,12 @@ interface ProfileMainMenuProps {
  * `<PowerPortalsProProvider>` for it to function.
  *
  * Three render branches:
- *  - `loading`: renders a placeholder avatar with no popover so the
- *    layout doesn't reflow when the auth call lands.
- *  - `authenticated`: avatar with the user's initials → popover with
- *    identity + (optional) switch-identity + logout + optional Account link.
- *  - `anonymous`: a "Sign in" button (or consumer-supplied
- *    `anonymousContent`).
+ * - `loading`: renders a placeholder avatar with no popover so the
+ * layout doesn't reflow when the auth call lands.
+ * - `authenticated`: avatar with the user's initials → popover with
+ * identity + (optional) switch-identity + logout + optional Account link.
+ * - `anonymous`: a "Sign in" button (or consumer-supplied
+ * `anonymousContent`).
  */
 declare function ProfileMainMenu({ accountUrl, accountLabel, headerSlot, footerSlot, anonymousContent, signInUrl, }: ProfileMainMenuProps): react_jsx_runtime.JSX.Element;
 
@@ -2240,7 +2481,7 @@ interface SiteSettingsButtonProps {
 }
 /**
  * Gear-icon button that opens a side drawer with the user's site
- * preferences (language + theme). Mirrors Blazor's
+ * preferences (language + theme).
  * `<SiteSettingsButton>` / `<SiteSettingsPanel>` pair, condensed into
  * a single React component since the drawer state is local.
  *
@@ -2250,9 +2491,9 @@ interface SiteSettingsButtonProps {
  *
  * ```tsx
  * <header>
- *   <Logo />
- *   <SiteSettingsButton supportedLocales={['en', 'es', 'fr']} />
- *   <ProfileMainMenu accountUrl="/account/manage" />
+ * <Logo />
+ * <SiteSettingsButton supportedLocales={['en', 'es', 'fr']} />
+ * <ProfileMainMenu accountUrl="/account/manage" />
  * </header>
  * ```
  */
@@ -2299,7 +2540,7 @@ interface SiteSettingsPanelProps {
 }
 /**
  * Stand-alone panel that bundles the language / theme / accent-color /
- * text-direction site-preference controls. Mirrors Blazor's
+ * text-direction site-preference controls.
  * `<SiteSettingsPanel>` — same configurable sections, just mounted
  * directly into your layout instead of inside the gear-icon drawer.
  *
@@ -2317,13 +2558,13 @@ interface SiteSettingsPanelProps {
  * ```tsx
  * // dedicated /settings page
  * <PageLayout
- *   header={<Title2>Preferences</Title2>}
- *   body={
- *     <SiteSettingsPanel
- *       allowRightToLeftChange
- *       supportedLocales={['en', 'es', 'fr']}
- *     />
- *   }
+ * header={<Title2>Preferences</Title2>}
+ * body={
+ * <SiteSettingsPanel
+ * allowRightToLeftChange
+ * supportedLocales={['en', 'es', 'fr']}
+ * />
+ * }
  * />
  * ```
  */
@@ -2354,7 +2595,7 @@ interface LogoutButtonProps {
     onLoggedOut?: () => void | Promise<void>;
     /**
      * Fires when `useAuth().logout()` throws. When provided, takes over
-     * error display. When omitted, errors are swallowed silently —
+     * error display. When omitted, errors are swallowed silently
      * matches the `ProfileMainMenu` baseline (server-side cookie still in
      * place on failure; user can retry).
      */
@@ -2363,7 +2604,7 @@ interface LogoutButtonProps {
     className?: string;
 }
 /**
- * Standalone "Sign out" button. Mirrors Blazor's `<LogoutButton>`. Click
+ * Standalone "Sign out" button. Click
  * fires `useAuth().logout()` which clears the session cookie server-side
  * and transitions the React auth state to `anonymous`. Default styling
  * matches the logout entry inside `<ProfileMainMenu>`; the two can
@@ -2375,6 +2616,40 @@ interface LogoutButtonProps {
  */
 declare function LogoutButton({ label, icon, appearance, disabled, onLoggedOut, onError, className, }: LogoutButtonProps): react_jsx_runtime.JSX.Element;
 
+/**
+ * Horizontal menu bar that overflows extra items into a popover. Mirrors
+ * — typical contents are context-action buttons
+ * (`<SaveContextButton>`, `<RefreshContextButton>`, `<DeleteContextButton>`,
+ * etc.) laid out left-to-right; if the container shrinks past what fits,
+ * the trailing items collapse into a "more" popover triggered by a
+ * vertical-ellipsis button on the inline-end edge.
+ *
+ * Built on Fluent UI v9's `<Overflow>` primitive — `useOverflowMenu` /
+ * `useIsOverflowItemVisible` measure the container at runtime and decide
+ * which children sit in the row vs. the popover. Resize-aware out of the
+ * box.
+ *
+ * Each child is rendered twice — once in the row (via `<OverflowItem>`) and
+ * once inside the overflow popover (only visible when the row's copy is
+ * hidden). Both copies share their own state, so a button clicked in either
+ * place fires the same handler.
+ */
+interface MenuBarProps {
+    /** Menu items (typically action buttons) laid out horizontally. */
+    children?: ReactNode;
+    /** Extra CSS class on the outer container. */
+    className?: string;
+    /** Inline styles on the outer container. */
+    style?: CSSProperties;
+    /**
+     * Accessible label for the "more items" overflow trigger. Defaults to
+     * `"{count} more items"` derived from the live overflow count. Pass a
+     * localized string when consuming under a non-English UI.
+     */
+    overflowLabel?: string;
+}
+declare function MenuBar({ children, className, style, overflowLabel }: MenuBarProps): react_jsx_runtime.JSX.Element;
+
 type NavMatchMode = 'exact' | 'prefix';
 interface NavMenuProps {
     /** `<NavGroup>` children, each typically wrapping `<NavItem>` links. May be wrapped in `<AuthorizedView>` for auth-gated groups. */
@@ -2415,7 +2690,7 @@ interface NavItemProps {
      * How the current route is matched against {@link to}:
      * - `'exact'` (default for `to="/"`): only when pathname equals `to`.
      * - `'prefix'` (default everywhere else): also when pathname starts with `to + '/'`,
-     *   so `/Accounts/Account/123` highlights `/Accounts`.
+     * so `/Accounts/Account/123` highlights `/Accounts`.
      */
     match?: NavMatchMode;
     /** Link label. */
@@ -2457,7 +2732,7 @@ declare function NavItem({ to, icon, children }: NavItemProps): react_jsx_runtim
  *
  * Scoped overlays (those with a `targetId`) are NOT rendered here — they're
  * routed to a matching `<FluentOverlayTarget>` mounted inside whichever
- * subtree should host them. Mirrors Blazor's split between the global
+ * subtree should host them.
  * `<OverlayProvider>` (no `TargetId`) and per-component `<OverlayProvider TargetId="…">`.
  */
 declare function FluentOverlayProvider({ children }: {
@@ -2466,18 +2741,18 @@ declare function FluentOverlayProvider({ children }: {
 /**
  * Scoped overlay container. Wraps `children` in a `position: relative` div
  * and renders the topmost overlay for `targetId` as an absolutely-positioned
- * scrim covering the wrapper. Mirrors Blazor's per-target `<OverlayProvider>`.
+ * scrim covering the wrapper.
  *
  * Typical use is alongside `<RecordContext>` to scope its loading overlay to
  * the record's region of the page:
  *
  * ```tsx
  * <RecordContext table="contact" id={id}>
- *   {(ctx) => (
- *     <FluentOverlayTarget targetId={ctx.overlayTargetId}>
- *       <Form />
- *     </FluentOverlayTarget>
- *   )}
+ * {(ctx) => (
+ * <FluentOverlayTarget targetId={ctx.overlayTargetId}>
+ * <Form />
+ * </FluentOverlayTarget>
+ * )}
  * </RecordContext>
  * ```
  *
@@ -2485,12 +2760,12 @@ declare function FluentOverlayProvider({ children }: {
  *
  * ```tsx
  * function RecordPanel() {
- *   const ctx = useRecordContext();
- *   return (
- *     <FluentOverlayTarget targetId={ctx.overlayTargetId}>
- *       <Form />
- *     </FluentOverlayTarget>
- *   );
+ * const ctx = useRecordContext();
+ * return (
+ * <FluentOverlayTarget targetId={ctx.overlayTargetId}>
+ * <Form />
+ * </FluentOverlayTarget>
+ * );
  * }
  * ```
  */
@@ -2538,7 +2813,7 @@ interface LocalizationBoundaryProps {
  * Holds off rendering `children` until every expected localization
  * prefix has been settled — the framework's default bundle (Tier 1),
  * any `prefixes` declared on the provider, and any declared on this
- * boundary. Mirrors Blazor's `<LocalizationBoundary>` with the
+ * boundary. Mirrors with the
  * equivalent fetch-then-render gate.
  *
  * **Once-loaded stickiness.** After the first time the boundary's
@@ -2566,21 +2841,73 @@ interface LocalizationBoundaryProps {
  * @example
  * ```tsx
  * <LocalizationBoundary prefixes={['tables.account']}>
- *   <EditAccountPage />
+ * <EditAccountPage />
  * </LocalizationBoundary>
  * ```
  *
  * @example Root gate (wait for default bundle + provider baselines):
  * ```tsx
  * <PowerPortalsProProvider localizationPrefixes={['tables.contact']}>
- *   <LocalizationBoundary>
- *     <App />
- *   </LocalizationBoundary>
+ * <LocalizationBoundary>
+ * <App />
+ * </LocalizationBoundary>
  * </PowerPortalsProProvider>
  * ```
  */
 declare function LocalizationBoundary({ prefixes, fallback, children, }: LocalizationBoundaryProps): react_jsx_runtime.JSX.Element;
 
+interface LocalizationTranslatorProps {
+    /** Optional extra class merged onto the component's outermost element. */
+    className?: string;
+}
+/**
+ * Self-gating "translate a localization file" panel — the React counterpart of the Blazor
+ * `<LocalizationTranslator />`. Loads translation availability on mount, then:
+ * renders nothing when translation isn't configured; an install prompt when the managed solution
+ * is missing; otherwise the upload → translate → download workflow. Translation reuses the Dataverse
+ * translation memory and reports translated-vs-reused counts; download per-language or all-as-zip.
+ *
+ * The panel does NOT enforce authorization — gate the host page yourself (e.g. wrap it in
+ * `<AuthorizedView roles="SystemAdmin">`), matching how the Blazor demo page hosts the component.
+ */
+declare function LocalizationTranslator({ className }: LocalizationTranslatorProps): react_jsx_runtime.JSX.Element;
+
+interface LocalizationAdminProps {
+    /** Optional extra class merged onto the component's outermost element. */
+    className?: string;
+}
+/**
+ * Admin inspector for the string-localization pipeline — the React counterpart of the
+ * Blazor `<LocalizationAdmin />`. Renders the configured sources (directories, files,
+ * table-localization mode, web-resource pattern, default culture) and a grid of the
+ * per-source load records from the most recent warmup (load order, kind, cultures, key
+ * counts, how many keys overrode an earlier source, duration, status), plus a reload
+ * button, merged + per-source downloads, and the embedded `<LocalizationTranslator />`
+ * panel (which self-hides unless a translation provider is configured server-side).
+ *
+ * The panel does NOT enforce authorization — gate the host page yourself (e.g. wrap it in
+ * `<AuthorizedView roles="SystemAdmin">`), matching how the Blazor `<LocalizationAdmin />`
+ * is hosted. Server-side the `/api/localizations/*` admin endpoints reject non-SystemAdmin
+ * callers regardless.
+ */
+declare function LocalizationAdmin({ className }: LocalizationAdminProps): react_jsx_runtime.JSX.Element;
+
+interface CacheAdminProps {
+    /** Optional extra class merged onto the component's outermost element. */
+    className?: string;
+}
+/**
+ * Cache-administration panel — lists every registered server-side cache and lets an admin
+ * clear them all at once or one at a time, surfacing per-cache success/failure and elapsed
+ * timing. Cache descriptions come from the framework-shipped `app.cache-descriptions.<Name>`
+ * strings; a cache without a registered description renders just its button.
+ *
+ * The panel does NOT enforce authorization — gate the host page yourself (e.g. wrap it in
+ * `<AuthorizedView roles="SystemAdmin">`), matching how the Blazor `<CacheAdmin />` is hosted.
+ * Server-side the `/api/caches/*` endpoints reject non-SystemAdmin callers regardless.
+ */
+declare function CacheAdmin({ className }: CacheAdminProps): react_jsx_runtime.JSX.Element;
+
 interface ValidationSummaryProps {
     /**
      * Header text shown above the error list. Defaults to the localized
@@ -2601,7 +2928,7 @@ interface ValidationSummaryProps {
 /**
  * Lists every validation error in the surrounding {@link ValidationContext}
  * (or the subset matching {@link ValidationSummaryProps.columns}). Mirrors
- * Blazor's `<ValidationSummary>` — intended for the top of a form so the
+ * — intended for the top of a form so the
  * user sees a consolidated rollup alongside the per-field inline messages.
  *
  * Renders nothing when there are no errors (no empty MessageBar) so the
@@ -2685,7 +3012,7 @@ interface RefreshContextButtonProps {
  *
  * - Calls `onBeforeRefresh` (cancellable) on click.
  * - If the context has unsaved changes, prompts via the Dialog service
- *   ("You have unsaved changes…") and aborts on cancel.
+ * ("You have unsaved changes…") and aborts on cancel.
  * - Awaits `refreshAll()` — own reload + nested descendants in one shot.
  * - Calls `onRefreshed` after success.
  *
@@ -2708,23 +3035,18 @@ interface DeleteContextButtonProps {
      * `() => window.history.back()` — pops the browser back one entry,
      * landing the user on whatever page brought them to this record.
      *
-     * Parity note: Blazor's `<DeleteContextButton>` uses
-     * `NavigationHistory.PopToPrevious()` (an in-app URL stack populated
-     * by `NavigationManager.LocationChanged`) and falls back to
-     * `history.back` only when that stack is empty. For the user, both
-     * land on the same page in the common in-app flow (the in-app history
-     * stack and the browser history mirror each other). Blazor's primitive
-     * exists to work around Blazor Server's server-side navigation state;
-     * a SPA's `window.history` already tracks the same URLs natively, so
-     * React doesn't need the extra stack.
+     * Parity note: uses
+     * SPA navigation already tracks every visited URL natively through
+     * `window.history`, so `history.back()` is the right post-delete
+     * default — it lands the user on whatever page they came from.
      *
      * Override when the default isn't right — e.g. the record was opened
      * via deep link (no in-app history), or you want to land somewhere
      * specific:
      *
-     *   `onDeleted={() => navigate('/accounts')}` (react-router)
-     *   `onDeleted={() => navigate(-1)}`          (react-router, equivalent to default)
-     *   `onDeleted={() => router.push('/accounts')}` (TanStack Router)
+     * `onDeleted={() => navigate('/accounts')}` (react-router)
+     * `onDeleted={() => navigate(-1)}` (react-router, equivalent to default)
+     * `onDeleted={() => router.push('/accounts')}` (TanStack Router)
      */
     onDeleted?: () => void | Promise<void>;
     /**
@@ -2742,10 +3064,10 @@ interface DeleteContextButtonProps {
  * Reads the record + its `permissions` from the nearest `RecordContext` and:
  *
  * - Disables when the current user lacks `TableSecurityPermission.Delete` on the
- *   record, when no record has loaded, or when the consumer forces `disabled`.
+ * record, when no record has loaded, or when the consumer forces `disabled`.
  * - Calls `onBeforeDelete` (cancellable) on click.
  * - Prompts confirmation via the Dialog service — bound to the framework's
- *   default messaging; consumers can pre-empt by handling the click externally.
+ * default messaging; consumers can pre-empt by handling the click externally.
  * - Calls `ppp.deleteRecordAsync(table, id)`.
  * - Calls `onDeleted` after success (default: `window.history.back()`).
  */
@@ -2780,7 +3102,7 @@ declare const GridButtonRole: {
     /** Deletes a record. */
     readonly Delete: "delete";
     /**
-     * Anything that doesn't fit the create/open/delete taxonomy —
+     * Anything that doesn't fit the create/open/delete taxonomy
      * refresh, link/unlink, custom export, etc. The grid doesn't
      * dispatch row-level interactions to `'other'` buttons; they're
      * triggered exclusively by their own click handlers.
@@ -2798,8 +3120,8 @@ type GridButtonRole = (typeof GridButtonRole)[keyof typeof GridButtonRole];
 declare function setGridButtonRole<P>(Component: ComponentType<P>, role: GridButtonRole): void;
 /**
  * Read the {@link GridButtonRole} a React element claims via either:
- *  1. A `gridButtonRole` prop on the element (per-instance override).
- *  2. The component's stamped default from {@link setGridButtonRole}.
+ * 1. A `gridButtonRole` prop on the element (per-instance override).
+ * 2. The component's stamped default from {@link setGridButtonRole}.
  *
  * Returns `null` when neither is set — the grid skips the element
  * for role-based dispatch but still renders it in the toolbar.
@@ -2835,7 +3157,7 @@ interface GridButtonRoleProps {
 
 /**
  * Selection-based visibility / enabled mode for grid toolbar buttons.
- * Mirrors Blazor's `GridButtonBehavior` enum used by
+ * Mirrors enum used by
  * `<NavigateRecordGridButton>` / `<GridButton>` consumers.
  *
  * Hybrid const-object + literal-union — same pattern other enums in
@@ -3051,9 +3373,9 @@ interface GridContextValue {
      * link click, single-record Open button click) to the right
      * registered handler based on the row's state:
      *
-     *  - Synthetic `__pending-create-` id → create button's re-open
-     *    handler (when registered).
-     *  - Real Dataverse id → open button's handler (when registered).
+     * - Synthetic `__pending-create-` id → create button's re-open
+     * handler (when registered).
+     * - Real Dataverse id → open button's handler (when registered).
      *
      * Falls back to the other handler when only one of the two is
      * registered. No-op when neither is mounted (the grid keeps the
@@ -3149,7 +3471,7 @@ interface GridContextValue {
      * to target).
      *
      * Entries carry the full {@link TableRecord} (not just a reference)
-     * so the grid can pin them as visible rows while they're queued —
+     * so the grid can pin them as visible rows while they're queued
      * matching the UX of pending row creates. The wire-side
      * `AssociateRequest` only carries `{tableName, id}`; the grid strips
      * down at request-build time.
@@ -3279,10 +3601,10 @@ interface GridButtonProps extends GridButtonRoleProps {
     tooltip?: string;
     /**
      * Forwarded onto Fluent's `Button.appearance`. Defaults to `"subtle"` so the
-     * button reads as transparent at rest and only paints a background on hover —
+     * button reads as transparent at rest and only paints a background on hover
      * matching the grid's built-in Refresh / Settings buttons. Override per-button
      * when a custom action wants a different visual weight (e.g. `"primary"` for a
-     * primary call-to-action). Mirrors the Blazor `<GridButton Appearance="...">`
+     * primary call-to-action). Mirrors the
      * surface — same default (FAST `Stealth` there, Fluent v9 `"subtle"` here, both
      * resolve to transparent-at-rest with a hover fill).
      */
@@ -3302,7 +3624,7 @@ interface GridButtonProps extends GridButtonRoleProps {
  * when you need a custom action (a one-off export, a custom workflow
  * trigger, anything outside the typed-button taxonomy).
  *
- * Mirrors Blazor's `<GridButton>` surface — selection-based visibility
+ * Mirrors surface — selection-based visibility
  * + enabled gates, role marker for row-click dispatch, label + icon +
  * tooltip + appearance. Plumbed into the same {@link useGridContext}
  * grid-toolbar registry the typed buttons use, so a custom button
@@ -3318,21 +3640,21 @@ interface GridButtonProps extends GridButtonRoleProps {
  *
  * ```tsx
  * <MainGrid tableName="contact">
- *   <GridButtons>
- *     <NewRecordGridButton>
- *       <Section><SectionColumn><TextEdit columnName="firstname" /></SectionColumn></Section>
- *     </NewRecordGridButton>
- *
- *     <GridButton
- *       label="Export selected"
- *       icon={<ArrowDownload20Regular />}
- *       enabledBehavior={GridButtonBehavior.OneOrMoreSelected}
- *       onClick={async (grid) => {
- *         const ids = grid.selectedRecords.map((r) => r.id!);
- *         await exportToCsvAsync(ids);
- *       }}
- *     />
- *   </GridButtons>
+ * <GridButtons>
+ * <NewRecordGridButton>
+ * <Section><SectionColumn><TextEdit columnName="firstname" /></SectionColumn></Section>
+ * </NewRecordGridButton>
+ *
+ * <GridButton
+ * label="Export selected"
+ * icon={<ArrowDownload20Regular />}
+ * enabledBehavior={GridButtonBehavior.OneOrMoreSelected}
+ * onClick={async (grid) => {
+ * const ids = grid.selectedRecords.map((r) => r.id!);
+ * await exportToCsvAsync(ids);
+ * }}
+ * />
+ * </GridButtons>
  * </MainGrid>
  * ```
  */
@@ -3340,7 +3662,7 @@ declare function GridButton({ onClick, label, icon, visibilityBehavior, enabledB
 
 /**
  * Mutable context handed to a `<NavigateRecordGridButton>`'s
- * `onClick` callback. Mirrors Blazor's `NavigateGridButtonContext`.
+ * `onClick` callback.
  * The callback can rewrite `url` before navigation fires — useful
  * for view-aware routing (e.g. switch destination based on the
  * grid's active view's table).
@@ -3404,14 +3726,14 @@ interface NavigateRecordGridButtonProps extends GridButtonRoleProps {
     appearance?: ButtonProps['appearance'];
 }
 /**
- * Generic grid toolbar navigation button. Mirrors Blazor's
+ * Generic grid toolbar navigation button.
  * `<NavigateRecordGridButton>` — useful for navigation actions that
  * don't fit `<NavigateNewRecordGridButton>` / `<NavigateOpenRecordGridButton>`:
  * "View Details", "Print", "Open Audit Log", etc.
  *
  * Renders nothing when {@link buttonVisibleBehavior} doesn't match the
- * current selection — same semantic Blazor uses (clean DOM, no
- * disabled-style ghosting). Default role is `'other'` so this button
+ * current selection (clean DOM, no disabled-style ghosting). Default
+ * role is `'other'` so this button
  * doesn't get drafted into the grid's row-click dispatch; pass
  * `gridButtonRole="open"` to override (e.g. when the URL leads to an
  * edit page and the consumer wants the primary-name cell to route
@@ -3419,10 +3741,10 @@ interface NavigateRecordGridButtonProps extends GridButtonRoleProps {
  *
  * ```tsx
  * <NavigateRecordGridButton
- *   title="View details"
- *   url="/contacts/{0}/details"
- *   icon={<Eye20Regular />}
- *   buttonEnabledBehavior={GridButtonBehavior.OnlyOneSelected}
+ * title="View details"
+ * url="/contacts/{0}/details"
+ * icon={<Eye20Regular />}
+ * buttonEnabledBehavior={GridButtonBehavior.OnlyOneSelected}
  * />
  * ```
  */
@@ -3451,7 +3773,7 @@ interface RefreshGridButtonProps {
 }
 /**
  * Reload the grid's current page / sort / search via the grid context.
- * Mirrors Blazor's built-in refresh toolbar button. Always enabled (a
+ * Always enabled (a
  * refresh is meaningful even on an unchanged view); the
  * working-state coalescing that prevents rapid double-click round-trips
  * lives on the underlying {@link GridButton} primitive.
@@ -3460,7 +3782,7 @@ declare function RefreshGridButton({ disabled, onBeforeRefresh, onRefreshed, onE
 
 /**
  * Mutable context handed to a `<NavigateNewRecordGridButton>`'s
- * `onClick` callback. Mirrors Blazor's `NavigateGridButtonContext`.
+ * `onClick` callback.
  * The callback can rewrite `url` before navigation fires.
  */
 interface NavigateNewRecordGridButtonContext {
@@ -3503,7 +3825,7 @@ interface NavigateNewRecordGridButtonProps {
 }
 /**
  * Grid toolbar button that navigates to a URL for creating a new record.
- * Mirrors Blazor's `NavigateNewRecordGridButton` — disabled when one or
+ * disabled when one or
  * more records are selected (the "new record" intent doesn't combine with
  * an existing-record selection), AND when the current user lacks the
  * `Create` permission on the grid's table (sampled from
@@ -3516,7 +3838,7 @@ declare function NavigateNewRecordGridButton({ url, onClick, onNavigate, disable
 type TableRecord$5 = components['schemas']['TableRecord'];
 /**
  * Mutable context handed to a `<NavigateOpenRecordGridButton>`'s
- * `onClick` callback. Mirrors Blazor's `NavigateGridButtonContext`.
+ * `onClick` callback.
  * The callback can rewrite `url` before navigation fires — useful for
  * view-aware routing (e.g. switch the destination based on the active
  * view's table).
@@ -3566,7 +3888,7 @@ interface NavigateOpenRecordGridButtonProps {
 }
 /**
  * Grid toolbar button that navigates to a URL for editing the currently-
- * selected record. Mirrors Blazor's `NavigateOpenRecordGridButton` — only
+ * selected record. only
  * enabled when exactly ONE record is selected, since navigation targets a
  * single record's edit page (multi-record edit isn't a meaningful URL).
  */
@@ -3577,28 +3899,28 @@ declare function NavigateOpenRecordGridButton({ urlFor, onClick, onNavigate, dis
  * clicks Save:
  *
  * - **`withGridContext`** (default) — Queues the dirty columns into the
- *   grid's pending-updates registry. The surrounding `<MainContext>` /
- *   `<RecordContext>` picks them up in its next transactional save (one
- *   `executeMultiple` round-trip covers the record-context's own update
- *   plus every queued row in the grid). Use when the grid lives inside a
- *   record-edit page and the user expects "save the whole page" semantics.
+ * grid's pending-updates registry. The surrounding `<MainContext>` /
+ * `<RecordContext>` picks them up in its next transactional save (one
+ * `executeMultiple` round-trip covers the record-context's own update
+ * plus every queued row in the grid). Use when the grid lives inside a
+ * record-edit page and the user expects "save the whole page" semantics.
  * - **`immediately`** — Issues the update right away through the standard
- *   RecordContext save flow, then refreshes the grid. Use for standalone
- *   grid pages where each Edit is its own commit.
+ * RecordContext save flow, then refreshes the grid. Use for standalone
+ * grid pages where each Edit is its own commit.
  *
- * Mirrors Blazor's `GridActionBehavior.WithGridContext` / `.Immediately`
+ * Mirrors / `.Immediately`
  * enum (`OpenRecordGridButton<TForm>.Behavior` parameter).
  */
 type OpenRecordGridButtonBehavior = 'withGridContext' | 'immediately';
 /**
  * Where the dialog renders. `center` is a modal in the middle of the
- * viewport; `panel` slides in from the right edge. Mirrors Blazor's
+ * viewport; `panel` slides in from the right edge.
  * `DialogLocation.Center` / `.Panel`.
  *
  * Implementation note: `panel` is approximated via Fluent's standard
  * `Dialog` with a `dialogSurface` style override that pins it to the
  * right edge — Fluent's React `Dialog` doesn't ship a first-class panel
- * variant the way Blazor's `FluentDialog` does.
+ * variant the way does.
  */
 type DialogLocation = 'center' | 'panel';
 interface OpenRecordGridButtonProps {
@@ -3663,20 +3985,19 @@ interface OpenRecordGridButtonProps {
 }
 /**
  * Grid toolbar button that opens a dialog form for editing the currently
- * selected record(s). Mirrors Blazor's `<OpenRecordGridButton TForm="..." />`
+ * selected record(s). Mirrors
  * minus the `TForm` type parameter (React composes via children instead).
  *
  * Two flavors driven by the current selection size:
  *
  * - **Single record selected** — opens the form bound to a fresh fetch of
- *   that record, with any already-queued dirty columns from a prior dialog
- *   session pre-applied. Save commits just this record.
+ * that record, with any already-queued dirty columns from a prior dialog
+ * session pre-applied. Save commits just this record.
  * - **Multiple records selected** — opens the form bound to an EMPTY record
- *   (only `tableName` populated). The user fills in whichever columns they
- *   want to apply, and Save broadcasts those same dirty columns to every
- *   selected record. Untouched columns leave each target row alone.
- *   Mirrors Blazor's multi-edit flow in
- *   `OpenRecordGridButton.razor.cs::OnSaveClicked`.
+ * (only `tableName` populated). The user fills in whichever columns they
+ * want to apply, and Save broadcasts those same dirty columns to every
+ * selected record. Untouched columns leave each target row alone.
+ *razor.cs::OnSaveClicked`.
  *
  * The Open button gates on Read permission (not Write); per-column Write
  * enforcement happens inside the form via the bound record's `permissions`
@@ -3697,18 +4018,18 @@ type ColumnValueBase$1 = components['schemas']['ColumnValueBase'];
  * clicked:
  *
  * - **`withGridContext`** (default) — Queues a `CreateRequest` into the
- *   grid's pending-creates registry. The surrounding `<MainContext>` /
- *   `<RecordContext>` picks it up in its next transactional save (one
- *   `executeMultiple` round-trip covers the parent record's update plus
- *   every queued new row in the grid). Use when the grid lives inside a
- *   record-edit page and the user expects "save the whole page" semantics —
- *   the new row's FK to the parent stays consistent with whatever id the
- *   parent settles at.
+ * grid's pending-creates registry. The surrounding `<MainContext>` /
+ * `<RecordContext>` picks it up in its next transactional save (one
+ * `executeMultiple` round-trip covers the parent record's update plus
+ * every queued new row in the grid). Use when the grid lives inside a
+ * record-edit page and the user expects "save the whole page" semantics
+ * the new row's FK to the parent stays consistent with whatever id the
+ * parent settles at.
  * - **`immediately`** — Issues the create right away through
- *   `executeMultipleAsync`, then refreshes the grid. Use for standalone
- *   grid pages where each new row is its own commit.
+ * `executeMultipleAsync`, then refreshes the grid. Use for standalone
+ * grid pages where each new row is its own commit.
  *
- * Mirrors Blazor's `GridActionBehavior.WithGridContext` / `.Immediately`
+ * Mirrors / `.Immediately`
  * on `NewRecordGridButton<TForm>.Behavior`.
  */
 type NewRecordGridButtonBehavior = 'withGridContext' | 'immediately';
@@ -3758,7 +4079,7 @@ interface NewRecordGridButtonProps {
 }
 /**
  * Grid toolbar button that opens a dialog form for creating a new record.
- * Mirrors Blazor's `<NewRecordGridButton TForm="..." />` minus the `TForm`
+ * Mirrors minus the `TForm`
  * type parameter (React composes via children instead).
  *
  * When hosted inside a `<SubGrid>`, automatically pre-fills the parent
@@ -3775,29 +4096,29 @@ declare function NewRecordGridButton({ children, behavior, location, disabled, l
 
 /**
  * How the immediate-delete path issues requests to the server. Mirrors
- * Blazor's `BulkOperationMode`.
+ *.
  *
- *  - `'individually'` (default): one `deleteRecordAsync` call per selected
- *    record, awaited in sequence so a mid-batch failure short-circuits.
- *  - `'bulk'`: one `executeMultipleAsync` round-trip carrying every
- *    `DeleteRequest` in a single transactional batch.
+ * - `'individually'` (default): one `deleteRecordAsync` call per selected
+ * record, awaited in sequence so a mid-batch failure short-circuits.
+ * - `'bulk'`: one `executeMultipleAsync` round-trip carrying every
+ * `DeleteRequest` in a single transactional batch.
  */
 type DeleteRecordGridButtonMode = 'individually' | 'bulk';
 /**
- * When the button actually contacts the server. Mirrors Blazor's
- * `GridActionBehavior` (and Blazor's default of `WithGridContext`).
- *
- *  - `'withGridContext'` (default): stage the deletes via the grid's
- *    pending-row queue. The actual `DeleteRequest`s are emitted from
- *    the grid's descendant `getRequests` when the surrounding
- *    `<MainContext>.saveAll` runs, so they land in one transactional
- *    batch alongside any sibling edits. Requires a surrounding
- *    `<MainContext>` or `<RecordContext>` to ever commit — without one
- *    the staged deletes never ship.
- *  - `'immediately'`: confirm → delete → refresh, all inside the
- *    button's click handler. Use for grids that aren't hosted inside a
- *    save-coordinating context (a stand-alone list page, an admin
- *    table).
+ * When the button actually contacts the server.
+ * `GridActionBehavior` (and.
+ *
+ * - `'withGridContext'` (default): stage the deletes via the grid's
+ * pending-row queue. The actual `DeleteRequest`s are emitted from
+ * the grid's descendant `getRequests` when the surrounding
+ * `<MainContext>.saveAll` runs, so they land in one transactional
+ * batch alongside any sibling edits. Requires a surrounding
+ * `<MainContext>` or `<RecordContext>` to ever commit — without one
+ * the staged deletes never ship.
+ * - `'immediately'`: confirm → delete → refresh, all inside the
+ * button's click handler. Use for grids that aren't hosted inside a
+ * save-coordinating context (a stand-alone list page, an admin
+ * table).
  */
 type DeleteRecordGridButtonBehavior = 'withGridContext' | 'immediately';
 interface DeleteRecordGridButtonProps {
@@ -3847,17 +4168,17 @@ interface DeleteRecordGridButtonProps {
     behavior?: DeleteRecordGridButtonBehavior;
 }
 /**
- * Bulk-delete every selected record in the grid. Mirrors Blazor's
+ * Bulk-delete every selected record in the grid.
  * `DeleteRecordGridButton` — disabled when nothing is selected. On click:
  *
  * 1. Calls `onBeforeDelete` (cancellable).
  * 2. Prompts a confirmation dialog (localized "Delete N records?" /
- *    "Delete record?" depending on count).
+ * "Delete record?" depending on count).
  * 3. Issues a `deleteRecordAsync` per selected record, awaited in
- *    sequence so the server processes them in a deterministic order
- *    and a mid-batch failure short-circuits the rest.
+ * sequence so the server processes them in a deterministic order
+ * and a mid-batch failure short-circuits the rest.
  * 4. Triggers the grid's refresh so the deleted rows disappear from the
- *    current page (and `totalRecordCount` decrements).
+ * current page (and `totalRecordCount` decrements).
  * 5. Calls `onDeleted` with the records that were deleted.
  *
  * The button is also disabled when ANY selected record lacks the
@@ -3881,19 +4202,19 @@ type TableRecord$4 = components['schemas']['TableRecord'];
  * How a `<LinkExistingRecordGridButton>` commits its associations:
  *
  * - **`withGridContext`** (default) — Queue the chosen records into the
- *   grid's pending-associate registry. The surrounding `<MainContext>` /
- *   `<RecordContext>` picks them up in its next transactional save so
- *   the M2M link lands as part of the parent record's `executeMultiple`
- *   batch. Required when the parent record doesn't have an id yet (new
- *   record + subgrid flow): the AssociateRequest can't be composed until
- *   after the parent's CreateRequest assigns the id, which the parent's
- *   save flow handles automatically.
+ * grid's pending-associate registry. The surrounding `<MainContext>` /
+ * `<RecordContext>` picks them up in its next transactional save so
+ * the M2M link lands as part of the parent record's `executeMultiple`
+ * batch. Required when the parent record doesn't have an id yet (new
+ * record + subgrid flow): the AssociateRequest can't be composed until
+ * after the parent's CreateRequest assigns the id, which the parent's
+ * save flow handles automatically.
  * - **`immediately`** — Issue an AssociateRequest right away through
- *   `executeMultipleAsync`, then refresh the grid. Use for grids where
- *   each link is its own commit (the parent record already exists and
- *   the user isn't editing it).
+ * `executeMultipleAsync`, then refresh the grid. Use for grids where
+ * each link is its own commit (the parent record already exists and
+ * the user isn't editing it).
+ *
  *
- * Mirrors Blazor's `GridActionBehavior` on `LinkExistingRecordGridButton`.
  */
 type LinkExistingRecordBehavior = 'withGridContext' | 'immediately';
 /**
@@ -3901,7 +4222,7 @@ type LinkExistingRecordBehavior = 'withGridContext' | 'immediately';
  * record (Individually) or a single Associate carrying every selected
  * record (Bulk). Only meaningful in `behavior="immediately"` — the
  * `withGridContext` queue always emits a single Associate spanning the
- * accumulated queue. Mirrors Blazor's `BulkOperationMode`.
+ * accumulated queue.
  */
 type LinkExistingBulkMode = 'individually' | 'bulk';
 interface LinkExistingRecordGridButtonProps {
@@ -3933,13 +4254,13 @@ interface LinkExistingRecordGridButtonProps {
 /**
  * Grid toolbar button that pops a multi-select lookup dialog for picking
  * existing records to associate with the SubGrid's parent record via the
- * SubGrid's M2M relationship. Mirrors Blazor's
+ * SubGrid's M2M relationship.
  * `<LinkExistingRecordGridButton>`.
  *
  * Requires the grid to be a `<SubGrid>` — the button reads `parentRecord`
  * + `relationshipName` off `useGridContext()` and disables itself when
  * either is missing. Visible regardless of selection state (matches
- * Blazor's `GridButtonBehavior.NoneSelected` default — the action's
+ * default — the action's
  * input is the lookup dialog's picker, not the grid's current row
  * selection).
  */
@@ -3971,10 +4292,9 @@ interface UnlinkExistingRecordGridButtonProps {
 /**
  * Grid toolbar button that prompts the user to disassociate the currently
  * selected rows from the SubGrid's parent record via the M2M relationship.
- * Mirrors Blazor's `<UnlinkExistingRecordGridButton>`.
  *
- * Hidden when nothing is selected (`OneOrMoreSelected` visibility gate —
- * matches Blazor's `<UnlinkExistingRecordGridButton>` default). Requires
+ * Hidden when nothing is selected (`OneOrMoreSelected` visibility gate
+ *. Requires
  * the grid to be a `<SubGrid>` — the click handler reads `parentRecord`
  * + `relationshipName` off the grid context and bails when either is
  * missing. Composed on top of {@link GridButton}.
@@ -3993,7 +4313,7 @@ type TableRecord$3 = components['schemas']['TableRecord'];
  *
  * `parentRecord` is the surrounding `<RecordContext>`'s record when the
  * grid is mounted as a `<SubGrid>` (a 1:N or M:N child grid of a parent
- * form). Lets a renderer key conditional formatting off the parent —
+ * form). Lets a renderer key conditional formatting off the parent
  * e.g. "highlight contacts whose `industrycode` doesn't match the parent
  * account's." `undefined` for top-level `<MainGrid>` usage where there's
  * no surrounding record context.
@@ -4043,16 +4363,16 @@ type GridColumnCellRenderer = (props: GridColumnCellRendererProps) => ReactNode;
  * carry a single `value` or `metadata` (a template column has no
  * bound column to provide them for); instead it surfaces:
  *
- *  - `id` — the template column's identifier (auto-generated by the
- *    extract walker when the consumer omits it).
- *  - `dependsOnMetadata` — pre-built lookup map keyed by the column
- *    names declared in {@link GridTemplateColumnProps.dependsOn},
- *    each entry the resolved `ColumnMetadataBase` from the primary
- *    table's metadata. Entries that don't resolve (dot-notation
- *    linked columns, or a non-existent column name) come back as
- *    `undefined`.
- *  - The shared `record` / `parentRecord` / `searchText` context from
- *    {@link BaseCellRendererProps}.
+ * - `id` — the template column's identifier (auto-generated by the
+ * extract walker when the consumer omits it).
+ * - `dependsOnMetadata` — pre-built lookup map keyed by the column
+ * names declared in {@link GridTemplateColumnProps.dependsOn},
+ * each entry the resolved `ColumnMetadataBase` from the primary
+ * table's metadata. Entries that don't resolve (dot-notation
+ * linked columns, or a non-existent column name) come back as
+ * `undefined`.
+ * - The shared `record` / `parentRecord` / `searchText` context from
+ * {@link BaseCellRendererProps}.
  *
  * Read column values from `record.properties` / `record.formattedValues`
  * — or use `resolveColumnDisplayValue` for the formatted → raw
@@ -4066,25 +4386,25 @@ type GridTemplateColumnCellRenderer = (props: GridTemplateColumnCellRendererProp
 /**
  * Shape passed to a `<GridTemplateColumn>`'s `editRenderer` when the
  * grid is in inline-edit mode. Same fields as
- * {@link GridTemplateColumnCellRendererProps} plus {@link setValue} —
+ * {@link GridTemplateColumnCellRendererProps} plus {@link setValue}
  * the imperative escape hatch for the custom-widget editing path.
  *
  * Two authoring patterns are supported:
  *
- *   1. **Drop-in editors** — render `<ColumnEdit columnName="firstname"/>`
- *      (or any other type-dispatched editor) directly inside the
- *      `editRenderer`'s returned JSX. The surrounding per-row
- *      `<RecordContext>` provides their metadata + setValue hooks
- *      automatically, so the edits dirty-track and validate exactly
- *      like a bound `<GridColumn>`'s `cellRenderer` does. No need to
- *      call {@link setValue} in this case.
- *
- *   2. **Custom widget** — render an arbitrary input (a "First Last"
- *      string parser that emits two columns, a slider tied to multiple
- *      percent fields, etc.) and call `setValue(columnName, value)` for
- *      each affected column. **Validation is your responsibility on
- *      this path** — the framework only validates editors that
- *      registered with the row's edit-context.
+ * 1. **Drop-in editors** — render `<ColumnEdit columnName="firstname"/>`
+ * (or any other type-dispatched editor) directly inside the
+ * `editRenderer`'s returned JSX. The surrounding per-row
+ * `<RecordContext>` provides their metadata + setValue hooks
+ * automatically, so the edits dirty-track and validate exactly
+ * like a bound `<GridColumn>`'s `cellRenderer` does. No need to
+ * call {@link setValue} in this case.
+ *
+ * 2. **Custom widget** — render an arbitrary input (a "First Last"
+ * string parser that emits two columns, a slider tied to multiple
+ * percent fields, etc.) and call `setValue(columnName, value)` for
+ * each affected column. **Validation is your responsibility on
+ * this path** — the framework only validates editors that
+ * registered with the row's edit-context.
  */
 interface GridTemplateColumnEditRendererProps extends GridTemplateColumnCellRendererProps {
     /**
@@ -4125,10 +4445,9 @@ declare function getRendererTypeForMetadata(metadata: ColumnMetadataBase | undef
 declare function getCellRenderer(metadata: ColumnMetadataBase | undefined): GridColumnCellRenderer;
 /**
  * Whether the column can be sorted server-side via a FetchXML `<order>`
- * clause. File (type 41) and Image (type 42) columns are excluded —
+ * clause. File (type 41) and Image (type 42) columns are excluded
  * Dataverse stores them as GUIDs and sorting by GUID is meaningless to
- * a user (matches Blazor's behavior + the server-resolved
- * `ResolvedColumn.isSortable` flag).
+ * a user.
  *
  * MainGrid prefers the server-provided `ResolvedColumn.isSortable` over
  * this client-side check; consumers without a `ResolvedColumn` (writing
@@ -4139,11 +4458,7 @@ declare function isColumnSortable(metadata: ColumnMetadataBase | undefined): boo
 
 type ViewColumn = components['schemas']['ViewColumn'];
 /**
- * Paging strategy used by the grid. Mirrors Blazor's `GridPagingMode` —
- * kept in lockstep with that source of truth at
- * `src/PowerPortalsPro.Web.Blazor.FluentUI/Components/Grids/FluentGridBase.razor.cs`
- * (search for `enum GridPagingMode`). When the Blazor enum gains a new
- * entry, add the matching key here.
+ * Paging strategy used by the grid.
  */
 declare const PagingMode: {
     /** Classic pager — Prev / Next / page-size selector at the bottom. */
@@ -4158,11 +4473,7 @@ declare const PagingMode: {
 };
 type PagingMode = (typeof PagingMode)[keyof typeof PagingMode];
 /**
- * Sort order applied to the view-picker dropdown options. Mirrors Blazor's
- * `ViewSort` enum — kept in lockstep with that source of truth at
- * `src/PowerPortalsPro.Web.Blazor/Components/Grids/GridBase.razor.cs`
- * (search for `enum ViewSort`). When the Blazor enum gains a new entry,
- * add the matching key here.
+ * Sort order applied to the view-picker dropdown options.
  */
 declare const ViewSort: {
     /** Server-returned order, plus custom views appended in declaration order. */
@@ -4175,19 +4486,14 @@ declare const ViewSort: {
 type ViewSort = (typeof ViewSort)[keyof typeof ViewSort];
 /**
  * Consumer-supplied in-memory view, mixed into the view-picker dropdown
- * alongside Dataverse-resolved views. Mirrors Blazor's `GridViewDefinition`
- * shape — the minimum a grid needs to render a view without a Dataverse
- * `savedquery`/`userquery` round-trip.
+ * alongside Dataverse-resolved views — the minimum a grid needs to render
+ * a view without a Dataverse `savedquery`/`userquery` round-trip.
  *
  * Custom views are submitted to `POST /api/grids/data` as inline `fetchXml`
  * rather than `viewId`, so the server takes the consumer-supplied FetchXML
  * verbatim (still wraps it through `IFetchXmlQueryComposer` for search,
  * sort, filter, paging — same as the view-id path).
  *
- * Source of truth: kept in lockstep (by hand, not codegen) with Blazor's
- * `GridViewDefinition` at
- * `src/PowerPortalsPro.Common/Models/GridViewDefinition.cs`. When that
- * record gains / drops fields a consumer would set, mirror the change here.
  * The generated `ViewMetadata` TS type is intentionally NOT reused — it
  * includes Dataverse-internal fields (`isDefault`, `quickFindCompatible`,
  * `userDefined`, `type`) that don't belong on the consumer-facing surface.
@@ -4222,16 +4528,16 @@ type ViewMetadata = components['schemas']['ViewMetadata'];
  * future props can grow it without breaking consumers.
  *
  * Consumer surface (Phase 1):
- *  - One of `viewId` or `tableName` (viewId wins when both are set).
- *  - `pageSize` (default 25), `className`, `style`.
+ * - One of `viewId` or `tableName` (viewId wins when both are set).
+ * - `pageSize` (default 25), `className`, `style`.
  *
  * Data flow:
- *  1. Resolve the active viewId — explicit prop, or first public view for
- *     `tableName`.
- *  2. Fetch view metadata (FetchXML + view columns).
- *  3. Fetch table metadata in parallel (per-column metadata for renderers).
- *  4. Inject `page` + `count` into the view's FetchXML and execute.
- *  5. Hand the result to TanStack + the type-dispatched cell renderers.
+ * 1. Resolve the active viewId — explicit prop, or first public view for
+ * `tableName`.
+ * 2. Fetch view metadata (FetchXML + view columns).
+ * 3. Fetch table metadata in parallel (per-column metadata for renderers).
+ * 4. Inject `page` + `count` into the view's FetchXML and execute.
+ * 5. Hand the result to TanStack + the type-dispatched cell renderers.
  */
 interface MainGridProps {
     /**
@@ -4369,10 +4675,10 @@ interface MainGridProps {
      *
      * - `'none'`: no selector column; rows are display-only.
      * - `'single'`: a radio-button column appears; selecting one row
-     *   deselects any previously-selected row.
+     * deselects any previously-selected row.
      * - `'multiple'` (default): a checkbox column appears with a
-     *   header-level select-all toggle; users can select any combination
-     *   of rows.
+     * header-level select-all toggle; users can select any combination
+     * of rows.
      *
      * The current selection ships back to the consumer via
      * {@link onSelectedRecordsChange} or the controlled
@@ -4489,7 +4795,7 @@ interface MainGridProps {
     /**
      * Minimum height of the grid. CSS value string (`"250px"`, `"30vh"`,
      * `"50%"`) or a raw number (treated as pixels). Defaults to `"250px"`
-     * to match Blazor's `GridBase.MinHeight`. The body area grows to fit
+     *. The body area grows to fit
      * content above this floor, then engages vertical scrolling once
      * content + {@link maxHeight} caps the total height. Ignored when
      * {@link fullSize} is `true`.
@@ -4617,12 +4923,12 @@ interface MainGridProps {
      * queries) and inline `CustomViewDefinition.columns[].width`.
      *
      * Defaults to `1` (no scaling — widths pass through as-is, matching
-     * the Blazor `<GridColumn Width="..." />` 1:1 behavior at
+     * the 1:1 behavior at
      * `FluentGridBase.razor`). Set to a value above 1 to inflate every
      * numeric width — useful when adapting Dataverse "pixel" widths
      * calibrated for the denser model-driven-app rendering and they
      * read cramped in a less-dense React page. User-resized columns
-     * (the drag-handle widths held in `columnSizing`) are NOT scaled —
+     * (the drag-handle widths held in `columnSizing`) are NOT scaled
      * those are explicit pixel choices the user made in this rendering,
      * and re-scaling them would feel like the column "fights back"
      * against a deliberate resize. Only applies to numeric widths;
@@ -4636,7 +4942,7 @@ interface MainGridProps {
  * Public MainGrid wrapper that mounts an inner `<MainContext>` around
  * the grid's body. The wrapper exists so the grid's inline-edit
  * descendants (per-row `<RecordContext>`s, dialog-driven row queues)
- * report dirty state to a context whose scope is exactly this grid —
+ * report dirty state to a context whose scope is exactly this grid
  * letting the built-in refresh button warn on unsaved inline edits and
  * letting consumer code aggregate "is this one grid dirty?" without
  * sweeping in unrelated dirty state from the surrounding page.
@@ -4657,7 +4963,7 @@ declare function MainGrid(props: MainGridProps): react_jsx_runtime.JSX.Element;
  * deliberately short (`v` / `p` / `ps` / `s` / `q`) so the encoded blob
  * stays compact when round-tripped through bookmarks and shared links.
  *
- * Kept in lockstep with the Blazor `PersistedGridState` shape so a URL
+ * Kept in lockstep with the shape so a URL
  * produced by one stack is consumable by the other — same param name, same
  * keys, same value semantics. Update both sides together.
  */
@@ -4685,7 +4991,7 @@ interface PersistedSort {
 
 type TableRecord$1 = components['schemas']['TableRecord'];
 /**
- * Grid that shows records related to a parent via a Dataverse relationship —
+ * Grid that shows records related to a parent via a Dataverse relationship
  * either one-to-many ("contacts on this account") or many-to-many ("tags on
  * this article"). Wraps {@link MainGrid} with a `RelationshipFilter` so the
  * server's `IFetchXmlQueryComposer` scopes the rows to "children of this
@@ -4704,7 +5010,7 @@ type TableRecord$1 = components['schemas']['TableRecord'];
  *
  * ```tsx
  * const staticFilters = useMemo(() => [
- *   { $type: 'RelationshipFilter', parentRecord, relationshipName } as GridFilterBase,
+ * { $type: 'RelationshipFilter', parentRecord, relationshipName } as GridFilterBase,
  * ], [parentRecord, relationshipName]);
  * const ds = useViewDataSource({ viewId, staticFilters, aggregations });
  *
@@ -4719,20 +5025,20 @@ type TableRecord$1 = components['schemas']['TableRecord'];
  * Two ways to provide the parent record:
  *
  * 1. **Cascading from `<RecordContext>`** (most common):
- *    ```tsx
- *    <RecordContext table="account" id={accountId}>
- *      {() => <SubGrid relationshipName="contact_customer_accounts" tableName="contact" />}
- *    </RecordContext>
- *    ```
+ * ```tsx
+ * <RecordContext table="account" id={accountId}>
+ * {() => <SubGrid relationshipName="contact_customer_accounts" tableName="contact" />}
+ * </RecordContext>
+ * ```
  *
  * 2. **Explicit `record` prop** when no context is in scope:
- *    ```tsx
- *    <SubGrid
- *      relationshipName="contact_customer_accounts"
- *      tableName="contact"
- *      record={someAccountRecord}
- *    />
- *    ```
+ * ```tsx
+ * <SubGrid
+ * relationshipName="contact_customer_accounts"
+ * tableName="contact"
+ * record={someAccountRecord}
+ * />
+ * ```
  *
  * Explicit prop wins over the cascading record so consumers can override
  * intentionally (e.g. a peek-at-related-records dialog whose parent isn't
@@ -4748,22 +5054,22 @@ type TableRecord$1 = components['schemas']['TableRecord'];
  *
  * **Toolbar button choice cheat-sheet:**
  * - **One-to-many SubGrid:** `<NewRecordGridButton>` opens a dialog form
- *   for the related record (parent FK pre-filled automatically from the
- *   SubGrid's `relationshipName`); `<OpenRecordGridButton>` opens the
- *   selected row in the same dialog form for editing. URL-navigation
- *   variants (`<NavigateNewRecordGridButton>` / `<NavigateOpenRecordGridButton>`)
- *   are alternatives when the consumer prefers a dedicated edit page over
- *   an in-place dialog. `<DeleteRecordGridButton>` for bulk delete works
- *   in either case. `allowEdit` is fine — inline edits update the child
- *   record.
+ * for the related record (parent FK pre-filled automatically from the
+ * SubGrid's `relationshipName`); `<OpenRecordGridButton>` opens the
+ * selected row in the same dialog form for editing. URL-navigation
+ * variants (`<NavigateNewRecordGridButton>` / `<NavigateOpenRecordGridButton>`)
+ * are alternatives when the consumer prefers a dedicated edit page over
+ * an in-place dialog. `<DeleteRecordGridButton>` for bulk delete works
+ * in either case. `allowEdit` is fine — inline edits update the child
+ * record.
  * - **Many-to-many SubGrid:** `<LinkExistingRecordGridButton>` opens a
- *   lookup dialog to pick existing records to associate;
- *   `<UnlinkExistingRecordGridButton>` does the reverse on the current
- *   selection. Don't pass `allowEdit={true}` — the inline-edit save path
- *   issues `UpdateRequest`s against the related table, which alters the
- *   related record itself rather than its association with the parent
- *   (probably not what the user expects). Brand-new "create + associate"
- *   isn't built (see the memory note `react-m2m-new-record-deferred`).
+ * lookup dialog to pick existing records to associate;
+ * `<UnlinkExistingRecordGridButton>` does the reverse on the current
+ * selection. Don't pass `allowEdit={true}` — the inline-edit save path
+ * issues `UpdateRequest`s against the related table, which alters the
+ * related record itself rather than its association with the parent
+ * (probably not what the user expects). Brand-new "create + associate"
+ * isn't built (see the memory note `react-m2m-new-record-deferred`).
  *
  * The built-in refresh icon button is always present.
  */
@@ -4846,18 +5152,18 @@ declare function FileGrid(props: FileGridProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Optional flex container for grouping grid action buttons inside any
- * `<MainGrid>` or `<SubGrid>`. Matches the Blazor `<Buttons>` render
+ * `<MainGrid>` or `<SubGrid>`. Matches the render
  * fragment slot — consumers drop button components inside this wrapper
  * and they line up horizontally with the right spacing automatically.
  *
  * ```tsx
  * <MainGrid tableName="account">
- *   <GridButtons>
- *     <NewRecordGridButton />
- *     <OpenRecordGridButton />
- *     <DeleteRecordGridButton />
- *     <RefreshGridButton />
- *   </GridButtons>
+ * <GridButtons>
+ * <NewRecordGridButton />
+ * <OpenRecordGridButton />
+ * <DeleteRecordGridButton />
+ * <RefreshGridButton />
+ * </GridButtons>
  * </MainGrid>
  * ```
  *
@@ -4875,7 +5181,7 @@ declare function GridButtons({ children, className, style }: GridButtonsProps):
 
 /**
  * Horizontal alignment for a `<GridColumn>`'s body cells and header label.
- * Mirrors Blazor's `Align.Start | Center | End` enum. When omitted, the
+ * Mirrors enum. When omitted, the
  * cell uses the type-driven default: numeric columns end-align, boolean
  * columns center, everything else starts.
  */
@@ -4969,12 +5275,12 @@ interface GridColumnProps {
  * that renders whatever it wants from the row record.
  *
  * Use cases:
- *  - Combined-name column: `dependsOn={['firstname', 'lastname']}`,
- *    renderer joins them as a single bold cell.
- *  - Computed status badge: `dependsOn={['statuscode', 'createdon']}`,
- *    renderer returns a coloured badge keyed on both.
- *  - Pure-decoration actions column: `dependsOn` omitted, renderer
- *    returns inline buttons / icons reading nothing from the row.
+ * - Combined-name column: `dependsOn={['firstname', 'lastname']}`,
+ * renderer joins them as a single bold cell.
+ * - Computed status badge: `dependsOn={['statuscode', 'createdon']}`,
+ * renderer returns a coloured badge keyed on both.
+ * - Pure-decoration actions column: `dependsOn` omitted, renderer
+ * returns inline buttons / icons reading nothing from the row.
  *
  * Mixed with `<GridColumn>` children in declaration order — the grid
  * renders them interleaved as declared. Sort / search: template columns
@@ -4984,17 +5290,17 @@ interface GridColumnProps {
  *
  * ```tsx
  * <GridColumns>
- *   <GridColumn columnName="emailaddress1" />
- *   <GridTemplateColumn
- *     displayName="Full Name"
- *     dependsOn={['firstname', 'lastname']}
- *     sortBy="lastname"
- *     cellRenderer={({ record }) => {
- *       const f = resolveColumnDisplayValue(record, 'firstname') ?? '';
- *       const l = resolveColumnDisplayValue(record, 'lastname') ?? '';
- *       return <strong>{`${f} ${l}`.trim()}</strong>;
- *     }}
- *   />
+ * <GridColumn columnName="emailaddress1" />
+ * <GridTemplateColumn
+ * displayName="Full Name"
+ * dependsOn={['firstname', 'lastname']}
+ * sortBy="lastname"
+ * cellRenderer={({ record }) => {
+ * const f = resolveColumnDisplayValue(record, 'firstname') ?? '';
+ * const l = resolveColumnDisplayValue(record, 'lastname') ?? '';
+ * return <strong>{`${f} ${l}`.trim()}</strong>;
+ * }}
+ * />
  * </GridColumns>
  * ```
  */
@@ -5085,13 +5391,13 @@ interface GridTemplateColumnProps {
      * Two authoring patterns are supported (see
      * {@link GridTemplateColumnEditRendererProps}):
      *
-     *   1. **Drop-in editors** — return `<ColumnEdit columnName="firstname"/>`
-     *      (or any other type-dispatched editor). The surrounding per-row
-     *      `<RecordContext>` provides their hooks automatically.
+     * 1. **Drop-in editors** — return `<ColumnEdit columnName="firstname"/>`
+     * (or any other type-dispatched editor). The surrounding per-row
+     * `<RecordContext>` provides their hooks automatically.
      *
-     *   2. **Custom widget** — return an arbitrary input and call
-     *      `setValue(columnName, value)` for each affected column.
-     *      Validation is your responsibility on this path.
+     * 2. **Custom widget** — return an arbitrary input and call
+     * `setValue(columnName, value)` for each affected column.
+     * Validation is your responsibility on this path.
      *
      * Omit to keep the column read-only even when the grid is editable
      * (e.g. an actions column that's always just a pair of buttons).
@@ -5106,23 +5412,23 @@ interface GridTemplateColumnProps {
 declare function GridTemplateColumn(_props: GridTemplateColumnProps): null;
 /**
  * Declarative column override for `<MainGrid>` / `<SubGrid>`. Mirrors
- * Blazor's `<GridColumn>` — when one or more are declared as children,
+ * — when one or more are declared as children,
  * the grid switches to **replace mode** and renders only the declared
  * columns in the declared order. Without any declarations, the grid
  * uses the view's full column set as before.
  *
  * ```tsx
  * <MainGrid tableName="contact">
- *   <GridColumns>
- *     <GridColumn columnName="firstname" />
- *     <GridColumn columnName="lastname" />
- *     <GridColumn columnName="emailaddress1" width={250} />
- *   </GridColumns>
+ * <GridColumns>
+ * <GridColumn columnName="firstname" />
+ * <GridColumn columnName="lastname" />
+ * <GridColumn columnName="emailaddress1" width={250} />
+ * </GridColumns>
  * </MainGrid>
  * ```
  *
  * The wrapping `<GridColumns>` is optional — bare `<GridColumn>` children
- * work too. The wrapper exists for parity with Blazor's authoring style
+ * work too. The wrapper exists for parity with
  * and to give consumers a single place to group column declarations
  * alongside `<GridButtons>` and other toolbar children.
  *
@@ -5137,7 +5443,7 @@ interface GridColumnsProps {
 }
 /**
  * Optional grouping wrapper for one or more `<GridColumn>` declarations.
- * Mirrors Blazor's `<GridColumns>` child fragment. Renders `null` —
+ * Mirrors child fragment. Renders `null`
  * MainGrid traverses the React tree at render time to harvest column
  * declarations.
  */
@@ -5222,9 +5528,10 @@ interface LookupFormProps {
     /** Class on the embedded `<MainGrid>` outer wrapper. */
     gridClassName?: string;
     /**
-     * Inline style on the embedded `<MainGrid>` outer wrapper. Standard use:
-     * `gridStyle={{ minHeight: 300, maxHeight: 300 }}` to clamp the grid's
-     * height when embedded in a dialog.
+     * Inline style on the embedded `<MainGrid>` outer wrapper. The grid fills the
+     * dialog height by default (rendered with `fullSize`); use this only to override
+     * that — e.g. `gridStyle={{ minHeight: 300, maxHeight: 300 }}` to clamp it to a
+     * fixed height instead of filling.
      */
     gridStyle?: CSSProperties;
 }
@@ -5334,15 +5641,14 @@ interface WizardRecordPageProps {
  * `<RecordContext>`'s validate when
  * `forceSuccessfulValidationBeforeSave` is `true`.
  *
- * Mirrors Blazor's `<WizardRecordPage>`. Same gate semantics as the
- * Blazor `<FluentWizardStep>` + `RecordContext.Validate()` pair.
+ * Same gate semantics as the
+ * + `RecordContext.Validate()` pair.
  */
 declare function WizardRecordPage({ children, forceSuccessfulValidationBeforeSave, }: WizardRecordPageProps): react_jsx_runtime.JSX.Element;
 
 /**
- * Visibility of the step indicator above the wizard body. Mirrors
- * Blazor's `StepperVisible` boolean — defaults to `false` (matches the
- * Blazor default; the Save flow is button-driven, not stepper-driven).
+ * Visibility of the step indicator above the wizard body. Defaults to
+ * `'hidden'` — the Save flow is button-driven, not stepper-driven.
  */
 type StepperVisibility = 'visible' | 'hidden';
 interface WizardRecordFormProps extends Pick<RecordContextProps, 'table' | 'id' | 'initialRecord' | 'loadedRecord'> {
@@ -5402,7 +5708,7 @@ interface WizardRecordFormProps extends Pick<RecordContextProps, 'table' | 'id'
 }
 /**
  * Multi-step record-edit wizard backed by `react-use-wizard`. Mirrors
- * Blazor's `<WizardRecordForm>` / `<WizardRecordPage>` pair. Each child
+ * / `<WizardRecordPage>` pair. Each child
  * `<WizardRecordPage>` is rendered as one step; only the active step
  * mounts at any time (react-use-wizard's default), so descendant edit
  * components register validators / dirty state only for the current
@@ -5420,13 +5726,13 @@ interface WizardRecordFormProps extends Pick<RecordContextProps, 'table' | 'id'
  *
  * ```tsx
  * <WizardRecordForm table="contact" onCompleted={() => navigate('/contacts')}>
- *   <WizardRecordPage>
- *     <TextEdit columnName="firstname" />
- *     <TextEdit columnName="lastname" />
- *   </WizardRecordPage>
- *   <WizardRecordPage forceSuccessfulValidationBeforeSave={false}>
- *     <MemoEdit columnName="description" />
- *   </WizardRecordPage>
+ * <WizardRecordPage>
+ * <TextEdit columnName="firstname" />
+ * <TextEdit columnName="lastname" />
+ * </WizardRecordPage>
+ * <WizardRecordPage forceSuccessfulValidationBeforeSave={false}>
+ * <MemoEdit columnName="description" />
+ * </WizardRecordPage>
  * </WizardRecordForm>
  * ```
  */
@@ -5487,11 +5793,47 @@ interface PageLayoutProps {
      * consumers wire their own routing-aware value here.
      */
     scrollResetKey?: string;
+    /**
+     * When `true` (the default), a drag handle on the nav/body boundary lets the user
+     * resize the navigation column. Has no effect when `navigationVisible` is `false`
+     * or the navigation slot is empty, and the handle disables on mobile (where the
+     * nav reverts to a viewport-relative cap). Double-click the handle to reset to
+     * `defaultNavigationWidth`.
+     */
+    enableNavigationResizing?: boolean;
+    /** Nav width (px) used before the user resizes, and on double-click reset. Default `280`. */
+    defaultNavigationWidth?: number;
+    /** Smallest the nav can be dragged to, in px. Default `200`. */
+    minNavigationWidth?: number;
+    /**
+     * Largest the navigation column will ever grow to, in px. Default `480`. Unified
+     * cap: when `enableNavigationResizing` is on, this is the upper bound the user
+     * can drag the splitter to; when it's off, this is the element's `max-width`.
+     * Mobile (≤767.97px viewport) still falls back to a viewport-relative cap so a
+     * 480px default doesn't overrun a small phone.
+     */
+    maxNavigationWidth?: number;
+    /**
+     * When `true` (the default), the navigation width the user drags to is persisted
+     * to localStorage under `navigationResizeStorageKey` and restored on subsequent
+     * loads. Set to `false` to make every page load start fresh at
+     * `defaultNavigationWidth`. Only meaningful when `enableNavigationResizing` is `true`.
+     */
+    persistNavigationWidth?: boolean;
+    /**
+     * localStorage key the chosen nav width persists under. Default
+     * `'ppp-page-layout-nav-width'`. Set a distinct key per layout if more than one
+     * resizable `PageLayout` can be mounted. Ignored when `persistNavigationWidth`
+     * is `false`.
+     */
+    navigationResizeStorageKey?: string;
+    /** Accessible label for the resize handle (`role="separator"`). Default `'Resize navigation'`. */
+    navigationResizeHandleLabel?: string;
 }
 /**
  * CSS Grid layout with four named areas (header / navigation / body /
  * footer). Body and navigation scroll independently; header and footer span
- * the full width and stay fixed while the body scrolls. Supports nesting —
+ * the full width and stay fixed while the body scrolls. Supports nesting
  * an inner `<PageLayout>` inside the body picks up a `child-layout` style
  * variant automatically (thinner header border, fills the parent's body
  * rather than the viewport).
@@ -5500,7 +5842,7 @@ interface PageLayoutProps {
  * rather than nested children, giving TypeScript a place to surface
  * required-slot constraints if we add them later.
  */
-declare function PageLayout({ header, navigation, body, footer, headerVisible, navigationVisible, footerVisible, className, style, headerClassName, headerStyle, navigationClassName, navigationStyle, bodyClassName, bodyStyle, footerClassName, footerStyle, scrollResetKey, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
+declare function PageLayout({ header, navigation, body, footer, headerVisible, navigationVisible, footerVisible, className, style, headerClassName, headerStyle, navigationClassName, navigationStyle, bodyClassName, bodyStyle, footerClassName, footerStyle, scrollResetKey, enableNavigationResizing, defaultNavigationWidth, minNavigationWidth, maxNavigationWidth, persistNavigationWidth, navigationResizeStorageKey, navigationResizeHandleLabel, }: PageLayoutProps): react_jsx_runtime.JSX.Element;
 
 interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
     /** Header content. */
@@ -5509,8 +5851,7 @@ interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
      * Class merged onto the default Fluent header styling. Use this to
      * apply CONTEXT-specific overrides — e.g. PageLayout adds its accent-
      * colored border by passing a className that overrides
-     * `borderBottom`. Mirrors Blazor's per-consumer CSS specificity
-     * pattern (`.page-layout header { ... }` overriding `.ppp-header`).
+     * `borderBottom`.page-layout header { ... }` overriding `.ppp-header`).
      */
     className?: string;
     /** Inline style override. */
@@ -5519,7 +5860,7 @@ interface HeaderProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
 /**
  * Page-header band — the single source of truth for the framework's
  * "header strip" visual treatment. Renders a semantic `<header>`
- * element with Fluent token-driven styling that mirrors Blazor's
+ * element with Fluent token-driven styling that
  * `Header.razor` + `Header.razor.css` exactly.
  *
  * Used internally by `<Section>` for section-header bands and by
@@ -5546,7 +5887,7 @@ interface BodyProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
 /**
  * Body content area — the single source of truth for the framework's
  * "inset content region" padding. Renders a semantic `<main>` element
- * matching Blazor's `Body.razor`. Used internally by the framework's
+ *. Used internally by the framework's
  * grid (toolbar + data area) and any other "content needs inset
  * padding" slot; equally usable standalone.
  *
@@ -5575,7 +5916,7 @@ interface FooterProps extends Omit<HTMLAttributes<HTMLElement>, 'children'> {
 /**
  * Page-footer band — the single source of truth for the framework's
  * "footer strip" visual treatment. Renders a semantic `<footer>`
- * element with Fluent token-driven styling matching Blazor's
+ * element with Fluent token-driven styling
  * `Footer.razor` + `Footer.razor.css` exactly.
  *
  * Used internally by `<Section>` for section-footer bands and by
@@ -5600,10 +5941,10 @@ declare function Footer({ children, className, style, ...rest }: FooterProps): r
  *
  * ```tsx
  * const router = createBrowserRouter([{ path: '/', element: (
- *   <PowerPortalsProProvider>
- *     <RouterUnsavedChangesGuard />
- *     <App />
- *   </PowerPortalsProProvider>
+ * <PowerPortalsProProvider>
+ * <RouterUnsavedChangesGuard />
+ * <App />
+ * </PowerPortalsProProvider>
  * )}]);
  * ```
  *
@@ -5616,16 +5957,16 @@ declare function Footer({ children, className, style, ...rest }: FooterProps): r
  *
  * - Single top-level context: prompt when it dirties.
  * - Sibling top-level contexts on the same page: ONE prompt if any are
- *   dirty (the registry OR-merges; the guard only opens one
- *   `useBlocker`).
+ * dirty (the registry OR-merges; the guard only opens one
+ * `useBlocker`).
  * - Nested contexts (inner `<MainContext>` inside outer
- *   `<RecordContext>`, etc.): only the outermost reports. Inner
- *   dirty state already bubbles up through the existing
- *   `registerDescendant` chain.
+ * `<RecordContext>`, etc.): only the outermost reports. Inner
+ * dirty state already bubbles up through the existing
+ * `registerDescendant` chain.
  * - Editable grid with N row `<RecordContext>`s: rows aren't topmost
- *   (they're descendants of the page's MainContext), so they don't
- *   register here. Their edits flow up via `registerDescendant` and
- *   show in the page-level reporter's `isDirty`.
+ * (they're descendants of the page's MainContext), so they don't
+ * register here. Their edits flow up via `registerDescendant` and
+ * show in the page-level reporter's `isDirty`.
  *
  * Same-pathname navigations (search-param tweaks, `replace: true` to
  * the current URL) are NOT blocked — the user isn't actually leaving
@@ -5648,8 +5989,7 @@ declare function RouterUnsavedChangesGuard(): null;
 
 /**
  * Orientation hint for the column's stacked children. Vertical (default)
- * lays children out top-to-bottom; horizontal lays them in a row. Mirrors
- * Blazor's `ComponentOrientation` on `SectionColumn`.
+ * lays children out top-to-bottom; horizontal lays them in a row.
  */
 declare const SectionColumnOrientation: {
     readonly Vertical: "vertical";
@@ -5773,8 +6113,7 @@ declare function Section({ children, header, footer, headerText, footerText, bor
 /**
  * Theme-aware wrapper around `<Chart>`. Reads colors from the active
  * FluentUI design tokens and auto-fills missing dataset colors from a
- * palette derived from the active accent. Mirrors
- * `PowerPortalsPro.Web.Blazor.FluentUI.Components.FluentUIChart`.
+ * palette derived from the active accent.
  *
  * Cartesian charts get one palette color per dataset; radial charts
  * (pie, doughnut, polarArea, radar, funnel) get one color per data point
@@ -5831,19 +6170,19 @@ interface DataverseChartProps {
      * The data source. Two shapes accepted; the chart discriminates at
      * runtime via `instanceof DataverseChartDataSource`:
      *
-     *  - **`DataverseChartDataSource`** (and its subclasses
-     *    `AggregateDataverseChartDataSource` /
-     *    `ViewDataverseChartDataSource`) — stand-alone class instance.
-     *    The chart owns the load/refresh lifecycle; the source just
-     *    supplies the FetchXML and the post-load shaping. Use this
-     *    when a chart owns its own fetch.
+     * - **`DataverseChartDataSource`** (and its subclasses
+     * `AggregateDataverseChartDataSource` /
+     * `ViewDataverseChartDataSource`) — stand-alone class instance.
+     * The chart owns the load/refresh lifecycle; the source just
+     * supplies the FetchXML and the post-load shaping. Use this
+     * when a chart owns its own fetch.
      *
-     *  - **`ViewDataSource`** (from `useViewDataSource()`) — shared
-     *    reactive store. The chart reads its aggregation result from
-     *    {@link aggregationIndex} of `aggregationResults` and dispatches
-     *    cross-filter state on slice clicks per {@link crossFilterMode}.
-     *    Use this when one fetch should drive multiple grids/charts
-     *    atomically (one round-trip, consistent snapshot).
+     * - **`ViewDataSource`** (from `useViewDataSource()`) — shared
+     * reactive store. The chart reads its aggregation result from
+     * {@link aggregationIndex} of `aggregationResults` and dispatches
+     * cross-filter state on slice clicks per {@link crossFilterMode}.
+     * Use this when one fetch should drive multiple grids/charts
+     * atomically (one round-trip, consistent snapshot).
      */
     dataSource: DataverseChartDataSource | ViewDataSource;
     /**
@@ -5857,14 +6196,14 @@ interface DataverseChartProps {
     /**
      * What happens when a chart slice is clicked while
      * {@link dataSource} is a `ViewDataSource`:
-     *  - `'highlight'` (default) — soft cross-filter via
-     *    `dataSource.setHighlight({ column, value })`. The matching
-     *    slice stays opaque, other slices stay rendered but a sibling
-     *    grid's non-matching rows dim. Click the same slice again to
-     *    clear. NO server re-fetch — the cross-filter is purely styling.
-     *  - `'none'` — no datasource interaction. Use the existing
-     *    {@link onElementClick} callback for fully custom slice-click
-     *    behavior (drill-through navigation, custom filter, etc.).
+     * - `'highlight'` (default) — soft cross-filter via
+     * `dataSource.setHighlight({ column, value })`. The matching
+     * slice stays opaque, other slices stay rendered but a sibling
+     * grid's non-matching rows dim. Click the same slice again to
+     * clear. NO server re-fetch — the cross-filter is purely styling.
+     * - `'none'` — no datasource interaction. Use the existing
+     * {@link onElementClick} callback for fully custom slice-click
+     * behavior (drill-through navigation, custom filter, etc.).
      *
      * Ignored when {@link dataSource} is a `DataverseChartDataSource`.
      * Consumer-supplied {@link onElementClick} STILL fires alongside
@@ -5941,7 +6280,7 @@ interface FluentChartPalette {
  * Reads the current chart palette from the CSS vars in scope at the
  * supplied DOM element. Call from a `useEffect` with a ref to an
  * element that sits INSIDE the FluentProvider (typically the chart's
- * container) so Fluent v9's scoped design tokens resolve correctly —
+ * container) so Fluent v9's scoped design tokens resolve correctly
  * reading from html/body would miss them and the chart text would
  * fall back to a dim gray that's unreadable in dark mode.
  *
@@ -5954,30 +6293,28 @@ declare function getChartPalette(scope: Element): FluentChartPalette;
  * shapes the palette can produce after CSS variables are resolved:
  *
  * - `#rrggbb` (6-digit hex) — raw hex defaults baked into the palette
- *   when no CSS variable resolved.
+ * when no CSS variable resolved.
  * - `rgb(r, g, b)` / `rgb(r g b)` — what `getComputedStyle()` returns
- *   when a CSS variable holds a hex value (browsers normalize colors
- *   to `rgb()` on read, even for `--var` values that LOOK like hex in
- *   the source CSS). This is what most FluentUI v9 tokens come back
- *   as in practice.
+ * when a CSS variable holds a hex value (browsers normalize colors
+ * to `rgb()` on read, even for `--var` values that LOOK like hex in
+ * the source CSS). This is what most FluentUI v9 tokens come back
+ * as in practice.
  * - `rgba(r, g, b, a)` — already-translucent values that we let through
- *   unchanged (overwriting the alpha would be presumptuous when the
- *   caller deliberately set one).
+ * unchanged (overwriting the alpha would be presumptuous when the
+ * caller deliberately set one).
  *
  * Anything else returns unchanged. Previously this only handled `#hex`
  * and let `rgb()` pass through opaque, so cartesian bar fills and
- * borders ended up the same color in dark mode and the "translucent
- * fill, full border" look from Blazor was lost.
+ * borders ended up the same color in dark mode and the intended
+ * "translucent fill, full border" look was lost.
  */
 declare function toTranslucent(color: string, alpha: number): string;
 
 /**
  * Reactive hook that reads the active FluentUI chart palette and re-reads
- * whenever the page's design tokens change. Mirrors how Blazor's
- * `FluentUIChart` subscribes to `ThemeService.ThemeChanged` — the React
- * surface area is a `MutationObserver` on the document root, since theme
- * switches in FluentProvider land as class / style changes on a wrapping
- * element.
+ * whenever the page's design tokens change. Driven by a
+ * `MutationObserver` on the document root, since theme switches in
+ * FluentProvider land as class / style changes on a wrapping element.
  */
 
 /**
@@ -6000,4 +6337,4 @@ declare function useFluentChartPalette(scopeRef: RefObject<HTMLElement | null>):
 
 declare const VERSION = "0.1.0";
 
-export { type AccentColor, type AccentThemePair, type BaseCellRendererProps, type BaseColumnEditProps, Body, type BodyProps, BoolEdit, type BoolEditProps, BoolEditorType, type CellRendererType, ChoiceEdit, type ChoiceEditProps, ChoiceEditorType, ChoiceInvalidValueBehavior, type ChoiceMetadataView, type ChoiceOption, ChoiceOrientation, ChoiceValueSort, ColumnDisplayValue, type ColumnDisplayValueProps, ColumnEdit, type CropAspect, type CropResult, type CustomViewDefinition, DataverseChart, type DataverseChartHandle, type DataverseChartProps, DateTimeEdit, type DateTimeEditProps, DateTimeEditorType, DeleteContextButton, type DeleteContextButtonProps, DeleteRecordGridButton, type DeleteRecordGridButtonProps, DescriptionLocation, type DialogLocation, type FileColumnValue, FileEdit, type FileEditProps, FileGrid, type FileGridProps, type FileSource, FileViewer, type FileViewerProps, type FluentChartPalette, FluentDialogProvider, FluentOverlayProvider, FluentOverlayTarget, FluentUIChart, type FluentUIChartProps, Footer, type FooterProps, GridButton, GridButtonBehavior, type GridButtonProps, GridButtonRole, type GridButtonRoleProps, GridButtons, type GridButtonsProps, GridColumn, type GridColumnAlign, type GridColumnCellRenderer, type GridColumnCellRendererProps, type GridColumnProps, GridColumns, type GridColumnsProps, type GridContextValue, type GridDeclaredColumn, GridTemplateColumn, type GridTemplateColumnCellRenderer, type GridTemplateColumnCellRendererProps, type GridTemplateColumnEditRenderer, type GridTemplateColumnEditRendererProps, type GridTemplateColumnProps, Header, type HeaderProps, Highlighter, type HighlighterProps, ImageEdit, type ImageEditProps, type ImageSource, ImageViewer, type ImageViewerHandle, type ImageViewerProps, LabelPosition, LanguageDropdown, type LanguageDropdownProps, type LinkExistingBulkMode, type LinkExistingRecordBehavior, LinkExistingRecordGridButton, type LinkExistingRecordGridButtonProps, LocalizationBoundary, type LocalizationBoundaryProps, LogoutButton, type LogoutButtonProps, type LookupColumnValue, LookupDialog, type LookupDialogProps, LookupEdit, type LookupEditProps, LookupEditorType, LookupForm, type LookupFormProps, type LookupMetadataView, MainGrid, type MainGridProps, ManyToManyLookupEdit, type ManyToManyLookupEditProps, ManyToManyLookupEditorType, MemoEdit, type MemoEditProps, MoneyEdit, type MoneyEditProps, MultiSelectChoiceEdit, type MultiSelectChoiceEditProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavMatchMode, NavMenu, type NavMenuProps, NavigateNewRecordGridButton, type NavigateNewRecordGridButtonProps, NavigateOpenRecordGridButton, type NavigateOpenRecordGridButtonProps, NavigateRecordGridButton, type NavigateRecordGridButtonContext, type NavigateRecordGridButtonProps, type NewRecordDialogLocation, NewRecordGridButton, type NewRecordGridButtonBehavior, type NewRecordGridButtonProps, NumberEdit, type NumberEditProps, type NumberLimits, type NumberValueType, OpenRecordGridButton, type OpenRecordGridButtonBehavior, type OpenRecordGridButtonProps, PageLayout, type PageLayoutProps, PagingMode, type PendingRowCreate, type PendingRowUpdate, type PersistedGridState, type PersistedSort, PowerPortalsProThemeProvider, type PowerPortalsProThemeProviderProps, ProfileMainMenu, type ProfileMainMenuProps, RefreshContextButton, type RefreshContextButtonProps, RefreshGridButton, type RefreshGridButtonProps, RouterUnsavedChangesGuard, SaveContextButton, type SaveContextButtonProps, Section, SectionColumn, SectionColumnOrientation, type SectionColumnProps, type SectionProps, SiteSettingsButton, type SiteSettingsButtonProps, SiteSettingsPanel, type SiteSettingsPanelProps, type StepperVisibility, SubGrid, type SubGridProps, TextDirection, TextEdit, type TextEditProps, ThemeColorSelector, type ThemeColorSelectorProps, type ThemeContextValue, ThemeMode, ThemeSelector, type ThemeSelectorProps, ThemeTextDirection, type ThemeTextDirectionProps, type UnlinkExistingBulkMode, type UnlinkExistingRecordBehavior, UnlinkExistingRecordGridButton, type UnlinkExistingRecordGridButtonProps, VERSION, ValidationSummary, type ValidationSummaryProps, ViewSort, WizardRecordForm, type WizardRecordFormProps, WizardRecordPage, type WizardRecordPageProps, evaluateGridButtonBehavior, findFirstButtonOfRole, getCellRenderer, getChartPalette, getChoiceMetadata, getDisplayDescription, getDisplayLabel, getEditComponentForMetadata, getEditComponentForType, getGridButtonRoleFromElement, getLookupMetadata, getNumberLimits, getRendererTypeForMetadata, getStringMaxLength, isColumnSortable, isMetadataReadOnly, isMetadataRequired, isNewRecord, resolveColumnDisplayValue, setGridButtonRole, splitHighlightSegments, toTranslucent, useBoolColumn, useChoiceColumn, useDateColumn, useFileColumn, useFluentChartPalette, useGridContext, useLookupColumn, useMoneyColumn, useMultiSelectChoiceColumn, useNumberColumn, useStringColumn, useTheme };
+export { type AccentColor, type AccentThemePair, type BaseCellRendererProps, type BaseColumnEditProps, Body, type BodyProps, BoolEdit, type BoolEditProps, BoolEditorType, CacheAdmin, type CacheAdminProps, type CellRendererType, ChoiceEdit, type ChoiceEditProps, ChoiceEditorType, ChoiceInvalidValueBehavior, type ChoiceMetadataView, type ChoiceOption, ChoiceOrientation, ChoiceValueSort, ColumnDisplayValue, type ColumnDisplayValueProps, ColumnEdit, type CropAspect, type CropResult, type CustomViewDefinition, DataverseChart, type DataverseChartHandle, type DataverseChartProps, DateTimeEdit, type DateTimeEditProps, DateTimeEditorType, DeleteContextButton, type DeleteContextButtonProps, DeleteRecordGridButton, type DeleteRecordGridButtonProps, DescriptionLocation, type DialogLocation, type FileColumnValue, FileEdit, type FileEditProps, FileGrid, type FileGridProps, type FileSource, FileViewer, type FileViewerProps, type FluentChartPalette, FluentDialogProvider, FluentOverlayProvider, FluentOverlayTarget, FluentUIChart, type FluentUIChartProps, Footer, type FooterProps, GridButton, GridButtonBehavior, type GridButtonProps, GridButtonRole, type GridButtonRoleProps, GridButtons, type GridButtonsProps, GridColumn, type GridColumnAlign, type GridColumnCellRenderer, type GridColumnCellRendererProps, type GridColumnProps, GridColumns, type GridColumnsProps, type GridContextValue, type GridDeclaredColumn, GridTemplateColumn, type GridTemplateColumnCellRenderer, type GridTemplateColumnCellRendererProps, type GridTemplateColumnEditRenderer, type GridTemplateColumnEditRendererProps, type GridTemplateColumnProps, Header, type HeaderProps, Highlighter, type HighlighterProps, ImageEdit, type ImageEditProps, type ImageSource, ImageViewer, type ImageViewerHandle, type ImageViewerProps, LabelPosition, LanguageDropdown, type LanguageDropdownProps, type LinkExistingBulkMode, type LinkExistingRecordBehavior, LinkExistingRecordGridButton, type LinkExistingRecordGridButtonProps, LocalizationAdmin, type LocalizationAdminProps, LocalizationBoundary, type LocalizationBoundaryProps, LocalizationTranslator, type LocalizationTranslatorProps, LogoutButton, type LogoutButtonProps, type LookupColumnValue, LookupDialog, type LookupDialogProps, LookupEdit, type LookupEditProps, LookupEditorType, LookupForm, type LookupFormProps, type LookupMetadataView, MainGrid, type MainGridProps, ManyToManyLookupEdit, type ManyToManyLookupEditProps, ManyToManyLookupEditorType, MaskedTextField, type MaskedTextFieldHandle, type MaskedTextFieldProps, MemoEdit, type MemoEditProps, MenuBar, type MenuBarProps, MoneyEdit, type MoneyEditProps, MultiSelectChoiceEdit, type MultiSelectChoiceEditProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavMatchMode, NavMenu, type NavMenuProps, NavigateNewRecordGridButton, type NavigateNewRecordGridButtonProps, NavigateOpenRecordGridButton, type NavigateOpenRecordGridButtonProps, NavigateRecordGridButton, type NavigateRecordGridButtonContext, type NavigateRecordGridButtonProps, type NewRecordDialogLocation, NewRecordGridButton, type NewRecordGridButtonBehavior, type NewRecordGridButtonProps, NumberEdit, type NumberEditProps, type NumberLimits, type NumberValueType, OFFICE_ACCENT_DEFINITIONS, OFFICE_ACCENT_HEX_TO_NAME, OFFICE_ACCENT_THEMES, OFFICE_COLOR_NAME_TO_ACCENT, type OfficeAccentDefinition, OpenRecordGridButton, type OpenRecordGridButtonBehavior, type OpenRecordGridButtonProps, PageLayout, type PageLayoutProps, PagingMode, type PendingRowCreate, type PendingRowUpdate, type PersistedGridState, type PersistedSort, PowerPortalsProThemeProvider, type PowerPortalsProThemeProviderProps, ProfileMainMenu, type ProfileMainMenuProps, RefreshContextButton, type RefreshContextButtonProps, RefreshGridButton, type RefreshGridButtonProps, RouterUnsavedChangesGuard, SaveContextButton, type SaveContextButtonProps, Section, SectionColumn, SectionColumnOrientation, type SectionColumnProps, type SectionProps, SiteSettingsButton, type SiteSettingsButtonProps, SiteSettingsPanel, type SiteSettingsPanelProps, type StepperVisibility, SubGrid, type SubGridProps, TextDirection, TextEdit, type TextEditProps, ThemeColorSelector, type ThemeColorSelectorProps, type ThemeContextValue, ThemeMode, ThemeSelector, type ThemeSelectorProps, ThemeTextDirection, type ThemeTextDirectionProps, type UnlinkExistingBulkMode, type UnlinkExistingRecordBehavior, UnlinkExistingRecordGridButton, type UnlinkExistingRecordGridButtonProps, VERSION, ValidationSummary, type ValidationSummaryProps, ViewSort, WizardRecordForm, type WizardRecordFormProps, WizardRecordPage, type WizardRecordPageProps, evaluateGridButtonBehavior, findFirstButtonOfRole, getCellRenderer, getChartPalette, getChoiceMetadata, getDisplayDescription, getDisplayLabel, getEditComponentForMetadata, getEditComponentForType, getGridButtonRoleFromElement, getLookupMetadata, getNumberLimits, getRendererTypeForMetadata, getStringMaxLength, isColumnSortable, isMetadataReadOnly, isMetadataRequired, isNewRecord, officeColorValueToAccentName, resolveColumnDisplayValue, setGridButtonRole, splitHighlightSegments, toTranslucent, useBoolColumn, useChoiceColumn, useDateColumn, useFileColumn, useFluentChartPalette, useGridContext, useLookupColumn, useMoneyColumn, useMultiSelectChoiceColumn, useNumberColumn, useStringColumn, useTheme };