@floegence/floe-webapp-core 0.36.71 → 0.36.73

package/dist/components/file-browser/index.d.ts

@@ -8,4 +8,4 @@ export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
 export { FileBrowserToolbar, type FileBrowserToolbarProps } from './FileBrowserToolbar';
 export { FileBrowserDragPreview } from './DragPreview';
 export { FolderIcon, FolderOpenIcon, SymlinkFolderIcon, SymlinkFolderOpenIcon, FileIcon, SymlinkFileIcon, BrokenSymlinkIcon, CodeFileIcon, JavaScriptFileIcon, TypeScriptFileIcon, ShellScriptFileIcon, ImageFileIcon, VideoFileIcon, AudioFileIcon, DocumentFileIcon, ConfigFileIcon, StyleFileIcon, FileItemIcon, getFileIcon, resolveFileItemIcon, } from './FileIcons';
-export type { FileItem, FileItemIconOverride, FileItemLinkKind, FileItemLinkTargetType, FileItemLinkMeta, FileBrowserRevealClearFilter, FileBrowserRevealRequest, ViewMode, SortField, SortDirection, SortConfig, FileListColumnRatios, FileBrowserContextValue, ContextMenuActionType, ContextMenuTargetKind, ContextMenuSource, ContextMenuDirectory, ContextMenuItem, ContextMenuEvent, ContextMenuCallbacks, OptimisticUpdateType, OptimisticRemove, OptimisticUpdate, OptimisticInsert, OptimisticOperation, ReplaceSelectionOptions, ScrollPosition, } from './types';
+export type { FileItem, FileItemIconOverride, FileItemDecoration, FileItemDecorationBadge, FileItemDecorationTone, FileItemLinkKind, FileItemLinkTargetType, FileItemLinkMeta, FileBrowserRevealClearFilter, FileBrowserRevealRequest, ViewMode, SortField, SortDirection, SortConfig, FileListColumnRatios, FileBrowserContextValue, ContextMenuActionType, ContextMenuTargetKind, ContextMenuSource, ContextMenuDirectory, ContextMenuItem, ContextMenuEvent, ContextMenuCallbacks, OptimisticUpdateType, OptimisticRemove, OptimisticUpdate, OptimisticInsert, OptimisticOperation, ReplaceSelectionOptions, ScrollPosition, } from './types';

package/dist/components/file-browser/types.d.ts

@@ -8,6 +8,19 @@ export interface FileItemLinkMeta {
     kind: FileItemLinkKind;
     targetType: FileItemLinkTargetType;
 }
+export type FileItemDecorationTone = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'error' | 'muted';
+export interface FileItemDecorationBadge {
+    /** Short visible marker, for example "M" or "A". Keep this compact. */
+    label: string;
+    tone?: FileItemDecorationTone;
+    title?: string;
+}
+export interface FileItemDecoration {
+    /** Optional badge rendered over the file or folder icon. */
+    badge?: FileItemDecorationBadge;
+    /** Optional tone applied to the visible item name. */
+    nameTone?: FileItemDecorationTone;
+}
 /**
  * Represents a file or folder item in the browser
  */
@@ -23,6 +36,8 @@ export interface FileItem {
     icon?: FileItemIconOverride;
     /** Optional link metadata for rendering symbolic links distinctly from plain entries. */
     link?: FileItemLinkMeta;
+    /** Optional visual decoration for host-specific state such as Git status. */
+    decoration?: FileItemDecoration;
 }
 /**
  * View mode for the file browser main content area

package/dist/floe.css

@@ -429,6 +429,9 @@
   .floe-floating-presence {
     --floe-floating-enter-duration: 140ms;
     --floe-floating-exit-duration: 110ms;
+    --floe-floating-presence-x: 0;
+    --floe-floating-presence-y: 0;
+    --floe-floating-presence-scale: 1;
     --floe-floating-enter-x: 0;
     --floe-floating-enter-y: 0;
     --floe-floating-exit-x: 0;
@@ -436,31 +439,30 @@
     --floe-floating-enter-scale: 0.98;
     --floe-floating-exit-scale: 0.985;
     opacity: 1;
-    translate: 0 0;
-    scale: 1;
+    transform: translate(var(--floe-floating-presence-x), var(--floe-floating-presence-y)) scale(var(--floe-floating-presence-scale));
     transform-origin: var(--floe-floating-origin, center);
     transition:
       opacity var(--floe-floating-enter-duration) ease-out,
-      translate var(--floe-floating-enter-duration) cubic-bezier(0.2, 0.8, 0.2, 1),
-      scale var(--floe-floating-enter-duration) cubic-bezier(0.2, 0.8, 0.2, 1);
-    will-change: opacity, translate, scale;
+      transform var(--floe-floating-enter-duration) cubic-bezier(0.2, 0.8, 0.2, 1);
+    will-change: opacity, transform;
   }
 
   .floe-floating-presence[data-floating-presence='entering'] {
     opacity: 0;
-    translate: var(--floe-floating-enter-x) var(--floe-floating-enter-y);
-    scale: var(--floe-floating-enter-scale);
+    --floe-floating-presence-x: var(--floe-floating-enter-x);
+    --floe-floating-presence-y: var(--floe-floating-enter-y);
+    --floe-floating-presence-scale: var(--floe-floating-enter-scale);
   }
 
   .floe-floating-presence[data-floating-presence='exiting'] {
     opacity: 0;
     pointer-events: none;
-    translate: var(--floe-floating-exit-x) var(--floe-floating-exit-y);
-    scale: var(--floe-floating-exit-scale);
+    --floe-floating-presence-x: var(--floe-floating-exit-x);
+    --floe-floating-presence-y: var(--floe-floating-exit-y);
+    --floe-floating-presence-scale: var(--floe-floating-exit-scale);
     transition:
       opacity var(--floe-floating-exit-duration) ease-in,
-      translate var(--floe-floating-exit-duration) cubic-bezier(0.4, 0, 1, 1),
-      scale var(--floe-floating-exit-duration) cubic-bezier(0.4, 0, 1, 1);
+      transform var(--floe-floating-exit-duration) cubic-bezier(0.4, 0, 1, 1);
   }
 
   .floe-floating-presence--suspended {
@@ -563,8 +565,9 @@
   @media (prefers-reduced-motion: reduce) {
     .floe-floating-presence {
       transition: opacity 1ms linear;
-      translate: none !important;
-      scale: none !important;
+      --floe-floating-presence-x: 0 !important;
+      --floe-floating-presence-y: 0 !important;
+      --floe-floating-presence-scale: 1 !important;
       will-change: opacity;
     }
   }