@inf-monkeys-tech/monkeys-design 0.4.36 → 0.4.38

package/README.md

@@ -68,6 +68,109 @@ export function Example() {
 | `@inf-monkeys-tech/monkeys-design/palette` | palette 工具 |
 | `@inf-monkeys-tech/monkeys-design/theme-system` | 主题解析与应用工具 |
 
+## LoginPage
+
+`LoginPage` 是通用登录页 UI 组件。组件库只负责页面结构和样式契约，不包含登录请求、OAuth、路由、租户判断、i18n 初始化或租户定制样式。
+
+```tsx
+import {
+  LoginPage,
+  type LoginPageMethodConfig,
+} from '@inf-monkeys-tech/monkeys-design/components/login';
+import '@inf-monkeys-tech/monkeys-design/styles/login-page.scss';
+
+const methods: LoginPageMethodConfig[] = [
+  {
+    id: 'email',
+    label: 'Email',
+    fields: [],
+    submitLabel: 'Login',
+    onSubmit: (event) => event.preventDefault(),
+  },
+];
+
+export function Example() {
+  return (
+    <LoginPage
+      background={{ imageUrl: '', gradient: '' }}
+      logo={{ url: '', position: 'bottom', scale: 1 }}
+      primaryColor="#4D8F9D"
+      radius="12px"
+      toolbar={<div />}
+      title="Welcome"
+      methods={methods}
+    />
+  );
+}
+```
+
+默认背景规则：
+
+- 配置了 `background.imageUrl` 或 `background.gradient` 时，使用配置背景。
+- 未配置背景时，浅色模式使用白色和主题色渐变。
+- 未配置背景时，`.dark` 深色模式使用黑色和主题色渐变。
+
+宿主应用负责把全局主题传入 `primaryColor` 和 `radius`，组件会把它们作为 `--login-page-theme-primary-color` 和 `--login-page-theme-radius` 默认来源；页面级 `customCss` 仍可通过公开的 `--login-page-*` 变量做租户级覆盖。深浅色切换、语言切换等应用级控件通过 `toolbar` 传入。
+
+### LoginPage CSS 契约
+
+页面级自定义样式只能依赖 `data-login-page`、`data-login-part` 和公开 CSS 变量。不要依赖租户 id，不要新增登录页代码分支。
+
+推荐优先覆盖变量：
+
+```css
+[data-login-page] {
+  --login-page-panel-bg: rgb(255 255 255 / 0.92);
+  --login-page-panel-border: rgb(17 17 17 / 0.08);
+  --login-page-panel-shadow: 0 24px 60px rgb(0 0 0 / 0.08);
+  --login-page-control-bg: #ffffff;
+  --login-page-control-border: rgb(17 17 17 / 0.12);
+  --login-page-control-text: #111111;
+  --login-page-control-placeholder: #9f9fa9;
+  --login-page-form-width: 500px;
+}
+
+.dark [data-login-page] {
+  --login-page-panel-bg: rgb(12 12 12 / 0.9);
+  --login-page-control-bg: #111111;
+}
+```
+
+公开部件：
+
+```css
+[data-login-part='root'] {}
+[data-login-part='background'] {}
+[data-login-part='toolbar'] {}
+[data-login-part='logo'] {}
+[data-login-part='logo-image'] {}
+[data-login-part='panel'] {}
+[data-login-part='back'] {}
+[data-login-part='back-icon'] {}
+[data-login-part='title'] {}
+[data-login-part='tabs'] {}
+[data-login-part='tab'] {}
+[data-login-part='tab-icon'] {}
+[data-login-part='form'] {}
+[data-login-part='field'] {}
+[data-login-part='input'] {}
+[data-login-part='checkbox-label'] {}
+[data-login-part='checkbox'] {}
+[data-login-part='method-footer'] {}
+[data-login-part='method-footer-action'] {}
+[data-login-part='submit-button'] {}
+[data-login-part='callout'] {}
+[data-login-part='callout-title'] {}
+[data-login-part='callout-description'] {}
+[data-login-part='callout-detail'] {}
+[data-login-part='callout-action'] {}
+[data-login-part='external-methods'] {}
+[data-login-part='external-label'] {}
+[data-login-part='external-list'] {}
+[data-login-part='external-button'] {}
+[data-login-part='external-icon'] {}
+```
+
 ## 基础组件
 
 基础组件从 `components/base` 子路径导入：

package/dist/components/data-explorer/index.d.mts

@@ -1,62 +1,9 @@
+export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-DnbkgyCq.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from '../../types-B81dpI1o.mjs';
-export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, h as DataExplorerCapabilities, aJ as DataExplorerCapabilityBucketsConfig, aK as DataExplorerCapabilitySidebarConfig, aL as DataExplorerCapabilityToolbarConfig, aM as DataExplorerCapabilityViewOption, aN as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, k as DataExplorerCollectionFooterClassNames, m as DataExplorerControlOption, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, w as DataExplorerDetailShellClassNames, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, T as DataExplorerDisplayMetadata, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, aO as DataExplorerShellVariantId, aP as DataExplorerSurfaceConfig, aQ as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ac as DataExplorerToolbarShellClassNames, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ay as DataExplorerViewDefinition, aB as DataExplorerViewItemDefinition, aA as DataExplorerViewItemShellClassNames, aE as DataExplorerViewOption, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, as as DataExplorerViewTreeReorderPayload } from '../../types-B81dpI1o.mjs';
-import * as React from 'react';
+import { aJ as DataExplorerDraggableTreeProps } from '../../types-BnC3Z85r.mjs';
+export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, aK as DataExplorerCapabilityBucketsConfig, aL as DataExplorerCapabilitySidebarConfig, aM as DataExplorerCapabilityToolbarConfig, aN as DataExplorerCapabilityViewOption, aO as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, aP as DataExplorerDraggableTreeClassNames, aQ as DataExplorerDraggableTreeDragPayload, aR as DataExplorerDraggableTreeFlattenedNode, aS as DataExplorerDraggableTreeLabels, aT as DataExplorerDraggableTreeNode, aU as DataExplorerDraggableTreeRenderContext, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, aV as DataExplorerShellVariantId, aW as DataExplorerSurfaceConfig, aX as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from '../../types-BnC3Z85r.mjs';
+import 'react';
 
-declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;
+declare function DataExplorerDraggableTree<TSource = unknown, TContext = unknown>({ nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, resetExpansionKey, indentSize, activationMode, loading, empty, labels, appearance, className, classNames, renderNodeActions, renderNodeChildren, onSelectNode, onExpandedNodeIdsChange, onDragEnd, }: DataExplorerDraggableTreeProps<TSource, TContext>): react_jsx_runtime.JSX.Element;
 
-declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare function DataExplorerCheckbox({ checked, icon, label, title, disabled, appearance, className, classNames, style, onCheckedChange, }: DataExplorerCheckboxProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, total, currentPage, pageSize, pageSizeOptions, loading, selectedLabel, loadedLabel, pageSizeLabel, pageText, tone, appearance, className, classNames, onJump, onPageSizeChange, }: DataExplorerCollectionFooterProps): 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>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): react_jsx_runtime.JSX.Element | null;
-
-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>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerDisplayCard<TSource = unknown>({ item, title, description, badges, meta, actions, media, header, headerLeading, headerContent, overlay, footer, children, selected, disabled, interactive, role, tabIndex, appearance, className, classNames, onClick, onKeyDown, }: DataExplorerDisplayCardProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, activeViewId, layout, appearance, selectedIds, empty, loading, loadingNode, footer, overlay, className, classNames, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, getItemClassName, cardProps, listItemProps, renderMedia, renderActions, renderItem, onOpenItem, onSelectionChange, }: DataExplorerDisplayCollectionViewProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewTree<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown>({ groups, nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, expandedGroupIds, defaultExpandedGroupIds, resetExpansionKey, nodeActions, groupActions, indentSize, empty, loading, loadingNode, error, labels, reorderMode, appearance, className, classNames, onSelectNode, onExpandedNodeIdsChange, onExpandedGroupIdsChange, onAction, onReorderNodes, }: DataExplorerViewTreeProps<TNodeSource, TGroupSource, TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerView<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, views, activeViewId, fallbackViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, collection, selectedIds, getItemId, itemDefinition, renderItem, onOpenItem, onSelectionChange, }: DataExplorerViewProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewCollection<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, activeViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, selectedIds, getItemId, itemDefinition, renderItem, getItemClassName, onOpenItem, onSelectionChange, }: DataExplorerViewCollectionProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerViewItem<TItem = unknown, TContext = unknown>(props: DataExplorerViewItemProps<TItem, TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewItemShell({ media, title, description, meta, badges, actions, footer, children, className, classNames, }: DataExplorerViewItemShellProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty, children, className, classNames, }: DataExplorerViewShellProps): react_jsx_runtime.JSX.Element;
-
-declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
-declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
-declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
-
-export { DataExplorerActionBar, DataExplorerActionBarProps, DataExplorerAppearance, DataExplorerButton, DataExplorerButtonProps, DataExplorerCheckbox, DataExplorerCheckboxProps, DataExplorerCollectionFooter, DataExplorerCollectionFooterProps, DataExplorerControlTone, DataExplorerDetailField, DataExplorerDetailFieldProps, DataExplorerDetailSection, DataExplorerDetailSectionProps, DataExplorerDetailShell, DataExplorerDetailShellProps, DataExplorerDisplayActionMenu, DataExplorerDisplayActionMenuProps, DataExplorerDisplayCard, DataExplorerDisplayCardProps, DataExplorerDisplayCollectionView, DataExplorerDisplayCollectionViewProps, DataExplorerDisplayListItem, DataExplorerDisplayListItemProps, DataExplorerDisplayMedia, DataExplorerDisplayMediaProps, DataExplorerImagePreview, DataExplorerImagePreviewProps, DataExplorerPage, DataExplorerPageProps, DataExplorerRecordCard, DataExplorerRecordCardProps, DataExplorerResolvedTheme, DataExplorerSelect, DataExplorerSelectProps, DataExplorerToolbarActions, DataExplorerToolbarActionsProps, DataExplorerToolbarShell, DataExplorerToolbarShellProps, DataExplorerTree, DataExplorerTreeProps, DataExplorerTreeShell, DataExplorerTreeShellProps, DataExplorerView, DataExplorerViewCollection, DataExplorerViewCollectionProps, DataExplorerViewId, DataExplorerViewItem, DataExplorerViewItemProps, DataExplorerViewItemShell, DataExplorerViewItemShellProps, DataExplorerViewProps, DataExplorerViewShell, DataExplorerViewShellProps, DataExplorerViewTree, DataExplorerViewTreeProps, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance };
+export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps };

