@nubitio/react-admin 0.5.10 → 0.5.13

package/README.md

@@ -19,6 +19,20 @@ npm install @nubitio/react-admin
 "react-router-dom": "^6"
 ```
 
+Icons are [Phosphor](https://phosphoricons.com) CSS classes (`ph ph-*`) used
+throughout the shell, grids and forms — install and import the webfont once:
+
+```bash
+npm install @phosphor-icons/web
+```
+
+```ts
+// main.tsx
+import '@phosphor-icons/web/regular';
+```
+
+Without it, menu and toolbar icons render as empty squares.
+
 ## Quick start
 
 ```tsx

package/dist/index.cjs

@@ -382,6 +382,12 @@ Object.defineProperty(exports, "buildFields", {
 		return _nubitio_crud.buildFields;
 	}
 });
+Object.defineProperty(exports, "buildMercureCollectionTopic", {
+	enumerable: true,
+	get: function() {
+		return _nubitio_core.buildMercureCollectionTopic;
+	}
+});
 Object.defineProperty(exports, "checkboxField", {
 	enumerable: true,
 	get: function() {
@@ -424,6 +430,12 @@ Object.defineProperty(exports, "createCrudEvents", {
 		return _nubitio_crud.createCrudEvents;
 	}
 });
+Object.defineProperty(exports, "createRestResourceStore", {
+	enumerable: true,
+	get: function() {
+		return _nubitio_crud.createRestResourceStore;
+	}
+});
 Object.defineProperty(exports, "crudRoute", {
 	enumerable: true,
 	get: function() {
@@ -514,6 +526,12 @@ Object.defineProperty(exports, "getCoreTimezone", {
 		return _nubitio_core.getCoreTimezone;
 	}
 });
+Object.defineProperty(exports, "getMercureTopicOrigin", {
+	enumerable: true,
+	get: function() {
+		return _nubitio_core.getMercureTopicOrigin;
+	}
+});
 Object.defineProperty(exports, "identityField", {
 	enumerable: true,
 	get: function() {
@@ -568,6 +586,12 @@ Object.defineProperty(exports, "passwordField", {
 		return _nubitio_crud.passwordField;
 	}
 });
+Object.defineProperty(exports, "resolveMercureTopicOrigin", {
+	enumerable: true,
+	get: function() {
+		return _nubitio_core.resolveMercureTopicOrigin;
+	}
+});
 Object.defineProperty(exports, "resolveRangeTag", {
 	enumerable: true,
 	get: function() {

package/dist/index.d.cts

@@ -1,6 +1,6 @@
-import { CoreConfig, CoreConfigProvider, CoreConfigProviderProps, CoreHttpClient, CoreHttpClientConfig, CoreProvider, CoreProviderProps, CoreTranslationKeys, DataRecord, DateUtils, EventSubscription, MercureProvider, MercureProviderProps, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, initCoreI18n, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
-import { AuditEntry, AuditTrailConfig, AuditTrailPanel, AuditTrailPanelProps, BackendAdapter, BulkAction, ColumnPreset, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, EnumOption, FORM_EVENTS, Field, FieldBuilder, FieldDef, FieldInput, FieldOverride, FormHandle, FormLayout, FormOnChangeFn, FormSection, FormTab, FormView, FormatterFn, GridCellContext, GridHandle, GridOnChangeFn, HydraAdapter, LoadOption, OnChangeFn, ResourceConfig, ResourceFormDetail, ResourceGridDetail, ResourcePermissions, ResourceRouting, ResourceRowActions, ResourceSchemaResolver, ResourceStore, ResourceStoreFactory, ResourceStoreProvider, ResourceStoreProviderProps, ResourceToolbar, ResourceToolbarAction, ResourceToolbarActionVariant, ResourceToolbarContext, ResourceToolbarItems, RestAdapter, SmartCrudFieldContract, SmartCrudFieldOperation, SmartCrudFieldPatch, SmartCrudHydraFieldContract, SmartCrudHydraFieldDirective, SmartCrudManualField, SmartCrudManualFieldContract, SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
+import { CoreConfig, CoreConfigProvider, CoreConfigProviderProps, CoreHttpClient, CoreHttpClientConfig, CoreProvider, CoreProviderProps, CoreTranslationKeys, DataRecord, DateUtils, EventSubscription, MercureProvider, MercureProviderProps, buildMercureCollectionTopic, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, initCoreI18n, resolveMercureTopicOrigin, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
+import { AuditEntry, AuditTrailConfig, AuditTrailPanel, AuditTrailPanelProps, BackendAdapter, BulkAction, ColumnPreset, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, EnumOption, FORM_EVENTS, Field, FieldBuilder, FieldDef, FieldInput, FieldOverride, FormHandle, FormLayout, FormOnChangeFn, FormSection, FormTab, FormView, FormatterFn, GridCellContext, GridHandle, GridOnChangeFn, HydraAdapter, LoadOption, OnChangeFn, ResourceConfig, ResourceFormDetail, ResourceGridDetail, ResourcePermissions, ResourceRouting, ResourceRowActions, ResourceSchemaResolver, ResourceStore, ResourceStoreFactory, ResourceStoreProvider, ResourceStoreProviderProps, ResourceToolbar, ResourceToolbarAction, ResourceToolbarActionVariant, ResourceToolbarContext, ResourceToolbarItems, RestAdapter, RestQueryDialect, SmartCrudFieldContract, SmartCrudFieldOperation, SmartCrudFieldPatch, SmartCrudHydraFieldContract, SmartCrudHydraFieldDirective, SmartCrudManualField, SmartCrudManualFieldContract, SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
 import { ApiDoc, HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, OpenApiDoc, RemoteDataSourceOptions, RemoteFilterDescriptor, RemoteLoadOptions, RemoteSortDescriptor, SchemaProvider, UseSchemaContextResult, mapHydraSchemaToFields, parseHydraDoc, parseOpenApiDoc, resolveRangeTag, useHydraMetadata, useResourceSchema, useSchemaContext } from "@nubitio/hydra";
 import { ACCENT_PRESETS, AccentPreset, AppDialog, AppDialogProps, AppDropdown, AppDropdownOption, AppDropdownProps, AppDropdownVariant, AppToolbar, AppToolbarProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardProps, Chip, ChipProps, CollapsibleSection, CollapsibleSectionProps, ConfirmDialog, ConfirmDialogProps, ContextMenu, ContextMenuItem, ContextMenuProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Density, DensityProvider, Drawer, DrawerProps, DrawerSide, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, EmptyStateProps, FormField, FormFieldProps, IconButton, IconButtonProps, Popover, PopoverProps, SelectField, SelectFieldProps, SettingsPanel, SettingsPanelProps, Skeleton, SkeletonProps, StatCard, StatCardProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, Theme, ThemeContext, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeSwitcher, ThemeSwitcherProps, Timeline, TimelineItem, TimelineItemProps, TimelineItemStatus, TimelineItemTone, TimelineOrientation, TimelineProps, TimelineVariant, Toggle, ToggleProps, UiStrings, UiStringsProvider, UiStringsProviderProps, useAccentColor, useDensity, useTheme, useUiStrings } from "@nubitio/ui";
 import { AdminHeader, AdminHeaderAction, AdminHeaderProps, AdminMenuItem, AdminMenuSubItem, AdminShell, AdminShellProps, AdminSidebarMenu, AdminSidebarMenuProps, AdminSidebarMenuSelectEvent, useScreenSize, useScreenSizeClass } from "@nubitio/admin";
-export { ACCENT_PRESETS, type AccentPreset, AdminHeader, type AdminHeaderAction, type AdminHeaderProps, type AdminMenuItem, type AdminMenuSubItem, AdminShell, type AdminShellProps, AdminSidebarMenu, type AdminSidebarMenuProps, type AdminSidebarMenuSelectEvent, type ApiDoc, AppDialog, type AppDialogProps, AppDropdown, type AppDropdownOption, type AppDropdownProps, type AppDropdownVariant, AppToolbar, type AppToolbarProps, type AuditEntry, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, Avatar, type AvatarProps, type BackendAdapter, Badge, type BadgeProps, type BulkAction, Button, type ButtonProps, Card, type CardProps, Chip, type ChipProps, CollapsibleSection, type CollapsibleSectionProps, type ColumnPreset, ColumnPresetSelector, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CoreConfig, CoreConfigProvider, type CoreConfigProviderProps, type CoreHttpClient, type CoreHttpClientConfig, CoreProvider, type CoreProviderProps, type CoreTranslationKeys, CrudPage, DATA_GRID_EVENTS, DataGridView, type DataRecord, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateUtils, type Density, DensityProvider, DialogView, Drawer, type DrawerProps, type DrawerSide, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, type EmptyStateProps, type EnumOption, type EventSubscription, FORM_EVENTS, type Field, FieldBuilder, type FieldDef, type FieldInput, type FieldOverride, FormField, type FormFieldProps, type FormHandle, type FormLayout, type FormOnChangeFn, type FormSection, type FormTab, FormView, type FormatterFn, type GridCellContext, type GridHandle, type GridOnChangeFn, HydraAdapter, type HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, type IconButtonProps, type LoadOption, MercureProvider, type MercureProviderProps, type OnChangeFn, type OpenApiDoc, Popover, type PopoverProps, type RemoteDataSourceOptions, type RemoteFilterDescriptor, type RemoteLoadOptions, type RemoteSortDescriptor, type ResourceConfig, type ResourceFormDetail, type ResourceGridDetail, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, type ResourceSchemaResolver, type ResourceStore, type ResourceStoreFactory, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, SchemaProvider, SelectField, type SelectFieldProps, SettingsPanel, type SettingsPanelProps, Skeleton, type SkeletonProps, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, StatCard, type StatCardProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type Theme, ThemeContext, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeSwitcher, type ThemeSwitcherProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemStatus, type TimelineItemTone, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toggle, type ToggleProps, ToolbarSelect, type UiStrings, UiStringsProvider, type UiStringsProviderProps, type UseSchemaContextResult, buildFields, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };
+export { ACCENT_PRESETS, type AccentPreset, AdminHeader, type AdminHeaderAction, type AdminHeaderProps, type AdminMenuItem, type AdminMenuSubItem, AdminShell, type AdminShellProps, AdminSidebarMenu, type AdminSidebarMenuProps, type AdminSidebarMenuSelectEvent, type ApiDoc, AppDialog, type AppDialogProps, AppDropdown, type AppDropdownOption, type AppDropdownProps, type AppDropdownVariant, AppToolbar, type AppToolbarProps, type AuditEntry, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, Avatar, type AvatarProps, type BackendAdapter, Badge, type BadgeProps, type BulkAction, Button, type ButtonProps, Card, type CardProps, Chip, type ChipProps, CollapsibleSection, type CollapsibleSectionProps, type ColumnPreset, ColumnPresetSelector, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CoreConfig, CoreConfigProvider, type CoreConfigProviderProps, type CoreHttpClient, type CoreHttpClientConfig, CoreProvider, type CoreProviderProps, type CoreTranslationKeys, CrudPage, DATA_GRID_EVENTS, DataGridView, type DataRecord, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateUtils, type Density, DensityProvider, DialogView, Drawer, type DrawerProps, type DrawerSide, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, type EmptyStateProps, type EnumOption, type EventSubscription, FORM_EVENTS, type Field, FieldBuilder, type FieldDef, type FieldInput, type FieldOverride, FormField, type FormFieldProps, type FormHandle, type FormLayout, type FormOnChangeFn, type FormSection, type FormTab, FormView, type FormatterFn, type GridCellContext, type GridHandle, type GridOnChangeFn, HydraAdapter, type HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, type IconButtonProps, type LoadOption, MercureProvider, type MercureProviderProps, type OnChangeFn, type OpenApiDoc, Popover, type PopoverProps, type RemoteDataSourceOptions, type RemoteFilterDescriptor, type RemoteLoadOptions, type RemoteSortDescriptor, type ResourceConfig, type ResourceFormDetail, type ResourceGridDetail, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, type ResourceSchemaResolver, type ResourceStore, type ResourceStoreFactory, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, SchemaProvider, SelectField, type SelectFieldProps, SettingsPanel, type SettingsPanelProps, Skeleton, type SkeletonProps, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, StatCard, type StatCardProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type Theme, ThemeContext, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeSwitcher, type ThemeSwitcherProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemStatus, type TimelineItemTone, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toggle, type ToggleProps, ToolbarSelect, type UiStrings, UiStringsProvider, type UiStringsProviderProps, type UseSchemaContextResult, buildFields, buildMercureCollectionTopic, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveMercureTopicOrigin, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };

package/dist/index.d.mts

@@ -1,6 +1,6 @@
-import { CoreConfig, CoreConfigProvider, CoreConfigProviderProps, CoreHttpClient, CoreHttpClientConfig, CoreProvider, CoreProviderProps, CoreTranslationKeys, DataRecord, DateUtils, EventSubscription, MercureProvider, MercureProviderProps, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, initCoreI18n, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
-import { AuditEntry, AuditTrailConfig, AuditTrailPanel, AuditTrailPanelProps, BackendAdapter, BulkAction, ColumnPreset, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, EnumOption, FORM_EVENTS, Field, FieldBuilder, FieldDef, FieldInput, FieldOverride, FormHandle, FormLayout, FormOnChangeFn, FormSection, FormTab, FormView, FormatterFn, GridCellContext, GridHandle, GridOnChangeFn, HydraAdapter, LoadOption, OnChangeFn, ResourceConfig, ResourceFormDetail, ResourceGridDetail, ResourcePermissions, ResourceRouting, ResourceRowActions, ResourceSchemaResolver, ResourceStore, ResourceStoreFactory, ResourceStoreProvider, ResourceStoreProviderProps, ResourceToolbar, ResourceToolbarAction, ResourceToolbarActionVariant, ResourceToolbarContext, ResourceToolbarItems, RestAdapter, SmartCrudFieldContract, SmartCrudFieldOperation, SmartCrudFieldPatch, SmartCrudHydraFieldContract, SmartCrudHydraFieldDirective, SmartCrudManualField, SmartCrudManualFieldContract, SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
+import { CoreConfig, CoreConfigProvider, CoreConfigProviderProps, CoreHttpClient, CoreHttpClientConfig, CoreProvider, CoreProviderProps, CoreTranslationKeys, DataRecord, DateUtils, EventSubscription, MercureProvider, MercureProviderProps, buildMercureCollectionTopic, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, initCoreI18n, resolveMercureTopicOrigin, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
+import { AuditEntry, AuditTrailConfig, AuditTrailPanel, AuditTrailPanelProps, BackendAdapter, BulkAction, ColumnPreset, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, EnumOption, FORM_EVENTS, Field, FieldBuilder, FieldDef, FieldInput, FieldOverride, FormHandle, FormLayout, FormOnChangeFn, FormSection, FormTab, FormView, FormatterFn, GridCellContext, GridHandle, GridOnChangeFn, HydraAdapter, LoadOption, OnChangeFn, ResourceConfig, ResourceFormDetail, ResourceGridDetail, ResourcePermissions, ResourceRouting, ResourceRowActions, ResourceSchemaResolver, ResourceStore, ResourceStoreFactory, ResourceStoreProvider, ResourceStoreProviderProps, ResourceToolbar, ResourceToolbarAction, ResourceToolbarActionVariant, ResourceToolbarContext, ResourceToolbarItems, RestAdapter, RestQueryDialect, SmartCrudFieldContract, SmartCrudFieldOperation, SmartCrudFieldPatch, SmartCrudHydraFieldContract, SmartCrudHydraFieldDirective, SmartCrudManualField, SmartCrudManualFieldContract, SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
 import { ApiDoc, HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, OpenApiDoc, RemoteDataSourceOptions, RemoteFilterDescriptor, RemoteLoadOptions, RemoteSortDescriptor, SchemaProvider, UseSchemaContextResult, mapHydraSchemaToFields, parseHydraDoc, parseOpenApiDoc, resolveRangeTag, useHydraMetadata, useResourceSchema, useSchemaContext } from "@nubitio/hydra";
 import { ACCENT_PRESETS, AccentPreset, AppDialog, AppDialogProps, AppDropdown, AppDropdownOption, AppDropdownProps, AppDropdownVariant, AppToolbar, AppToolbarProps, Avatar, AvatarProps, Badge, BadgeProps, Button, ButtonProps, Card, CardProps, Chip, ChipProps, CollapsibleSection, CollapsibleSectionProps, ConfirmDialog, ConfirmDialogProps, ContextMenu, ContextMenuItem, ContextMenuProps, DatePicker, DatePickerProps, DateRangePicker, DateRangePickerProps, Density, DensityProvider, Drawer, DrawerProps, DrawerSide, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, EmptyStateProps, FormField, FormFieldProps, IconButton, IconButtonProps, Popover, PopoverProps, SelectField, SelectFieldProps, SettingsPanel, SettingsPanelProps, Skeleton, SkeletonProps, StatCard, StatCardProps, TextAreaField, TextAreaFieldProps, TextField, TextFieldProps, Theme, ThemeContext, ThemeContextValue, ThemeMode, ThemeProvider, ThemeProviderProps, ThemeSwitcher, ThemeSwitcherProps, Timeline, TimelineItem, TimelineItemProps, TimelineItemStatus, TimelineItemTone, TimelineOrientation, TimelineProps, TimelineVariant, Toggle, ToggleProps, UiStrings, UiStringsProvider, UiStringsProviderProps, useAccentColor, useDensity, useTheme, useUiStrings } from "@nubitio/ui";
 import { AdminHeader, AdminHeaderAction, AdminHeaderProps, AdminMenuItem, AdminMenuSubItem, AdminShell, AdminShellProps, AdminSidebarMenu, AdminSidebarMenuProps, AdminSidebarMenuSelectEvent, useScreenSize, useScreenSizeClass } from "@nubitio/admin";
-export { ACCENT_PRESETS, type AccentPreset, AdminHeader, type AdminHeaderAction, type AdminHeaderProps, type AdminMenuItem, type AdminMenuSubItem, AdminShell, type AdminShellProps, AdminSidebarMenu, type AdminSidebarMenuProps, type AdminSidebarMenuSelectEvent, type ApiDoc, AppDialog, type AppDialogProps, AppDropdown, type AppDropdownOption, type AppDropdownProps, type AppDropdownVariant, AppToolbar, type AppToolbarProps, type AuditEntry, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, Avatar, type AvatarProps, type BackendAdapter, Badge, type BadgeProps, type BulkAction, Button, type ButtonProps, Card, type CardProps, Chip, type ChipProps, CollapsibleSection, type CollapsibleSectionProps, type ColumnPreset, ColumnPresetSelector, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CoreConfig, CoreConfigProvider, type CoreConfigProviderProps, type CoreHttpClient, type CoreHttpClientConfig, CoreProvider, type CoreProviderProps, type CoreTranslationKeys, CrudPage, DATA_GRID_EVENTS, DataGridView, type DataRecord, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateUtils, type Density, DensityProvider, DialogView, Drawer, type DrawerProps, type DrawerSide, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, type EmptyStateProps, type EnumOption, type EventSubscription, FORM_EVENTS, type Field, FieldBuilder, type FieldDef, type FieldInput, type FieldOverride, FormField, type FormFieldProps, type FormHandle, type FormLayout, type FormOnChangeFn, type FormSection, type FormTab, FormView, type FormatterFn, type GridCellContext, type GridHandle, type GridOnChangeFn, HydraAdapter, type HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, type IconButtonProps, type LoadOption, MercureProvider, type MercureProviderProps, type OnChangeFn, type OpenApiDoc, Popover, type PopoverProps, type RemoteDataSourceOptions, type RemoteFilterDescriptor, type RemoteLoadOptions, type RemoteSortDescriptor, type ResourceConfig, type ResourceFormDetail, type ResourceGridDetail, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, type ResourceSchemaResolver, type ResourceStore, type ResourceStoreFactory, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, SchemaProvider, SelectField, type SelectFieldProps, SettingsPanel, type SettingsPanelProps, Skeleton, type SkeletonProps, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, StatCard, type StatCardProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type Theme, ThemeContext, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeSwitcher, type ThemeSwitcherProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemStatus, type TimelineItemTone, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toggle, type ToggleProps, ToolbarSelect, type UiStrings, UiStringsProvider, type UiStringsProviderProps, type UseSchemaContextResult, buildFields, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };
+export { ACCENT_PRESETS, type AccentPreset, AdminHeader, type AdminHeaderAction, type AdminHeaderProps, type AdminMenuItem, type AdminMenuSubItem, AdminShell, type AdminShellProps, AdminSidebarMenu, type AdminSidebarMenuProps, type AdminSidebarMenuSelectEvent, type ApiDoc, AppDialog, type AppDialogProps, AppDropdown, type AppDropdownOption, type AppDropdownProps, type AppDropdownVariant, AppToolbar, type AppToolbarProps, type AuditEntry, type AuditTrailConfig, AuditTrailPanel, type AuditTrailPanelProps, Avatar, type AvatarProps, type BackendAdapter, Badge, type BadgeProps, type BulkAction, Button, type ButtonProps, Card, type CardProps, Chip, type ChipProps, CollapsibleSection, type CollapsibleSectionProps, type ColumnPreset, ColumnPresetSelector, ConfirmDialog, type ConfirmDialogProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type CoreConfig, CoreConfigProvider, type CoreConfigProviderProps, type CoreHttpClient, type CoreHttpClientConfig, CoreProvider, type CoreProviderProps, type CoreTranslationKeys, CrudPage, DATA_GRID_EVENTS, DataGridView, type DataRecord, DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps, DateUtils, type Density, DensityProvider, DialogView, Drawer, type DrawerProps, type DrawerSide, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, type EmptyStateProps, type EnumOption, type EventSubscription, FORM_EVENTS, type Field, FieldBuilder, type FieldDef, type FieldInput, type FieldOverride, FormField, type FormFieldProps, type FormHandle, type FormLayout, type FormOnChangeFn, type FormSection, type FormTab, FormView, type FormatterFn, type GridCellContext, type GridHandle, type GridOnChangeFn, HydraAdapter, type HydraApiDoc, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, type IconButtonProps, type LoadOption, MercureProvider, type MercureProviderProps, type OnChangeFn, type OpenApiDoc, Popover, type PopoverProps, type RemoteDataSourceOptions, type RemoteFilterDescriptor, type RemoteLoadOptions, type RemoteSortDescriptor, type ResourceConfig, type ResourceFormDetail, type ResourceGridDetail, type ResourcePermissions, type ResourceRouting, type ResourceRowActions, type ResourceSchemaResolver, type ResourceStore, type ResourceStoreFactory, ResourceStoreProvider, type ResourceStoreProviderProps, type ResourceToolbar, type ResourceToolbarAction, type ResourceToolbarActionVariant, type ResourceToolbarContext, type ResourceToolbarItems, RestAdapter, type RestQueryDialect, SchemaProvider, SelectField, type SelectFieldProps, SettingsPanel, type SettingsPanelProps, Skeleton, type SkeletonProps, type SmartCrudFieldContract, type SmartCrudFieldOperation, type SmartCrudFieldPatch, type SmartCrudHydraFieldContract, type SmartCrudHydraFieldDirective, type SmartCrudManualField, type SmartCrudManualFieldContract, type SmartCrudOperation, SmartCrudPage, SmartCrudRolesProvider, StatCard, type StatCardProps, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldProps, type Theme, ThemeContext, type ThemeContextValue, type ThemeMode, ThemeProvider, type ThemeProviderProps, ThemeSwitcher, type ThemeSwitcherProps, Timeline, TimelineItem, type TimelineItemProps, type TimelineItemStatus, type TimelineItemTone, type TimelineOrientation, type TimelineProps, type TimelineVariant, Toggle, type ToggleProps, ToolbarSelect, type UiStrings, UiStringsProvider, type UiStringsProviderProps, type UseSchemaContextResult, buildFields, buildMercureCollectionTopic, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveMercureTopicOrigin, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };

package/dist/index.mjs

@@ -1,6 +1,6 @@
-import { CoreConfigProvider, CoreProvider, DateUtils, MercureProvider, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, initCoreI18n, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
-import { AuditTrailPanel, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, FORM_EVENTS, FieldBuilder, FormView, HydraAdapter, ResourceStoreProvider, RestAdapter, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
+import { CoreConfigProvider, CoreProvider, DateUtils, MercureProvider, buildMercureCollectionTopic, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, dispatch, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, initCoreI18n, resolveMercureTopicOrigin, useCoreConfig, useCoreHttpClient, useEvents, useMercureHub, useMercureSubscription } from "@nubitio/core";
+import { AuditTrailPanel, ColumnPresetSelector, CrudPage, DATA_GRID_EVENTS, DataGridView, DialogView, DrawerView, FORM_EVENTS, FieldBuilder, FormView, HydraAdapter, ResourceStoreProvider, RestAdapter, SmartCrudPage, SmartCrudRolesProvider, ToolbarSelect, buildFields, checkboxField, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, entityField, enumField, fileField, identityField, imageField, noneField, numberField, passwordField, selectField, switchField, textField, textareaField, useColumnPreset, useSmartCrudRoles, validateFieldContract } from "@nubitio/crud";
 import { HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, SchemaProvider, mapHydraSchemaToFields, parseHydraDoc, parseOpenApiDoc, resolveRangeTag, useHydraMetadata, useResourceSchema, useSchemaContext } from "@nubitio/hydra";
 import { ACCENT_PRESETS, AppDialog, AppDropdown, AppToolbar, Avatar, Badge, Button, Card, Chip, CollapsibleSection, ConfirmDialog, ContextMenu, DatePicker, DateRangePicker, DensityProvider, Drawer, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, FormField, IconButton, Popover, SelectField, SettingsPanel, Skeleton, StatCard, TextAreaField, TextField, ThemeContext, ThemeProvider, ThemeSwitcher, Timeline, TimelineItem, Toggle, UiStringsProvider, useAccentColor, useDensity, useTheme, useUiStrings } from "@nubitio/ui";
 import { AdminHeader, AdminShell, AdminSidebarMenu, useScreenSize, useScreenSizeClass } from "@nubitio/admin";
-export { ACCENT_PRESETS, AdminHeader, AdminShell, AdminSidebarMenu, AppDialog, AppDropdown, AppToolbar, AuditTrailPanel, Avatar, Badge, Button, Card, Chip, CollapsibleSection, ColumnPresetSelector, ConfirmDialog, ContextMenu, CoreConfigProvider, CoreProvider, CrudPage, DATA_GRID_EVENTS, DataGridView, DatePicker, DateRangePicker, DateUtils, DensityProvider, DialogView, Drawer, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, FORM_EVENTS, FieldBuilder, FormField, FormView, HydraAdapter, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, MercureProvider, Popover, ResourceStoreProvider, RestAdapter, SchemaProvider, SelectField, SettingsPanel, Skeleton, SmartCrudPage, SmartCrudRolesProvider, StatCard, TextAreaField, TextField, ThemeContext, ThemeProvider, ThemeSwitcher, Timeline, TimelineItem, Toggle, ToolbarSelect, UiStringsProvider, buildFields, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };
+export { ACCENT_PRESETS, AdminHeader, AdminShell, AdminSidebarMenu, AppDialog, AppDropdown, AppToolbar, AuditTrailPanel, Avatar, Badge, Button, Card, Chip, CollapsibleSection, ColumnPresetSelector, ConfirmDialog, ContextMenu, CoreConfigProvider, CoreProvider, CrudPage, DATA_GRID_EVENTS, DataGridView, DatePicker, DateRangePicker, DateUtils, DensityProvider, DialogView, Drawer, DrawerView, EN_UI_STRINGS, ES_UI_STRINGS, EmptyState, FORM_EVENTS, FieldBuilder, FormField, FormView, HydraAdapter, HydraRemoteDataSource, HydraResourceSchemaProvider, HydraResourceStoreProvider, IconButton, MercureProvider, Popover, ResourceStoreProvider, RestAdapter, SchemaProvider, SelectField, SettingsPanel, Skeleton, SmartCrudPage, SmartCrudRolesProvider, StatCard, TextAreaField, TextField, ThemeContext, ThemeProvider, ThemeSwitcher, Timeline, TimelineItem, Toggle, ToolbarSelect, UiStringsProvider, buildFields, buildMercureCollectionTopic, checkboxField, configureCore, configureCoreDate, coreTranslationsEn, coreTranslationsEs, createCoreHttpClient, createCrudEvents, createRestResourceStore, crudRoute, currencyField, dateField, datetimeField, defineFieldContract, defineFields, defineResource, dispatch, entityField, enumField, fileField, getCoreApiBaseUrl, getCoreCurrency, getCoreLocale, getCoreTimezone, getMercureTopicOrigin, identityField, imageField, initCoreI18n, mapHydraSchemaToFields, noneField, numberField, parseHydraDoc, parseOpenApiDoc, passwordField, resolveMercureTopicOrigin, resolveRangeTag, selectField, switchField, textField, textareaField, useAccentColor, useColumnPreset, useCoreConfig, useCoreHttpClient, useDensity, useEvents, useHydraMetadata, useMercureHub, useMercureSubscription, useResourceSchema, useSchemaContext, useScreenSize, useScreenSizeClass, useSmartCrudRoles, useTheme, useUiStrings, validateFieldContract };

package/dist/style.css

@@ -2871,6 +2871,7 @@ html[data-density=compact] .nb-drawer__footer {
   flex-wrap: wrap;
   align-items: center;
   gap: var(--space-2);
+  justify-content: flex-start;
   min-height: 18px;
 }
 
@@ -4851,6 +4852,238 @@ html[data-density=compact] .nb-datagrid .nb-badge {
   outline: none;
 }
 
+.nb-form__file-upload-error {
+  align-items: center;
+  color: var(--error-color);
+  display: inline-flex;
+  font-size: var(--font-size-xs);
+  gap: var(--space-1);
+}
+.nb-form__file-upload {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-1);
+  width: 100%;
+}
+
+.nb-form__file-upload-zone {
+  align-items: center;
+  background: var(--surface-1);
+  border: 1px dashed var(--border-color);
+  border-radius: var(--radius-lg);
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  min-height: 112px;
+  overflow: hidden;
+  position: relative;
+  transition: border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
+  width: 100%;
+}
+.nb-form__file-upload-zone:hover:not(.nb-form__file-upload-zone--disabled):not(.nb-form__file-upload-zone--filled) {
+  background: color-mix(in srgb, var(--accent-color) 4%, var(--surface-1));
+  border-color: var(--accent-color);
+}
+.nb-form__file-upload-zone--active {
+  background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-1));
+  border-color: var(--accent-color);
+}
+.nb-form__file-upload-zone--filled {
+  border-style: solid;
+  cursor: default;
+  min-height: 88px;
+}
+.nb-form__file-upload-zone--uploading {
+  pointer-events: none;
+}
+.nb-form__file-upload-zone--disabled {
+  cursor: not-allowed;
+  opacity: 0.72;
+}
+.nb-form__file-upload-zone:focus-visible {
+  box-shadow: 0 0 0 3px var(--focus-ring-color);
+  outline: none;
+}
+
+.nb-form__file-upload--image .nb-form__file-upload-zone {
+  min-height: 168px;
+}
+
+.nb-form__file-upload--image .nb-form__file-upload-zone--filled {
+  min-height: 180px;
+}
+
+.nb-form__file-upload--invalid .nb-form__file-upload-zone {
+  border-color: var(--error-color);
+}
+
+.nb-form__file-upload-placeholder {
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+  max-width: 320px;
+  padding: var(--space-4);
+  text-align: center;
+}
+
+.nb-form__file-upload-icon {
+  align-items: center;
+  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
+  border-radius: 999px;
+  color: var(--accent-color);
+  display: inline-flex;
+  font-size: 24px;
+  height: 48px;
+  justify-content: center;
+  width: 48px;
+}
+
+.nb-form__file-upload-title {
+  color: var(--text-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-semibold);
+}
+
+.nb-form__file-upload-hint {
+  color: var(--text-tertiary);
+  font-size: var(--font-size-xs);
+  line-height: var(--line-height-tight);
+}
+
+.nb-form__file-upload-preview {
+  display: block;
+  height: 100%;
+  max-height: 220px;
+  object-fit: contain;
+  width: 100%;
+}
+
+.nb-form__file-upload-file {
+  align-items: center;
+  display: flex;
+  gap: var(--space-3);
+  max-width: 100%;
+  padding: var(--space-3) var(--space-4);
+  width: 100%;
+}
+
+.nb-form__file-upload-file-icon {
+  align-items: center;
+  background: var(--surface-0);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  color: var(--accent-color);
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 22px;
+  height: 44px;
+  justify-content: center;
+  width: 44px;
+}
+
+.nb-form__file-upload-file-meta {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.nb-form__file-upload-file-name {
+  color: var(--text-primary);
+  font-size: var(--font-size-sm);
+  font-weight: var(--font-weight-medium);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.nb-form__file-upload-file-link {
+  color: var(--accent-color);
+  font-size: var(--font-size-xs);
+  text-decoration: none;
+}
+.nb-form__file-upload-file-link:hover {
+  text-decoration: underline;
+}
+
+.nb-form__file-upload-overlay {
+  align-items: center;
+  background: rgba(0, 0, 0, 0.42);
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  font-size: var(--font-size-sm);
+  gap: var(--space-2);
+  inset: 0;
+  justify-content: center;
+  position: absolute;
+}
+
+.nb-form__file-upload-spinner {
+  animation: nb-form-file-spin 700ms linear infinite;
+  border: 2px solid rgba(255, 255, 255, 0.35);
+  border-radius: 999px;
+  border-top-color: #fff;
+  height: 24px;
+  width: 24px;
+}
+
+@keyframes nb-form-file-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+.nb-form__file-upload-actions {
+  align-items: center;
+  background: linear-gradient(to top, rgba(0, 0, 0, 0.58), transparent);
+  bottom: 0;
+  display: flex;
+  gap: var(--space-2);
+  inset-inline: 0;
+  justify-content: center;
+  opacity: 0;
+  padding: var(--space-3);
+  position: absolute;
+  transition: opacity var(--transition-base);
+}
+
+.nb-form__file-upload-zone--filled:hover .nb-form__file-upload-actions,
+.nb-form__file-upload-zone--filled:focus-within .nb-form__file-upload-actions {
+  opacity: 1;
+}
+
+.nb-form__file-upload-action {
+  align-items: center;
+  background: var(--surface-1);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  color: var(--text-primary);
+  cursor: pointer;
+  display: inline-flex;
+  font: inherit;
+  font-size: var(--font-size-xs);
+  font-weight: var(--font-weight-medium);
+  gap: var(--space-1);
+  min-height: 28px;
+  padding: 0 var(--space-2);
+  transition: background var(--transition-base), border-color var(--transition-base), color var(--transition-base);
+}
+.nb-form__file-upload-action:hover {
+  border-color: var(--accent-color);
+  color: var(--accent-color);
+}
+.nb-form__file-upload-action--danger:hover {
+  border-color: var(--error-color);
+  color: var(--error-color);
+}
+.nb-form__file-upload-action:focus-visible {
+  box-shadow: 0 0 0 2px var(--focus-ring-color);
+  outline: none;
+}
+
 .nb-form__file-upload-error {
   align-items: center;
   color: var(--error-color);
@@ -5796,238 +6029,6 @@ html[data-density=compact] .nb-datagrid .nb-badge {
 .nb-form__field .nb-date-picker__trigger:focus-within {
   min-height: var(--control-height-form, 34px);
 }
-.nb-form__file-upload {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-1);
-  width: 100%;
-}
-
-.nb-form__file-upload-zone {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px dashed var(--border-color);
-  border-radius: var(--radius-lg);
-  box-sizing: border-box;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  min-height: 112px;
-  overflow: hidden;
-  position: relative;
-  transition: border-color var(--transition-base), background var(--transition-base), box-shadow var(--transition-base);
-  width: 100%;
-}
-.nb-form__file-upload-zone:hover:not(.nb-form__file-upload-zone--disabled):not(.nb-form__file-upload-zone--filled) {
-  background: color-mix(in srgb, var(--accent-color) 4%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--active {
-  background: color-mix(in srgb, var(--accent-color) 8%, var(--surface-1));
-  border-color: var(--accent-color);
-}
-.nb-form__file-upload-zone--filled {
-  border-style: solid;
-  cursor: default;
-  min-height: 88px;
-}
-.nb-form__file-upload-zone--uploading {
-  pointer-events: none;
-}
-.nb-form__file-upload-zone--disabled {
-  cursor: not-allowed;
-  opacity: 0.72;
-}
-.nb-form__file-upload-zone:focus-visible {
-  box-shadow: 0 0 0 3px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone {
-  min-height: 168px;
-}
-
-.nb-form__file-upload--image .nb-form__file-upload-zone--filled {
-  min-height: 180px;
-}
-
-.nb-form__file-upload--invalid .nb-form__file-upload-zone {
-  border-color: var(--error-color);
-}
-
-.nb-form__file-upload-placeholder {
-  align-items: center;
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  max-width: 320px;
-  padding: var(--space-4);
-  text-align: center;
-}
-
-.nb-form__file-upload-icon {
-  align-items: center;
-  background: color-mix(in srgb, var(--accent-color) 10%, transparent);
-  border-radius: 999px;
-  color: var(--accent-color);
-  display: inline-flex;
-  font-size: 24px;
-  height: 48px;
-  justify-content: center;
-  width: 48px;
-}
-
-.nb-form__file-upload-title {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-}
-
-.nb-form__file-upload-hint {
-  color: var(--text-tertiary);
-  font-size: var(--font-size-xs);
-  line-height: var(--line-height-tight);
-}
-
-.nb-form__file-upload-preview {
-  display: block;
-  height: 100%;
-  max-height: 220px;
-  object-fit: contain;
-  width: 100%;
-}
-
-.nb-form__file-upload-file {
-  align-items: center;
-  display: flex;
-  gap: var(--space-3);
-  max-width: 100%;
-  padding: var(--space-3) var(--space-4);
-  width: 100%;
-}
-
-.nb-form__file-upload-file-icon {
-  align-items: center;
-  background: var(--surface-0);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--accent-color);
-  display: inline-flex;
-  flex: 0 0 auto;
-  font-size: 22px;
-  height: 44px;
-  justify-content: center;
-  width: 44px;
-}
-
-.nb-form__file-upload-file-meta {
-  display: flex;
-  flex: 1 1 auto;
-  flex-direction: column;
-  gap: 2px;
-  min-width: 0;
-}
-
-.nb-form__file-upload-file-name {
-  color: var(--text-primary);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.nb-form__file-upload-file-link {
-  color: var(--accent-color);
-  font-size: var(--font-size-xs);
-  text-decoration: none;
-}
-.nb-form__file-upload-file-link:hover {
-  text-decoration: underline;
-}
-
-.nb-form__file-upload-overlay {
-  align-items: center;
-  background: rgba(0, 0, 0, 0.42);
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  font-size: var(--font-size-sm);
-  gap: var(--space-2);
-  inset: 0;
-  justify-content: center;
-  position: absolute;
-}
-
-.nb-form__file-upload-spinner {
-  animation: nb-form-file-spin 700ms linear infinite;
-  border: 2px solid rgba(255, 255, 255, 0.35);
-  border-radius: 999px;
-  border-top-color: #fff;
-  height: 24px;
-  width: 24px;
-}
-
-@keyframes nb-form-file-spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-.nb-form__file-upload-actions {
-  align-items: center;
-  background: linear-gradient(to top, rgba(0, 0, 0, 0.58), transparent);
-  bottom: 0;
-  display: flex;
-  gap: var(--space-2);
-  inset-inline: 0;
-  justify-content: center;
-  opacity: 0;
-  padding: var(--space-3);
-  position: absolute;
-  transition: opacity var(--transition-base);
-}
-
-.nb-form__file-upload-zone--filled:hover .nb-form__file-upload-actions,
-.nb-form__file-upload-zone--filled:focus-within .nb-form__file-upload-actions {
-  opacity: 1;
-}
-
-.nb-form__file-upload-action {
-  align-items: center;
-  background: var(--surface-1);
-  border: 1px solid var(--border-subtle);
-  border-radius: var(--radius-md);
-  color: var(--text-primary);
-  cursor: pointer;
-  display: inline-flex;
-  font: inherit;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  gap: var(--space-1);
-  min-height: 28px;
-  padding: 0 var(--space-2);
-  transition: background var(--transition-base), border-color var(--transition-base), color var(--transition-base);
-}
-.nb-form__file-upload-action:hover {
-  border-color: var(--accent-color);
-  color: var(--accent-color);
-}
-.nb-form__file-upload-action--danger:hover {
-  border-color: var(--error-color);
-  color: var(--error-color);
-}
-.nb-form__file-upload-action:focus-visible {
-  box-shadow: 0 0 0 2px var(--focus-ring-color);
-  outline: none;
-}
-
-.nb-form__file-upload-error {
-  align-items: center;
-  color: var(--error-color);
-  display: inline-flex;
-  font-size: var(--font-size-xs);
-  gap: var(--space-1);
-}
 .nb-crud-dialog-root {
   z-index: 2500;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nubitio/react-admin",
-  "version": "0.5.10",
+  "version": "0.5.13",
   "type": "module",
   "description": "Batteries-included admin stack: core runtime, CRUD, Hydra adapter, and AdminShell.",
   "license": "MIT",
@@ -50,11 +50,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@nubitio/admin": "^0.5.10",
-    "@nubitio/hydra": "^0.5.10",
-    "@nubitio/core": "^0.5.10",
-    "@nubitio/crud": "^0.5.10",
-    "@nubitio/ui": "^0.5.10"
+    "@nubitio/admin": "^0.5.13",
+    "@nubitio/hydra": "^0.5.13",
+    "@nubitio/core": "^0.5.13",
+    "@nubitio/crud": "^0.5.13",
+    "@nubitio/ui": "^0.5.13"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",