@inf-monkeys-tech/monkeys-design 1.0.104 → 1.0.107

package/dist/provider/index.d.mts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { c as BaseAppearance } from '../types-c6ec8b90925b.mjs';
-import { c as DataExplorerAppearance } from '../types-c3e072f57261.mjs';
+import { c as DataExplorerAppearance } from '../types-524c5b792610.mjs';
 import { o as MonkeysResolvedLocale, i as MonkeysLocaleMessages, h as MonkeysLocaleInput, j as MonkeysLocaleMessagesOverride } from '../types-89825c97f499.mjs';
 export { a as MonkeysBuiltInLocaleId } from '../types-89825c97f499.mjs';
 import { CompiledThemeTokens, MonkeysThemeColorMode, MonkeysThemeDensity } from '../theme-system/index.mjs';

package/dist/provider/index.d.ts

@@ -1,7 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { c as BaseAppearance } from '../types-c6ec8b90925b.js';
-import { c as DataExplorerAppearance } from '../types-c3e072f57261.js';
+import { c as DataExplorerAppearance } from '../types-524c5b792610.js';
 import { o as MonkeysResolvedLocale, i as MonkeysLocaleMessages, h as MonkeysLocaleInput, j as MonkeysLocaleMessagesOverride } from '../types-89825c97f499.js';
 export { a as MonkeysBuiltInLocaleId } from '../types-89825c97f499.js';
 import { CompiledThemeTokens, MonkeysThemeColorMode, MonkeysThemeDensity } from '../theme-system/index.js';

package/dist/{theme-a44623472b15.d.mts → theme-6a0e4eb8e1c8.d.ts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps, a9 as DataExplorerSelectProps, aj as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, B as DataExplorerDisplayActionMenuProps, F as DataExplorerDisplayCardProps, I as DataExplorerDisplayCollectionViewProps, L as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaProps, V as DataExplorerImagePreviewProps, Z as DataExplorerMediaPreviewProps, $ as DataExplorerPageProps, a2 as DataExplorerRecordCardProps, a5 as DataExplorerRecordPickerProps, at as DataExplorerUploadSurfaceProps, al as DataExplorerToolbarShellProps, ao as DataExplorerTreeProps, ar as DataExplorerTreeShellProps, aR as DataExplorerViewTreeProps, aA as DataExplorerViewId, aG as DataExplorerViewProps, ay as DataExplorerViewCollectionProps, aC as DataExplorerViewItemProps, aE as DataExplorerViewItemShellProps, aJ as DataExplorerViewShellProps, a6 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-c3e072f57261.mjs';
+import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, T as DataExplorerFilterBarProps, ab as DataExplorerSelectProps, al as DataExplorerToolbarActionsProps, s as DataExplorerDetailFieldProps, w as DataExplorerDetailSectionProps, y as DataExplorerDetailShellProps, C as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayListItemProps, Q as DataExplorerDisplayMediaProps, X as DataExplorerImagePreviewProps, $ as DataExplorerMediaPreviewProps, a1 as DataExplorerPageProps, a4 as DataExplorerRecordCardProps, a7 as DataExplorerRecordPickerProps, av as DataExplorerUploadSurfaceProps, an as DataExplorerToolbarShellProps, aq as DataExplorerTreeProps, at as DataExplorerTreeShellProps, aT as DataExplorerViewTreeProps, aC as DataExplorerViewId, aI as DataExplorerViewProps, aA as DataExplorerViewCollectionProps, aE as DataExplorerViewItemProps, aG as DataExplorerViewItemShellProps, aL as DataExplorerViewShellProps, a8 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-524c5b792610.js';
 import * as React from 'react';
 declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): null | react_jsx_runtime.JSX.Element;
 declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -8,7 +8,7 @@ declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, load
 declare function DataExplorerFilterBar({ label, leading, children, actions, maxFieldsHeight, className, classNames, style, ...props }: DataExplorerFilterBarProps): react_jsx_runtime.JSX.Element;
 declare function DataExplorerSelect({ value, options, label, placeholder, icon, title, triggerLabel, disabled, display, align, sideOffset, appearance, className, classNames, style, onValueChange, }: DataExplorerSelectProps): react_jsx_runtime.JSX.Element;
 declare function DataExplorerToolbarActions<TContext = unknown>({ context, actions, layout, appearance, empty, children, className, classNames, }: DataExplorerToolbarActionsProps<TContext>): null | react_jsx_runtime.JSX.Element;
-declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
+declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, helperText, error, required, disabled, children, context, className, valueClassName, classNames, dataAttributes, labelDataAttributes, valueDataAttributes, helperDataAttributes, errorDataAttributes, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
 declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): null | react_jsx_runtime.JSX.Element;
 declare function DataExplorerDetailShell<TContext = unknown>({ title, subtitle, leading, preview, previewStyle, previewPadded, previewCentered, sections, rightPanel, context, navigation, closeLabel, closeIcon, onClose, appearance, className, classNames, }: DataExplorerDetailShellProps<TContext>): react_jsx_runtime.JSX.Element;
 declare function DataExplorerDisplayActionMenu<TSource = unknown>({ item, itemId, source, actions, label, triggerLabel, triggerIcon, align, sideOffset, appearance, className, classNames, }: DataExplorerDisplayActionMenuProps<TSource>): null | react_jsx_runtime.JSX.Element;

package/dist/{theme-88ae309f0f83.d.ts → theme-6fb6132629cb.d.mts}

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, S as DataExplorerFilterBarProps, a9 as DataExplorerSelectProps, aj as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, B as DataExplorerDisplayActionMenuProps, F as DataExplorerDisplayCardProps, I as DataExplorerDisplayCollectionViewProps, L as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaProps, V as DataExplorerImagePreviewProps, Z as DataExplorerMediaPreviewProps, $ as DataExplorerPageProps, a2 as DataExplorerRecordCardProps, a5 as DataExplorerRecordPickerProps, at as DataExplorerUploadSurfaceProps, al as DataExplorerToolbarShellProps, ao as DataExplorerTreeProps, ar as DataExplorerTreeShellProps, aR as DataExplorerViewTreeProps, aA as DataExplorerViewId, aG as DataExplorerViewProps, ay as DataExplorerViewCollectionProps, aC as DataExplorerViewItemProps, aE as DataExplorerViewItemShellProps, aJ as DataExplorerViewShellProps, a6 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-c3e072f57261.js';
+import { b as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, T as DataExplorerFilterBarProps, ab as DataExplorerSelectProps, al as DataExplorerToolbarActionsProps, s as DataExplorerDetailFieldProps, w as DataExplorerDetailSectionProps, y as DataExplorerDetailShellProps, C as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayListItemProps, Q as DataExplorerDisplayMediaProps, X as DataExplorerImagePreviewProps, $ as DataExplorerMediaPreviewProps, a1 as DataExplorerPageProps, a4 as DataExplorerRecordCardProps, a7 as DataExplorerRecordPickerProps, av as DataExplorerUploadSurfaceProps, an as DataExplorerToolbarShellProps, aq as DataExplorerTreeProps, at as DataExplorerTreeShellProps, aT as DataExplorerViewTreeProps, aC as DataExplorerViewId, aI as DataExplorerViewProps, aA as DataExplorerViewCollectionProps, aE as DataExplorerViewItemProps, aG as DataExplorerViewItemShellProps, aL as DataExplorerViewShellProps, a8 as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from './types-524c5b792610.mjs';
 import * as React from 'react';
 declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): null | react_jsx_runtime.JSX.Element;
 declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -8,7 +8,7 @@ declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, load
 declare function DataExplorerFilterBar({ label, leading, children, actions, maxFieldsHeight, className, classNames, style, ...props }: DataExplorerFilterBarProps): react_jsx_runtime.JSX.Element;
 declare function DataExplorerSelect({ value, options, label, placeholder, icon, title, triggerLabel, disabled, display, align, sideOffset, appearance, className, classNames, style, onValueChange, }: DataExplorerSelectProps): react_jsx_runtime.JSX.Element;
 declare function DataExplorerToolbarActions<TContext = unknown>({ context, actions, layout, appearance, empty, children, className, classNames, }: DataExplorerToolbarActionsProps<TContext>): null | react_jsx_runtime.JSX.Element;
-declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
+declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, helperText, error, required, disabled, children, context, className, valueClassName, classNames, dataAttributes, labelDataAttributes, valueDataAttributes, helperDataAttributes, errorDataAttributes, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
 declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): null | react_jsx_runtime.JSX.Element;
 declare function DataExplorerDetailShell<TContext = unknown>({ title, subtitle, leading, preview, previewStyle, previewPadded, previewCentered, sections, rightPanel, context, navigation, closeLabel, closeIcon, onClose, appearance, className, classNames, }: DataExplorerDetailShellProps<TContext>): react_jsx_runtime.JSX.Element;
 declare function DataExplorerDisplayActionMenu<TSource = unknown>({ item, itemId, source, actions, label, triggerLabel, triggerIcon, align, sideOffset, appearance, className, classNames, }: DataExplorerDisplayActionMenuProps<TSource>): null | react_jsx_runtime.JSX.Element;

package/dist/{types-c3e072f57261.d.mts → types-524c5b792610.d.mts}

@@ -1,4 +1,4 @@
-import { ReactNode, CSSProperties, ButtonHTMLAttributes, MouseEventHandler, KeyboardEventHandler, HTMLAttributes, ReactEventHandler, UIEvent, InputHTMLAttributes } from 'react';
+import { ReactNode, CSSProperties, ButtonHTMLAttributes, MouseEventHandler, HTMLAttributes, KeyboardEventHandler, ReactEventHandler, UIEvent, InputHTMLAttributes } from 'react';
 type DataExplorerResolver<TValue, TContext = unknown> = ((context: TContext) => TValue) | TValue;
 interface DataExplorerCapabilities {
     canRead?: boolean;
@@ -6,12 +6,12 @@ interface DataExplorerCapabilities {
     canDelete?: boolean;
     [key: string]: boolean | undefined;
 }
-type DataExplorerThemePresetId = 'compact' | 'default' | 'flat' | 'glass' | 'hard-edge' | 'soft' | 'tinted-glass';
-type DataExplorerDensity = 'comfortable' | 'compact' | 'default';
-type DataExplorerRadius = 'full' | 'lg' | 'md' | 'none' | 'sm' | 'xl';
-type DataExplorerBorder = 'none' | 'solid' | 'strong' | 'subtle';
-type DataExplorerBackground = 'dark-stage' | 'glass' | 'muted' | 'plain' | 'soft';
-type DataExplorerControlTone = 'danger' | 'default' | 'muted' | 'primary';
+type DataExplorerThemePresetId = "compact" | "default" | "flat" | "glass" | "hard-edge" | "soft" | "tinted-glass";
+type DataExplorerDensity = "comfortable" | "compact" | "default";
+type DataExplorerRadius = "full" | "lg" | "md" | "none" | "sm" | "xl";
+type DataExplorerBorder = "none" | "solid" | "strong" | "subtle";
+type DataExplorerBackground = "dark-stage" | "glass" | "muted" | "plain" | "soft";
+type DataExplorerControlTone = "danger" | "default" | "muted" | "primary";
 interface DataExplorerThemeStyles {
     surfaceRoot?: CSSProperties;
     toolbarRoot?: CSSProperties;
@@ -154,7 +154,7 @@ interface DataExplorerAction<TContext = unknown> {
     render?: (context: TContext) => ReactNode;
     onClick?: (context: TContext) => Promise<void> | void;
 }
-type DataExplorerToolbarActionKind = 'button' | 'icon-button' | 'menu' | 'select' | 'toggle';
+type DataExplorerToolbarActionKind = "button" | "icon-button" | "menu" | "select" | "toggle";
 interface DataExplorerToolbarActionItem<TContext = unknown> {
     id: string;
     label: ReactNode;
@@ -180,8 +180,8 @@ interface DataExplorerToolbarAction<TContext = unknown> extends DataExplorerActi
     kind?: DataExplorerToolbarActionKind;
     triggerLabel?: string;
     menuLabel?: ReactNode;
-    selectDisplay?: 'label-value' | 'value';
-    align?: 'center' | 'end' | 'start';
+    selectDisplay?: "label-value" | "value";
+    align?: "center" | "end" | "start";
     sideOffset?: number;
     items?: Array<DataExplorerToolbarActionItem<TContext>>;
     value?: DataExplorerResolver<number | string | undefined, TContext>;
@@ -205,12 +205,12 @@ interface DataExplorerButtonClassNames {
     icon?: string;
     label?: string;
 }
-interface DataExplorerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'disabled' | 'onClick' | 'style' | 'title' | 'type'> {
+interface DataExplorerButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled" | "onClick" | "style" | "title" | "type"> {
     children?: ReactNode;
     label?: ReactNode;
     icon?: ReactNode;
     endIcon?: ReactNode;
-    type?: 'button' | 'reset' | 'submit';
+    type?: "button" | "reset" | "submit";
     title?: string;
     ariaLabel?: string;
     tone?: DataExplorerControlTone;
@@ -275,8 +275,8 @@ interface DataExplorerSelectProps {
     title?: string;
     triggerLabel?: string;
     disabled?: boolean;
-    display?: 'label-value' | 'value';
-    align?: 'center' | 'end' | 'start';
+    display?: "label-value" | "value";
+    align?: "center" | "end" | "start";
     sideOffset?: number;
     appearance?: DataExplorerAppearance;
     className?: string;
@@ -302,7 +302,7 @@ interface DataExplorerCheckboxProps {
     style?: CSSProperties;
     onCheckedChange?: (checked: boolean) => Promise<void> | void;
 }
-type DataExplorerDisplayMediaKind = 'audio' | 'file' | 'image' | 'model' | 'text' | 'unknown' | 'video' | (string & {});
+type DataExplorerDisplayMediaKind = "audio" | "file" | "image" | "model" | "text" | "unknown" | "video" | (string & {});
 interface DataExplorerDisplayMediaItem<TSource = unknown> {
     id?: string;
     kind?: DataExplorerDisplayMediaKind;
@@ -317,7 +317,7 @@ interface DataExplorerDisplayBadge {
     id?: string;
     label: ReactNode;
     title?: string;
-    tone?: 'danger' | 'default' | 'muted' | 'primary' | 'success' | 'warning';
+    tone?: "danger" | "default" | "muted" | "primary" | "success" | "warning";
 }
 interface DataExplorerDisplayMetadata {
     id?: string;
@@ -329,19 +329,35 @@ interface DataExplorerDetailFieldClassNames {
     root?: string;
     label?: string;
     icon?: string;
+    required?: string;
     value?: string;
+    helper?: string;
+    error?: string;
 }
+type DataExplorerDataAttributes = {
+    [key: `data-${string}`]: boolean | number | string | undefined;
+};
+type DataExplorerHtmlAttributes<TElement> = HTMLAttributes<TElement> & DataExplorerDataAttributes;
 interface DataExplorerDetailFieldDefinition<TContext = unknown> {
     id?: string;
     label: ReactNode;
     icon?: ReactNode;
     value?: ReactNode;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
     render?: (context: TContext) => ReactNode;
     hidden?: DataExplorerResolver<boolean, TContext>;
     title?: string;
     className?: string;
     valueClassName?: string;
     classNames?: DataExplorerDetailFieldClassNames;
+    dataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    labelDataAttributes?: DataExplorerHtmlAttributes<HTMLSpanElement>;
+    valueDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    helperDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    errorDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
 }
 interface DataExplorerDetailSectionClassNames {
     root?: string;
@@ -463,11 +479,20 @@ interface DataExplorerDetailFieldProps<TContext = unknown> {
     label?: ReactNode;
     icon?: ReactNode;
     value?: ReactNode;
+    helperText?: ReactNode;
+    error?: ReactNode;
+    required?: boolean;
+    disabled?: boolean;
     children?: ReactNode;
     context?: TContext;
     className?: string;
     valueClassName?: string;
     classNames?: DataExplorerDetailFieldClassNames;
+    dataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    labelDataAttributes?: DataExplorerHtmlAttributes<HTMLSpanElement>;
+    valueDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    helperDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
+    errorDataAttributes?: DataExplorerHtmlAttributes<HTMLDivElement>;
 }
 interface DataExplorerDisplayActionContext<TSource = unknown> {
     itemId?: string;
@@ -479,7 +504,7 @@ interface DataExplorerDisplayAction<TSource = unknown> {
     label: ReactNode;
     icon?: ReactNode;
     title?: string;
-    tone?: 'danger' | 'default' | 'muted' | 'primary';
+    tone?: "danger" | "default" | "muted" | "primary";
     separatorBefore?: boolean;
     separatorAfter?: boolean;
     className?: string;
@@ -507,7 +532,7 @@ interface DataExplorerDisplayItem<TSource = unknown> {
     source?: TSource;
 }
 type DataExplorerViewId = string;
-type DataExplorerViewCollectionLayout = 'grid' | 'list' | 'waterfall' | (string & {});
+type DataExplorerViewCollectionLayout = "grid" | "list" | "waterfall" | (string & {});
 interface DataExplorerViewCollectionClassNames {
     root?: string;
     items?: string;
@@ -660,7 +685,7 @@ interface DataExplorerTreeRenderProps<TNode = unknown, TContext = unknown> {
     onSelect?: (node: TNode) => void;
     renderChildren: () => ReactNode;
 }
-type DataExplorerViewTreeEntryType = 'group' | 'node';
+type DataExplorerViewTreeEntryType = "group" | "node";
 interface DataExplorerViewTreeNode<TSource = unknown, TGroupSource = unknown, TContext = unknown> {
     id: string;
     label: ReactNode;
@@ -691,7 +716,7 @@ interface DataExplorerViewTreeGroup<TSource = unknown, TNodeSource = unknown, TC
     selectable?: boolean;
     collapsible?: boolean;
     defaultExpanded?: boolean;
-    status?: 'error' | 'idle' | 'loading';
+    status?: "error" | "idle" | "loading";
     loading?: boolean;
     error?: ReactNode;
     empty?: ReactNode;
@@ -797,7 +822,7 @@ interface DataExplorerViewTreeProps<TNodeSource = unknown, TGroupSource = unknow
     loadingNode?: ReactNode;
     error?: ReactNode;
     labels?: DataExplorerViewTreeLabels;
-    reorderMode?: 'any' | 'none' | 'same-parent';
+    reorderMode?: "any" | "none" | "same-parent";
     appearance?: DataExplorerAppearance;
     className?: string;
     classNames?: DataExplorerViewTreeClassNames;
@@ -896,7 +921,7 @@ interface DataExplorerDraggableTreeProps<TSource = unknown, TContext = unknown>
     defaultExpandedNodeIds?: string[];
     resetExpansionKey?: number | string;
     indentSize?: number;
-    activationMode?: 'handle' | 'row';
+    activationMode?: "handle" | "row";
     loading?: boolean;
     empty?: ReactNode;
     labels?: DataExplorerDraggableTreeLabels;
@@ -961,7 +986,7 @@ interface DataExplorerFilterBarClassNames {
     fields?: string;
     actions?: string;
 }
-interface DataExplorerFilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'className'> {
+interface DataExplorerFilterBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children" | "className"> {
     label?: ReactNode;
     leading?: ReactNode;
     children?: ReactNode;
@@ -1103,7 +1128,7 @@ interface DataExplorerDisplayActionMenuProps<TSource = unknown> {
     label?: ReactNode;
     triggerLabel?: string;
     triggerIcon?: ReactNode;
-    align?: 'center' | 'end' | 'start';
+    align?: "center" | "end" | "start";
     sideOffset?: number;
     appearance?: DataExplorerAppearance;
     className?: string;
@@ -1158,7 +1183,7 @@ interface DataExplorerRecordCardProps<TSource = unknown> {
     onToggleSelection?: (item: DataExplorerDisplayItem<TSource>) => void;
     onToggleFavorite?: (item: DataExplorerDisplayItem<TSource>) => void;
 }
-type DataExplorerMediaPreviewKind = 'audio' | 'file' | 'image' | 'video';
+type DataExplorerMediaPreviewKind = "audio" | "file" | "image" | "video";
 interface DataExplorerMediaPreviewClassNames {
     root?: string;
     media?: string;
@@ -1171,8 +1196,8 @@ interface DataExplorerMediaPreviewProps {
     kind?: DataExplorerMediaPreviewKind;
     alt?: string;
     title?: ReactNode;
-    aspectRatio?: '1:1' | '16:9' | '3:4' | '4:3' | '9:16' | 'auto' | 'square' | 'video';
-    fit?: 'contain' | 'cover';
+    aspectRatio?: "1:1" | "16:9" | "3:4" | "4:3" | "9:16" | "auto" | "square" | "video";
+    fit?: "contain" | "cover";
     controls?: boolean;
     loading?: boolean;
     empty?: ReactNode;
@@ -1202,7 +1227,7 @@ interface DataExplorerUploadSurfaceProps {
     hint?: ReactNode;
     busyLabel?: ReactNode;
     icon?: ReactNode;
-    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'accept' | 'disabled' | 'multiple' | 'onChange' | 'type'> & {
+    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, "accept" | "disabled" | "multiple" | "onChange" | "type"> & {
         [key: `data-${string}`]: string | undefined;
     };
     className?: string;
@@ -1255,7 +1280,7 @@ interface DataExplorerRecordPickerProps {
     appearance?: DataExplorerAppearance;
     className?: string;
     classNames?: DataExplorerRecordPickerClassNames;
-    triggerProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'disabled' | 'type'>;
+    triggerProps?: Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children" | "className" | "disabled" | "type">;
     dataAttributes?: {
         root?: Record<string, string | undefined>;
         trigger?: Record<string, string | undefined>;
@@ -1292,7 +1317,7 @@ interface DataExplorerCollectionFooterProps {
     loadedLabel?: ReactNode;
     pageSizeLabel?: ReactNode;
     pageText?: ReactNode;
-    tone?: 'default' | 'glass' | 'hard-edge';
+    tone?: "default" | "glass" | "hard-edge";
     appearance?: DataExplorerAppearance;
     className?: string;
     classNames?: DataExplorerCollectionFooterClassNames;
@@ -1324,7 +1349,7 @@ interface DataExplorerToolbarActionsClassNames {
     menuContent?: string;
     menuItem?: string;
 }
-type DataExplorerToolbarActionsLayout = 'action-bar' | 'inline' | 'toolbar';
+type DataExplorerToolbarActionsLayout = "action-bar" | "inline" | "toolbar";
 interface DataExplorerToolbarActionsProps<TContext = unknown> {
     context?: TContext;
     actions?: Array<DataExplorerToolbarAction<TContext>>;
@@ -1390,4 +1415,4 @@ interface DataExplorerDisplayCollectionItemContext<TSource = unknown> {
     layout: DataExplorerViewCollectionLayout;
 }
 type DataExplorerDisplayCollectionItemPropsResolver<TProps, TSource = unknown> = ((context: DataExplorerDisplayCollectionItemContext<TSource>) => Partial<TProps> | undefined) | Partial<TProps>;
-export type { DataExplorerPageProps as $, DataExplorerDisplayActionMenuClassNames as A, DataExplorerDisplayActionMenuProps as B, DataExplorerDisplayBadge as C, DataExplorerAction as D, DataExplorerDisplayCardClassNames as E, DataExplorerDisplayCardProps as F, DataExplorerDisplayCollectionItemContext as G, DataExplorerDisplayCollectionItemPropsResolver as H, DataExplorerDisplayCollectionViewProps as I, DataExplorerDisplayItem as J, DataExplorerDisplayListItemClassNames as K, DataExplorerDisplayListItemProps as L, DataExplorerDisplayMediaClassNames as M, DataExplorerDisplayMediaItem as N, DataExplorerDisplayMediaKind as O, DataExplorerDisplayMediaProps as P, DataExplorerDisplayMetadata as Q, DataExplorerFilterBarClassNames as R, DataExplorerFilterBarProps as S, DataExplorerImagePreviewClassNames as T, DataExplorerImagePreviewNaturalSize as U, DataExplorerImagePreviewProps as V, DataExplorerMeasuredGridOptions as W, DataExplorerMediaPreviewClassNames as X, DataExplorerMediaPreviewKind as Y, DataExplorerMediaPreviewProps as Z, DataExplorerPageClassNames as _, DataExplorerActionBarClassNames as a, DataExplorerSplitButtonClassNames as a$, DataExplorerRadius as a0, DataExplorerRecordCardClassNames as a1, DataExplorerRecordCardProps as a2, DataExplorerRecordPickerClassNames as a3, DataExplorerRecordPickerOption as a4, DataExplorerRecordPickerProps as a5, DataExplorerResolvedTheme as a6, DataExplorerResolver as a7, DataExplorerSelectClassNames as a8, DataExplorerSelectProps as a9, DataExplorerViewId as aA, DataExplorerViewItemDefinition as aB, DataExplorerViewItemProps as aC, DataExplorerViewItemShellClassNames as aD, DataExplorerViewItemShellProps as aE, DataExplorerViewOption as aF, DataExplorerViewProps as aG, DataExplorerViewRenderProps as aH, DataExplorerViewShellClassNames as aI, DataExplorerViewShellProps as aJ, DataExplorerViewTreeAction as aK, DataExplorerViewTreeActionContext as aL, DataExplorerViewTreeClassNames as aM, DataExplorerViewTreeEntryType as aN, DataExplorerViewTreeGroup as aO, DataExplorerViewTreeLabels as aP, DataExplorerViewTreeNode as aQ, DataExplorerViewTreeProps as aR, DataExplorerViewTreeReorderPayload as aS, DataExplorerSplitButtonProps as aT, DataExplorerDraggableTreeProps as aU, DataExplorerDraggableTreeClassNames as aV, DataExplorerDraggableTreeDragPayload as aW, DataExplorerDraggableTreeFlattenedNode as aX, DataExplorerDraggableTreeLabels as aY, DataExplorerDraggableTreeNode as aZ, DataExplorerDraggableTreeRenderContext as a_, DataExplorerThemePresetId as aa, DataExplorerThemeSlots as ab, DataExplorerThemeStyles as ac, DataExplorerToolbarAction as ad, DataExplorerToolbarActionItem as ae, DataExplorerToolbarActionKind as af, DataExplorerToolbarActionOption as ag, DataExplorerToolbarActionsClassNames as ah, DataExplorerToolbarActionsLayout as ai, DataExplorerToolbarActionsProps as aj, DataExplorerToolbarShellClassNames as ak, DataExplorerToolbarShellProps as al, DataExplorerToolbarViewOption as am, DataExplorerTreeClassNames as an, DataExplorerTreeProps as ao, DataExplorerTreeRenderProps as ap, DataExplorerTreeShellClassNames as aq, DataExplorerTreeShellProps as ar, DataExplorerUploadSurfaceClassNames as as, DataExplorerUploadSurfaceProps as at, DataExplorerViewClassNames as au, DataExplorerViewCollectionClassNames as av, DataExplorerViewCollectionLayout as aw, DataExplorerViewCollectionOptions as ax, DataExplorerViewCollectionProps as ay, DataExplorerViewDefinition as az, DataExplorerActionBarProps as b, DataExplorerSplitButtonItem as b0, DataExplorerAppearance as c, DataExplorerBackground as d, DataExplorerBorder as e, DataExplorerButtonClassNames as f, DataExplorerButtonProps as g, DataExplorerCapabilities as h, DataExplorerCheckboxClassNames as i, DataExplorerCheckboxProps as j, DataExplorerCollectionFooterClassNames as k, DataExplorerCollectionFooterProps as l, DataExplorerControlOption as m, DataExplorerControlTone as n, DataExplorerDensity as o, DataExplorerDetailFieldClassNames as p, DataExplorerDetailFieldDefinition as q, DataExplorerDetailFieldProps as r, DataExplorerDetailNavigation as s, DataExplorerDetailSectionClassNames as t, DataExplorerDetailSectionDefinition as u, DataExplorerDetailSectionProps as v, DataExplorerDetailShellClassNames as w, DataExplorerDetailShellProps as x, DataExplorerDisplayAction as y, DataExplorerDisplayActionContext as z };
+export type { DataExplorerMediaPreviewProps as $, DataExplorerDisplayActionContext as A, DataExplorerDisplayActionMenuClassNames as B, DataExplorerDisplayActionMenuProps as C, DataExplorerAction as D, DataExplorerDisplayBadge as E, DataExplorerDisplayCardClassNames as F, DataExplorerDisplayCardProps as G, DataExplorerDisplayCollectionItemContext as H, DataExplorerDisplayCollectionItemPropsResolver as I, DataExplorerDisplayCollectionViewProps as J, DataExplorerDisplayItem as K, DataExplorerDisplayListItemClassNames as L, DataExplorerDisplayListItemProps as M, DataExplorerDisplayMediaClassNames as N, DataExplorerDisplayMediaItem as O, DataExplorerDisplayMediaKind as P, DataExplorerDisplayMediaProps as Q, DataExplorerDisplayMetadata as R, DataExplorerFilterBarClassNames as S, DataExplorerFilterBarProps as T, DataExplorerHtmlAttributes as U, DataExplorerImagePreviewClassNames as V, DataExplorerImagePreviewNaturalSize as W, DataExplorerImagePreviewProps as X, DataExplorerMeasuredGridOptions as Y, DataExplorerMediaPreviewClassNames as Z, DataExplorerMediaPreviewKind as _, DataExplorerActionBarClassNames as a, DataExplorerDraggableTreeNode as a$, DataExplorerPageClassNames as a0, DataExplorerPageProps as a1, DataExplorerRadius as a2, DataExplorerRecordCardClassNames as a3, DataExplorerRecordCardProps as a4, DataExplorerRecordPickerClassNames as a5, DataExplorerRecordPickerOption as a6, DataExplorerRecordPickerProps as a7, DataExplorerResolvedTheme as a8, DataExplorerResolver as a9, DataExplorerViewCollectionProps as aA, DataExplorerViewDefinition as aB, DataExplorerViewId as aC, DataExplorerViewItemDefinition as aD, DataExplorerViewItemProps as aE, DataExplorerViewItemShellClassNames as aF, DataExplorerViewItemShellProps as aG, DataExplorerViewOption as aH, DataExplorerViewProps as aI, DataExplorerViewRenderProps as aJ, DataExplorerViewShellClassNames as aK, DataExplorerViewShellProps as aL, DataExplorerViewTreeAction as aM, DataExplorerViewTreeActionContext as aN, DataExplorerViewTreeClassNames as aO, DataExplorerViewTreeEntryType as aP, DataExplorerViewTreeGroup as aQ, DataExplorerViewTreeLabels as aR, DataExplorerViewTreeNode as aS, DataExplorerViewTreeProps as aT, DataExplorerViewTreeReorderPayload as aU, DataExplorerSplitButtonProps as aV, DataExplorerDraggableTreeProps as aW, DataExplorerDraggableTreeClassNames as aX, DataExplorerDraggableTreeDragPayload as aY, DataExplorerDraggableTreeFlattenedNode as aZ, DataExplorerDraggableTreeLabels as a_, DataExplorerSelectClassNames as aa, DataExplorerSelectProps as ab, DataExplorerThemePresetId as ac, DataExplorerThemeSlots as ad, DataExplorerThemeStyles as ae, DataExplorerToolbarAction as af, DataExplorerToolbarActionItem as ag, DataExplorerToolbarActionKind as ah, DataExplorerToolbarActionOption as ai, DataExplorerToolbarActionsClassNames as aj, DataExplorerToolbarActionsLayout as ak, DataExplorerToolbarActionsProps as al, DataExplorerToolbarShellClassNames as am, DataExplorerToolbarShellProps as an, DataExplorerToolbarViewOption as ao, DataExplorerTreeClassNames as ap, DataExplorerTreeProps as aq, DataExplorerTreeRenderProps as ar, DataExplorerTreeShellClassNames as as, DataExplorerTreeShellProps as at, DataExplorerUploadSurfaceClassNames as au, DataExplorerUploadSurfaceProps as av, DataExplorerViewClassNames as aw, DataExplorerViewCollectionClassNames as ax, DataExplorerViewCollectionLayout as ay, DataExplorerViewCollectionOptions as az, DataExplorerActionBarProps as b, DataExplorerDraggableTreeRenderContext as b0, DataExplorerSplitButtonClassNames as b1, DataExplorerSplitButtonItem as b2, DataExplorerAppearance as c, DataExplorerBackground as d, DataExplorerBorder as e, DataExplorerButtonClassNames as f, DataExplorerButtonProps as g, DataExplorerCapabilities as h, DataExplorerCheckboxClassNames as i, DataExplorerCheckboxProps as j, DataExplorerCollectionFooterClassNames as k, DataExplorerCollectionFooterProps as l, DataExplorerControlOption as m, DataExplorerControlTone as n, DataExplorerDataAttributes as o, DataExplorerDensity as p, DataExplorerDetailFieldClassNames as q, DataExplorerDetailFieldDefinition as r, DataExplorerDetailFieldProps as s, DataExplorerDetailNavigation as t, DataExplorerDetailSectionClassNames as u, DataExplorerDetailSectionDefinition as v, DataExplorerDetailSectionProps as w, DataExplorerDetailShellClassNames as x, DataExplorerDetailShellProps as y, DataExplorerDisplayAction as z };