package/dist/components/data-explorer/index.d.ts

@@ -1,62 +1,9 @@
+export { D as DataExplorerActionBar, a as DataExplorerButton, b as DataExplorerCheckbox, c as DataExplorerCollectionFooter, f as DataExplorerDetailField, g as DataExplorerDetailSection, h as DataExplorerDetailShell, i as DataExplorerDisplayActionMenu, j as DataExplorerDisplayCard, k as DataExplorerDisplayCollectionView, l as DataExplorerDisplayListItem, m as DataExplorerDisplayMedia, n as DataExplorerImagePreview, o as DataExplorerPage, p as DataExplorerRecordCard, d as DataExplorerSelect, e as DataExplorerToolbarActions, q as DataExplorerToolbarShell, r as DataExplorerTree, s as DataExplorerTreeShell, u as DataExplorerView, v as DataExplorerViewCollection, w as DataExplorerViewItem, x as DataExplorerViewItemShell, y as DataExplorerViewShell, t as DataExplorerViewTree, z as getDataExplorerActionToneClassName, A as getDataExplorerMenuItemToneClassName, B as resolveDataExplorerAppearance } from '../../theme-rXHbVr6l.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { a as DataExplorerActionBarProps, g as DataExplorerButtonProps, j as DataExplorerCheckboxProps, l as DataExplorerCollectionFooterProps, a0 as DataExplorerSelectProps, ab as DataExplorerToolbarActionsProps, r as DataExplorerDetailFieldProps, v as DataExplorerDetailSectionProps, x as DataExplorerDetailShellProps, F as DataExplorerDisplayActionMenuProps, I as DataExplorerDisplayCardProps, L as DataExplorerDisplayCollectionViewProps, O as DataExplorerDisplayListItemProps, S as DataExplorerDisplayMediaProps, A as DataExplorerImagePreviewProps, V as DataExplorerPageProps, X as DataExplorerRecordCardProps, ad as DataExplorerToolbarShellProps, aj as DataExplorerTreeProps, ai as DataExplorerTreeShellProps, ar as DataExplorerViewTreeProps, az as DataExplorerViewId, aI as DataExplorerViewProps, ax as DataExplorerViewCollectionProps, aD as DataExplorerViewItemProps, aC as DataExplorerViewItemShellProps, aH as DataExplorerViewShellProps, Y as DataExplorerResolvedTheme, n as DataExplorerControlTone, c as DataExplorerAppearance } from '../../types-B81dpI1o.js';
-export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, h as DataExplorerCapabilities, aJ as DataExplorerCapabilityBucketsConfig, aK as DataExplorerCapabilitySidebarConfig, aL as DataExplorerCapabilityToolbarConfig, aM as DataExplorerCapabilityViewOption, aN as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, k as DataExplorerCollectionFooterClassNames, m as DataExplorerControlOption, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, w as DataExplorerDetailShellClassNames, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, T as DataExplorerDisplayMetadata, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, aO as DataExplorerShellVariantId, aP as DataExplorerSurfaceConfig, aQ as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ac as DataExplorerToolbarShellClassNames, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ay as DataExplorerViewDefinition, aB as DataExplorerViewItemDefinition, aA as DataExplorerViewItemShellClassNames, aE as DataExplorerViewOption, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, as as DataExplorerViewTreeReorderPayload } from '../../types-B81dpI1o.js';
-import * as React from 'react';
+import { aJ as DataExplorerDraggableTreeProps } from '../../types-BnC3Z85r.js';
+export { b as DataExplorerAction, D as DataExplorerActionBarClassNames, a as DataExplorerActionBarProps, c as DataExplorerAppearance, d as DataExplorerBackground, e as DataExplorerBorder, f as DataExplorerButtonClassNames, g as DataExplorerButtonProps, h as DataExplorerCapabilities, aK as DataExplorerCapabilityBucketsConfig, aL as DataExplorerCapabilitySidebarConfig, aM as DataExplorerCapabilityToolbarConfig, aN as DataExplorerCapabilityViewOption, aO as DataExplorerCapabilityViewsConfig, i as DataExplorerCheckboxClassNames, j as DataExplorerCheckboxProps, k as DataExplorerCollectionFooterClassNames, l as DataExplorerCollectionFooterProps, m as DataExplorerControlOption, n as DataExplorerControlTone, o as DataExplorerDensity, p as DataExplorerDetailFieldClassNames, q as DataExplorerDetailFieldDefinition, r as DataExplorerDetailFieldProps, s as DataExplorerDetailNavigation, t as DataExplorerDetailSectionClassNames, u as DataExplorerDetailSectionDefinition, v as DataExplorerDetailSectionProps, w as DataExplorerDetailShellClassNames, x as DataExplorerDetailShellProps, B as DataExplorerDisplayAction, C as DataExplorerDisplayActionContext, E as DataExplorerDisplayActionMenuClassNames, F as DataExplorerDisplayActionMenuProps, G as DataExplorerDisplayBadge, H as DataExplorerDisplayCardClassNames, I as DataExplorerDisplayCardProps, J as DataExplorerDisplayCollectionItemContext, K as DataExplorerDisplayCollectionItemPropsResolver, L as DataExplorerDisplayCollectionViewProps, M as DataExplorerDisplayItem, N as DataExplorerDisplayListItemClassNames, O as DataExplorerDisplayListItemProps, P as DataExplorerDisplayMediaClassNames, Q as DataExplorerDisplayMediaItem, R as DataExplorerDisplayMediaKind, S as DataExplorerDisplayMediaProps, T as DataExplorerDisplayMetadata, aP as DataExplorerDraggableTreeClassNames, aQ as DataExplorerDraggableTreeDragPayload, aR as DataExplorerDraggableTreeFlattenedNode, aS as DataExplorerDraggableTreeLabels, aT as DataExplorerDraggableTreeNode, aU as DataExplorerDraggableTreeRenderContext, y as DataExplorerImagePreviewClassNames, z as DataExplorerImagePreviewNaturalSize, A as DataExplorerImagePreviewProps, a4 as DataExplorerMeasuredGridOptions, U as DataExplorerPageClassNames, V as DataExplorerPageProps, _ as DataExplorerRadius, W as DataExplorerRecordCardClassNames, X as DataExplorerRecordCardProps, Y as DataExplorerResolvedTheme, Z as DataExplorerResolver, $ as DataExplorerSelectClassNames, a0 as DataExplorerSelectProps, aV as DataExplorerShellVariantId, aW as DataExplorerSurfaceConfig, aX as DataExplorerSurfaceId, a1 as DataExplorerThemePresetId, a3 as DataExplorerThemeSlots, a2 as DataExplorerThemeStyles, a5 as DataExplorerToolbarAction, a6 as DataExplorerToolbarActionItem, a7 as DataExplorerToolbarActionKind, a8 as DataExplorerToolbarActionOption, a9 as DataExplorerToolbarActionsClassNames, aa as DataExplorerToolbarActionsLayout, ab as DataExplorerToolbarActionsProps, ac as DataExplorerToolbarShellClassNames, ad as DataExplorerToolbarShellProps, ae as DataExplorerToolbarViewOption, af as DataExplorerTreeClassNames, aj as DataExplorerTreeProps, ag as DataExplorerTreeRenderProps, ah as DataExplorerTreeShellClassNames, ai as DataExplorerTreeShellProps, at as DataExplorerViewClassNames, au as DataExplorerViewCollectionClassNames, av as DataExplorerViewCollectionLayout, aw as DataExplorerViewCollectionOptions, ax as DataExplorerViewCollectionProps, ay as DataExplorerViewDefinition, az as DataExplorerViewId, aB as DataExplorerViewItemDefinition, aD as DataExplorerViewItemProps, aA as DataExplorerViewItemShellClassNames, aC as DataExplorerViewItemShellProps, aE as DataExplorerViewOption, aI as DataExplorerViewProps, aF as DataExplorerViewRenderProps, aG as DataExplorerViewShellClassNames, aH as DataExplorerViewShellProps, ak as DataExplorerViewTreeAction, al as DataExplorerViewTreeActionContext, am as DataExplorerViewTreeClassNames, an as DataExplorerViewTreeEntryType, ao as DataExplorerViewTreeGroup, ap as DataExplorerViewTreeLabels, aq as DataExplorerViewTreeNode, ar as DataExplorerViewTreeProps, as as DataExplorerViewTreeReorderPayload } from '../../types-BnC3Z85r.js';
+import 'react';
 
-declare function DataExplorerActionBar<TContext = unknown>({ context, actions, leading, trailing, children, empty, appearance, className, classNames, }: DataExplorerActionBarProps<TContext>): react_jsx_runtime.JSX.Element | null;
+declare function DataExplorerDraggableTree<TSource = unknown, TContext = unknown>({ nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, resetExpansionKey, indentSize, activationMode, loading, empty, labels, appearance, className, classNames, renderNodeActions, renderNodeChildren, onSelectNode, onExpandedNodeIdsChange, onDragEnd, }: DataExplorerDraggableTreeProps<TSource, TContext>): react_jsx_runtime.JSX.Element;
 
-declare const DataExplorerButton: React.ForwardRefExoticComponent<DataExplorerButtonProps & React.RefAttributes<HTMLButtonElement>>;
-
-declare function DataExplorerCheckbox({ checked, icon, label, title, disabled, appearance, className, classNames, style, onCheckedChange, }: DataExplorerCheckboxProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerCollectionFooter({ selectedCount, loadedStart, loadedEnd, total, currentPage, pageSize, pageSizeOptions, loading, selectedLabel, loadedLabel, pageSizeLabel, pageText, tone, appearance, className, classNames, onJump, onPageSizeChange, }: DataExplorerCollectionFooterProps): 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>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerDetailField<TContext = unknown>({ field, label, icon, value, children, context, className, valueClassName, classNames, }: DataExplorerDetailFieldProps<TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDetailSection<TContext = unknown>({ section, title, fields, children, context, className, classNames, fieldClassNames, }: DataExplorerDetailSectionProps<TContext>): react_jsx_runtime.JSX.Element | null;
-
-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>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerDisplayCard<TSource = unknown>({ item, title, description, badges, meta, actions, media, header, headerLeading, headerContent, overlay, footer, children, selected, disabled, interactive, role, tabIndex, appearance, className, classNames, onClick, onKeyDown, }: DataExplorerDisplayCardProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayCollectionView<TSource = unknown>({ items, activeViewId, layout, appearance, selectedIds, empty, loading, loadingNode, footer, overlay, className, classNames, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, getItemClassName, cardProps, listItemProps, renderMedia, renderActions, renderItem, onOpenItem, onSelectionChange, }: DataExplorerDisplayCollectionViewProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayListItem<TSource = unknown>({ className, classNames, ...props }: DataExplorerDisplayListItemProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerDisplayMedia<TSource = unknown>({ media, fallbackTitle, empty, className, classNames, onOpen, }: DataExplorerDisplayMediaProps<TSource>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerImagePreview({ src, alt, empty, actions, actionContext, toolbarActions, zoomStep, stagePadding, minScale, maxScale, controlsVisible, zoomLabelVisible, resetLabel, zoomInLabel, zoomOutLabel, appearance, className, classNames, onLoad, onError, }: DataExplorerImagePreviewProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerPage({ sidebar, tree, toolbar, controls, notices, content, view, detail, className, classNames, }: DataExplorerPageProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerRecordCard<TSource = unknown>({ item, selected, active, disabled, hasMedia, showHeaderWithMedia, selectionVisible, favoriteVisible, overlayControlsAlwaysVisible, favoriteActive, favoriteLabel, favoriteActiveLabel, selectLabel, unselectLabel, actions, media, footer, checkbox, favorite, keywordLimit, appearance, className, classNames, onClick, onToggleSelection, onToggleFavorite, }: DataExplorerRecordCardProps<TSource>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerToolbarShell<TContext = unknown>({ context, leading, leadingActions, searchValue, searchPlaceholder, searchIcon, viewOptions, activeViewId, actions, toolbarActions, appearance, children, className, classNames, onSearchChange, onSearchSubmit, onViewChange, }: DataExplorerToolbarShellProps<TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerTree<TNode = unknown, TContext = unknown>({ nodes, context, capabilities, className, classNames, empty, selectedNodeId, getNodeId, getChildren, renderNode, onSelect, }: DataExplorerTreeProps<TNode, TContext>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerTreeShell({ title, subtitle, toolbar, footer, children, className, classNames, }: DataExplorerTreeShellProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewTree<TNodeSource = unknown, TGroupSource = unknown, TContext = unknown>({ groups, nodes, context, selectedNodeId, expandedNodeIds, defaultExpandedNodeIds, expandedGroupIds, defaultExpandedGroupIds, resetExpansionKey, nodeActions, groupActions, indentSize, empty, loading, loadingNode, error, labels, reorderMode, appearance, className, classNames, onSelectNode, onExpandedNodeIdsChange, onExpandedGroupIdsChange, onAction, onReorderNodes, }: DataExplorerViewTreeProps<TNodeSource, TGroupSource, TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerView<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, views, activeViewId, fallbackViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, collection, selectedIds, getItemId, itemDefinition, renderItem, onOpenItem, onSelectionChange, }: DataExplorerViewProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewCollection<TItem = unknown, TContext = unknown, TViewId extends DataExplorerViewId = DataExplorerViewId>({ items, activeViewId, context, capabilities, className, classNames, empty, loading, loadingNode, footer, overlay, layout, scrollable, wrapItems, measuredGrid, itemsStyle, itemStyle, selectedIds, getItemId, itemDefinition, renderItem, getItemClassName, onOpenItem, onSelectionChange, }: DataExplorerViewCollectionProps<TItem, TContext, TViewId>): react_jsx_runtime.JSX.Element | null;
-
-declare function DataExplorerViewItem<TItem = unknown, TContext = unknown>(props: DataExplorerViewItemProps<TItem, TContext>): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewItemShell({ media, title, description, meta, badges, actions, footer, children, className, classNames, }: DataExplorerViewItemShellProps): react_jsx_runtime.JSX.Element;
-
-declare function DataExplorerViewShell({ header, footer, overlay, empty, isEmpty, children, className, classNames, }: DataExplorerViewShellProps): react_jsx_runtime.JSX.Element;
-
-declare function resolveDataExplorerAppearance(appearance?: DataExplorerAppearance): DataExplorerResolvedTheme;
-declare function getDataExplorerActionToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined, active: boolean): string;
-declare function getDataExplorerMenuItemToneClassName(theme: DataExplorerResolvedTheme, tone: DataExplorerControlTone | undefined): string | undefined;
-
-export { DataExplorerActionBar, DataExplorerActionBarProps, DataExplorerAppearance, DataExplorerButton, DataExplorerButtonProps, DataExplorerCheckbox, DataExplorerCheckboxProps, DataExplorerCollectionFooter, DataExplorerCollectionFooterProps, DataExplorerControlTone, DataExplorerDetailField, DataExplorerDetailFieldProps, DataExplorerDetailSection, DataExplorerDetailSectionProps, DataExplorerDetailShell, DataExplorerDetailShellProps, DataExplorerDisplayActionMenu, DataExplorerDisplayActionMenuProps, DataExplorerDisplayCard, DataExplorerDisplayCardProps, DataExplorerDisplayCollectionView, DataExplorerDisplayCollectionViewProps, DataExplorerDisplayListItem, DataExplorerDisplayListItemProps, DataExplorerDisplayMedia, DataExplorerDisplayMediaProps, DataExplorerImagePreview, DataExplorerImagePreviewProps, DataExplorerPage, DataExplorerPageProps, DataExplorerRecordCard, DataExplorerRecordCardProps, DataExplorerResolvedTheme, DataExplorerSelect, DataExplorerSelectProps, DataExplorerToolbarActions, DataExplorerToolbarActionsProps, DataExplorerToolbarShell, DataExplorerToolbarShellProps, DataExplorerTree, DataExplorerTreeProps, DataExplorerTreeShell, DataExplorerTreeShellProps, DataExplorerView, DataExplorerViewCollection, DataExplorerViewCollectionProps, DataExplorerViewId, DataExplorerViewItem, DataExplorerViewItemProps, DataExplorerViewItemShell, DataExplorerViewItemShellProps, DataExplorerViewProps, DataExplorerViewShell, DataExplorerViewShellProps, DataExplorerViewTree, DataExplorerViewTreeProps, getDataExplorerActionToneClassName, getDataExplorerMenuItemToneClassName, resolveDataExplorerAppearance };
+export { DataExplorerDraggableTree, DataExplorerDraggableTreeProps };