@flamingo-stack/openframe-frontend-core 0.0.777 → 0.0.781

package/dist/components/ui/device-card.js

@@ -1,11 +1,21 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../utils/cn.js";
 import { formatDate, formatTime } from "../../utils/format-date.js";
 import { OSTypeIcon } from "../features/os-type-badge.js";
 import { MonitorIcon } from "../icons-v2-generated/devices/monitor-icon.js";
 import { Ellipsis01Icon } from "../icons-v2-generated/interface/index.js";
+import { MediaSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
 import { Tag } from "./tag.js";
+const DEVICE_CARD_FRAME_CLASS = "flex flex-col gap-4 overflow-clip rounded-[6px] border border-ods-border bg-ods-card p-4";
+const DEVICE_CARD_HEAD_ROW_CLASS = "flex w-full items-center gap-4";
+const DEVICE_CARD_NAME_STACK_CLASS = "flex min-w-0 flex-1 flex-col justify-center";
+const DEVICE_CARD_NAME_LINE_CLASS = "flex items-center gap-1 text-h4";
+const DEVICE_CARD_STATUS_ROW_CLASS = "flex w-full items-center gap-2";
+const DEVICE_CARD_ICON_BOX_CLASS = "flex shrink-0 items-center justify-center rounded-[6px] border border-ods-border p-2";
+const DEVICE_CARD_TAGS_ROW_CLASS = "flex w-full flex-wrap items-center gap-2";
+const DEVICE_CARD_MORE_BUTTON_CLASS = "flex shrink-0 items-center justify-center rounded-[6px] border border-ods-border p-3";
 function DeviceCard({
   device,
   actions = {
@@ -13,9 +23,11 @@ function DeviceCard({
   },
   statusTag,
   onDeviceClick,
+  loading: loadingProp,
   className,
   ...props
 }) {
+  const loading = useLoadingScope() || !!loadingProp;
   const formatLastSeen = (lastSeen) => {
     if (!lastSeen) return null;
     const date = formatDate(lastSeen);
@@ -24,19 +36,19 @@ function DeviceCard({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      onClick: onDeviceClick ? () => onDeviceClick(device) : void 0,
-      className: cn(
-        "overflow-clip rounded-[6px] border border-ods-border bg-ods-card",
-        "flex flex-col gap-4 p-4",
-        onDeviceClick && "cursor-pointer",
-        className
-      ),
+      onClick: onDeviceClick && !loading ? () => onDeviceClick(device) : void 0,
+      className: cn(DEVICE_CARD_FRAME_CLASS, onDeviceClick && !loading && "cursor-pointer", className),
+      inert: loading || void 0,
+      "aria-hidden": loading || void 0,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-4", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center justify-center rounded-[6px] border border-ods-border p-2", children: /* @__PURE__ */ jsx(MonitorIcon, { className: "text-ods-text-secondary", size: 16 }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col justify-center", children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: DEVICE_CARD_HEAD_ROW_CLASS, children: [
+          /* @__PURE__ */ jsx("div", { className: DEVICE_CARD_ICON_BOX_CLASS, children: /* @__PURE__ */ jsx(MonitorIcon, { className: "text-ods-text-secondary", size: 16 }) }),
+          /* @__PURE__ */ jsxs("div", { className: DEVICE_CARD_NAME_STACK_CLASS, children: [
+            /* @__PURE__ */ jsx("div", { className: DEVICE_CARD_NAME_LINE_CLASS, children: loading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(MediaSkeleton.Icon, { size: "sm", className: "shrink-0" }),
+              /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", className: "w-3/4" })
+            ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
               device.operatingSystem && /* @__PURE__ */ jsx(
                 OSTypeIcon,
                 {
@@ -45,14 +57,14 @@ function DeviceCard({
                   className: "shrink-0"
                 }
               ),
-              /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h4", title: device.name, children: device.name })
-            ] }),
-            device.organization && /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", title: device.organization, children: device.organization })
+              /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary", title: device.name, children: device.name })
+            ] }) }),
+            loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-1/2" }) : device.organization && /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", title: device.organization, children: device.organization })
           ] }),
           actions.moreButton?.visible !== false && /* @__PURE__ */ jsx(
             "div",
             {
-              className: "flex shrink-0 cursor-pointer items-center justify-center rounded-[6px] border border-ods-border p-3 transition-colors hover:bg-ods-bg-hover",
+              className: cn(DEVICE_CARD_MORE_BUTTON_CLASS, "cursor-pointer transition-colors hover:bg-ods-bg-hover"),
               onClick: (e) => {
                 e.stopPropagation();
                 actions.moreButton?.onClick?.();
@@ -76,23 +88,24 @@ function DeviceCard({
             )
           )
         ] }),
-        (statusTag || device.lastSeen) && /* @__PURE__ */ jsxs("div", { className: "flex w-full items-center gap-2", children: [
-          statusTag && /* @__PURE__ */ jsx(
+        (loading || statusTag || device.lastSeen) && /* @__PURE__ */ jsxs("div", { className: DEVICE_CARD_STATUS_ROW_CLASS, children: [
+          (loading || statusTag) && /* @__PURE__ */ jsx(
             Tag,
             {
-              variant: statusTag.variant,
-              icon: statusTag.icon,
-              onClose: statusTag.onClose,
-              className: statusTag.className,
-              label: statusTag.label
+              loading,
+              variant: statusTag?.variant,
+              icon: statusTag?.icon,
+              onClose: statusTag?.onClose,
+              className: statusTag?.className,
+              label: statusTag?.label ?? ""
             }
           ),
-          device.lastSeen && /* @__PURE__ */ jsxs("span", { className: "flex-1 truncate text-ods-text-secondary text-h6", children: [
-            "Last Seen: ",
-            formatLastSeen(device.lastSeen)
+          (loading || device.lastSeen) && /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 items-center gap-1 text-ods-text-secondary text-h6", children: [
+            /* @__PURE__ */ jsx("span", { className: "shrink-0", children: "Last Seen:" }),
+            loading ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "w-28 max-w-full" }) : /* @__PURE__ */ jsx("span", { className: "truncate", children: formatLastSeen(device.lastSeen) })
           ] })
         ] }),
-        device.tags && device.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex w-full flex-wrap items-center gap-2", children: device.tags.map((tag, index) => /* @__PURE__ */ jsx(Tag, { variant: "outline", label: tag }, index)) })
+        loading ? /* @__PURE__ */ jsx("div", { className: DEVICE_CARD_TAGS_ROW_CLASS, children: /* @__PURE__ */ jsx(Tag, { loading: true, label: "", variant: "outline", "data-loading-item": true }) }) : device.tags && device.tags.length > 0 && /* @__PURE__ */ jsx("div", { className: DEVICE_CARD_TAGS_ROW_CLASS, children: device.tags.map((tag, index) => /* @__PURE__ */ jsx(Tag, { variant: "outline", label: tag, "data-loading-item": true }, index)) })
       ]
     }
   );

package/dist/components/ui/entity-image.d.ts

@@ -20,6 +20,4 @@ export interface EntityImageProps {
     className?: string;
 }
 export declare function EntityImage({ src, alt, fallbackText, sizeClassName, className }: EntityImageProps): React.JSX.Element;
-/** An EntityImage while its record is read: a box of the image's own size and corner. */
-export declare function EntityImageSkeleton({ sizeClassName, className, }: Pick<EntityImageProps, 'sizeClassName' | 'className'>): React.JSX.Element;
 //# sourceMappingURL=entity-image.d.ts.map

package/dist/components/ui/entity-image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"entity-image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/entity-image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,sCAAmB,CAAC;AAIlD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAmDjG;AAED,yFAAyF;AACzF,wBAAgB,mBAAmB,CAAC,EAClC,aAAa,EACb,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,eAAe,GAAG,WAAW,CAAC,qBAMvD"}
+{"version":3,"file":"entity-image.d.ts","sourceRoot":"","sources":["../../../src/components/ui/entity-image.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,yDAAyD;AACzD,eAAO,MAAM,iBAAiB,sCAAmB,CAAC;AAIlD,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;;;OASG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,WAAW,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,YAAY,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,gBAAgB,qBAmDjG"}

package/dist/components/ui/entity-image.js

@@ -52,10 +52,7 @@ function EntityImage({ src, alt, fallbackText, sizeClassName, className }) {
     }
   );
 }
-function EntityImageSkeleton({
-  sizeClassName,
-  className
-}) {
+function EntityImageSkeleton({ sizeClassName, className }) {
   return /* @__PURE__ */ jsx(
     UnifiedSkeleton,
     {
@@ -65,6 +62,5 @@ function EntityImageSkeleton({
 }
 export {
   ENTITY_IMAGE_SIZE,
-  EntityImage,
-  EntityImageSkeleton
+  EntityImage
 };

package/dist/components/ui/feature-card.d.ts

@@ -80,9 +80,4 @@ export interface FeatureCardGridSkeletonShape {
  * page's own copy and draw as they are.
  */
 export declare function FeatureCardGrid({ skeleton, ...props }: FeatureCardGridProps): React.JSX.Element;
-/**
- * A FeatureCardGrid while its items are read: the same grid (its columns, hairlines and item padding), each
- * item's eyebrow, title, subtitle and copy a bar of its own line height, its picture a box.
- */
-export declare function FeatureCardGridSkeleton({ count, eyebrow, subtitle, media, contentLines, contentType, ...grid }: Omit<FeatureCardGridProps, 'items' | 'loading' | 'skeleton'> & FeatureCardGridSkeletonShape): React.JSX.Element;
 //# sourceMappingURL=feature-card.d.ts.map

package/dist/components/ui/feature-card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;KAC3E,CAAC;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,sGAAsG;AACtG,MAAM,WAAW,4BAA4B;IAC3C,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC3B;AA2OD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAO3E;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,KAAK,EACL,OAAO,EACP,QAAQ,EACR,KAAK,EACL,YAAY,EACZ,WAAkB,EAClB,GAAG,IAAI,EACR,EAAE,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG,4BAA4B,qBAS7F"}
+{"version":3,"file":"feature-card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,eAAe;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;QAC5B,WAAW,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;KAC3E,CAAC;IACF,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,eAAe,EAAE,CAAC;IACzB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0GAA0G;IAC1G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,4BAA4B,CAAC;CACzC;AAED,sGAAsG;AACtG,MAAM,WAAW,4BAA4B;IAC3C,oDAAoD;IACpD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8GAA8G;IAC9G,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sGAAsG;IACtG,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0CAA0C;IAC1C,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,oDAAoD;IACpD,WAAW,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;CAC3B;AA+OD;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,oBAAoB,qBAO3E"}

package/dist/components/ui/feature-card.js

@@ -4,6 +4,7 @@ import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.j
 import { Card } from "./card.js";
 import { useLoadingScope } from "./loading-scope.js";
 import { StatusBadge } from "./status-badge.js";
+const FEATURE_CARD_GRID_SKELETON_ITEMS = 3;
 const GRID_COLUMNS = {
   2: "grid-cols-1 content-md:grid-cols-2",
   3: "grid-cols-1 content-md:grid-cols-3",
@@ -158,16 +159,18 @@ function FeatureCardGridSkeleton({
   contentType = "h4",
   ...grid
 }) {
-  const items = Array.from({ length: count ?? grid.columns ?? 3 }, (_, index) => ({
-    title: "",
-    eyebrow: eyebrow ? String(index + 1).padStart(2, "0") : void 0,
-    subtitle: subtitle ? "-" : void 0,
-    media: media ? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: media }) : void 0,
-    content: contentLines ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: contentType, lines: contentLines, className: "w-full" }) : null
-  }));
+  const items = Array.from(
+    { length: count ?? grid.columns ?? FEATURE_CARD_GRID_SKELETON_ITEMS },
+    (_, index) => ({
+      title: "",
+      eyebrow: eyebrow ? String(index + 1).padStart(2, "0") : void 0,
+      subtitle: subtitle ? "-" : void 0,
+      media: media ? /* @__PURE__ */ jsx(UnifiedSkeleton, { className: media }) : void 0,
+      content: contentLines ? /* @__PURE__ */ jsx(TextLineSkeleton, { type: contentType, lines: contentLines, className: "w-full" }) : null
+    })
+  );
   return /* @__PURE__ */ jsx(FeatureCardGridView, { ...grid, items, loading: true, loadingKeepsEyebrow: eyebrow === "index" });
 }
 export {
-  FeatureCardGrid,
-  FeatureCardGridSkeleton
+  FeatureCardGrid
 };

package/dist/components/ui/feature-list.d.ts

@@ -37,14 +37,4 @@ export interface FeatureListProps {
 /** Rows a loading list draws when its caller names no count. */
 export declare const FEATURE_LIST_SKELETON_COUNT = 3;
 export declare function FeatureList({ items, className, iconBoxSize, variant, activeIndex, accent, onSelect, skeletonCount, }: FeatureListProps): React.JSX.Element;
-/**
- * A FeatureList while its items are read: the same list, `count` rows. A numbered row keeps its number; a boxed
- * row's icon is a box of the icon's frame; every title and description is a bar of its own line height.
- */
-export declare function FeatureListSkeleton({ count, variant, iconBoxSize, className, }: {
-    count?: number;
-    variant?: FeatureListProps['variant'];
-    iconBoxSize?: number;
-    className?: string;
-}): React.JSX.Element;
 //# sourceMappingURL=feature-list.d.ts.map

package/dist/components/ui/feature-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"feature-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAU7C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAc,EACd,WAAgB,EAChB,OAAiB,EACjB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,aAA2C,GAC5C,EAAE,gBAAgB,qBAgElB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,KAAmC,EACnC,OAAiB,EACjB,WAAgB,EAChB,SAAc,GACf,EAAE;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,qBA0BA"}
+{"version":3,"file":"feature-list.d.ts","sourceRoot":"","sources":["../../../src/components/ui/feature-list.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,mBAAmB,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B;;;;OAIG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,gEAAgE;AAChE,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAU7C,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,SAAc,EACd,WAAgB,EAChB,OAAiB,EACjB,WAAW,EACX,MAAM,EACN,QAAQ,EACR,aAA2C,GAC5C,EAAE,gBAAgB,qBAgElB"}

package/dist/components/ui/feature-list.js

@@ -4,7 +4,7 @@ import { cn } from "../../utils/cn.js";
 import { TextLineSkeleton, UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "./button/index.js";
 import { useLoadingScope } from "./loading-scope.js";
-import { NumberedStep, NumberedStepSkeleton } from "./numbered-step.js";
+import { NumberedStep } from "./numbered-step.js";
 const FEATURE_LIST_SKELETON_COUNT = 3;
 const NUMBERED_LIST_CLASS = "flex flex-col gap-[var(--spacing-system-lf)]";
 const BOXED_LIST_CLASS = "flex flex-col overflow-hidden rounded-[6px] border border-ods-border bg-ods-bg";
@@ -74,7 +74,7 @@ function FeatureListSkeleton({
 }) {
   const rows = Array.from({ length: count }, (_, index) => index);
   if (variant === "numbered") {
-    return /* @__PURE__ */ jsx("ol", { className: `${NUMBERED_LIST_CLASS} ${className}`, "aria-hidden": true, children: rows.map((index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NumberedStepSkeleton, { number: index + 1 }) }, index)) });
+    return /* @__PURE__ */ jsx("ol", { className: `${NUMBERED_LIST_CLASS} ${className}`, "aria-hidden": true, children: rows.map((index) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(NumberedStep, { loading: true, number: index + 1, title: "" }) }, index)) });
   }
   return /* @__PURE__ */ jsx("div", { className: `${BOXED_LIST_CLASS} ${className}`, "aria-hidden": true, children: rows.map((index) => /* @__PURE__ */ jsxs("div", { className: cn(BOXED_ROW_CLASS, index < count - 1 && BOXED_ROW_DIVIDER_CLASS), children: [
     /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "shrink-0 rounded-[6px]", width: iconBoxSize, height: iconBoxSize }),
@@ -86,6 +86,5 @@ function FeatureListSkeleton({
 }
 export {
   FEATURE_LIST_SKELETON_COUNT,
-  FeatureList,
-  FeatureListSkeleton
+  FeatureList
 };

package/dist/components/ui/field-value-skeleton.d.ts

@@ -0,0 +1,7 @@
+/**
+ * A field's value (or placeholder) while it is read: the `text-h4` bar in the field's value slot. Drawn by `Input`,
+ * `SelectTrigger` and `InputTrigger` in a loading scope, so every field draws the same bar in the same place, between
+ * its own real adornments.
+ */
+export declare function FieldValueSkeleton(): import("react").JSX.Element;
+//# sourceMappingURL=field-value-skeleton.d.ts.map

package/dist/components/ui/field-value-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-value-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/field-value-skeleton.tsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,wBAAgB,kBAAkB,gCAEjC"}

package/dist/components/ui/field-value-skeleton.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { FIELD_VALUE_SKELETON_CLASS } from "./input-styles.js";
+function FieldValueSkeleton() {
+  return /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: FIELD_VALUE_SKELETON_CLASS });
+}
+export {
+  FieldValueSkeleton
+};

package/dist/components/ui/file-manager/file-manager-breadcrumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-manager-breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,0BAA0B,qBAoBlG"}
+{"version":3,"file":"file-manager-breadcrumb.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-breadcrumb.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,0BAA0B,qBAqBlG"}

package/dist/components/ui/file-manager/file-manager-breadcrumb.js

@@ -3,18 +3,20 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight } from "lucide-react";
 import React from "react";
 import { cn } from "../../../utils/cn.js";
+import { Button } from "../button/index.js";
 function FileManagerBreadcrumb({ items, onItemClick, className }) {
   return /* @__PURE__ */ jsx("nav", { className: cn("flex flex-wrap items-center gap-x-1 gap-y-1 break-words text-h6", className), children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx(ChevronRight, { className: "h-4 w-4 flex-shrink-0 text-ods-text-tertiary" }),
     /* @__PURE__ */ jsx(
-      "button",
+      Button,
       {
+        variant: "link",
+        size: "compact",
+        noPaddingX: true,
+        type: "button",
+        "aria-current": index === items.length - 1 ? "page" : void 0,
         onClick: () => onItemClick?.(item.path),
-        className: cn(
-          "shrink-0 rounded px-1 py-0.5 transition-colors hover:bg-ods-bg-hover",
-          "break-all text-left text-ods-text-primary hover:text-ods-accent",
-          index === items.length - 1 && "font-medium"
-        ),
+        className: "shrink-0",
         children: item.label
       }
     )

package/dist/components/ui/file-manager/file-manager-table-row.d.ts

@@ -1,4 +1,15 @@
 import type React from 'react';
 import type { FileManagerTableRowProps } from './types';
-export declare function FileManagerTableRow({ file, isSelected, showCheckbox, showPath, onSelect, onClick, onDoubleClick, onContextMenu, onActionClick, className, }: FileManagerTableRowProps): React.JSX.Element;
+/** A file row's frame (its height, inset and surface): read by the row and by its loading form, so both are one box. */
+export declare const FILE_MANAGER_ROW_FRAME_CLASS = "group flex h-16 items-center border-ods-border bg-ods-card px-4";
+/** The checkbox's box in a file row and in the table header, in both forms. */
+export declare const FILE_MANAGER_CHECKBOX_BOX_CLASS = "h-5 w-5";
+/** The cells after the name, in both forms. */
+/** Each column's box (width, inset), read by the rows (both forms) and by the table's header, so they line up. */
+export declare const FILE_MANAGER_CHECKBOX_CELL_CLASS = "mr-4";
+export declare const FILE_MANAGER_NAME_CELL_CLASS = "flex min-w-0 flex-1 items-center gap-3";
+export declare const FILE_MANAGER_SIZE_CELL_BOX_CLASS = "w-24 shrink-0 pr-4";
+export declare const FILE_MANAGER_MODIFIED_CELL_BOX_CLASS = "w-36 shrink-0 pl-4";
+export declare const FILE_MANAGER_ACTIONS_CELL_BOX_CLASS = "flex w-48 shrink-0 justify-end pl-4";
+export declare function FileManagerTableRow(props: FileManagerTableRowProps): React.JSX.Element;
 //# sourceMappingURL=file-manager-table-row.d.ts.map

package/dist/components/ui/file-manager/file-manager-table-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-manager-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-table-row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAc,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEpE,wBAAgB,mBAAmB,CAAC,EAClC,IAAI,EACJ,UAAkB,EAClB,YAAmB,EACnB,QAAgB,EAChB,QAAQ,EACR,OAAO,EACP,aAAa,EACb,aAAa,EACb,aAAa,EACb,SAAS,GACV,EAAE,wBAAwB,qBAmG1B"}
+{"version":3,"file":"file-manager-table-row.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-table-row.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,KAAK,EAAc,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEpE,wHAAwH;AACxH,eAAO,MAAM,4BAA4B,oEAAoE,CAAC;AAC9G,+EAA+E;AAC/E,eAAO,MAAM,+BAA+B,YAAY,CAAC;AAKzD,+CAA+C;AAC/C,kHAAkH;AAClH,eAAO,MAAM,gCAAgC,SAAS,CAAC;AACvD,eAAO,MAAM,4BAA4B,2CAA2C,CAAC;AACrF,eAAO,MAAM,gCAAgC,uBAAuB,CAAC;AACrE,eAAO,MAAM,oCAAoC,uBAAuB,CAAC;AACzE,eAAO,MAAM,mCAAmC,wCAAwC,CAAC;AAKzF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAsHlE"}

package/dist/components/ui/file-manager/file-manager-table-row.js

@@ -3,23 +3,51 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../../../utils/cn.js";
+import { TextLineSkeleton, UnifiedSkeleton } from "../../loading/unified-skeleton.js";
 import { Button } from "../button/index.js";
 import { Checkbox } from "../checkbox.js";
+import { loadingItemProps, useLoadingScope } from "../loading-scope.js";
 import { FileIcon } from "./file-icon.js";
 import { FileManagerContextMenu } from "./file-manager-context-menu.js";
-function FileManagerTableRow({
-  file,
-  isSelected = false,
-  showCheckbox = true,
-  showPath = false,
-  onSelect,
-  onClick,
-  onDoubleClick,
-  onContextMenu,
-  onActionClick,
-  className
-}) {
+const FILE_MANAGER_ROW_FRAME_CLASS = "group flex h-16 items-center border-ods-border bg-ods-card px-4";
+const FILE_MANAGER_CHECKBOX_BOX_CLASS = "h-5 w-5";
+const ROW_ICON_BUTTON_CLASS = "h-8 w-8 p-0";
+const ROW_FILE_ICON_CLASS = "h-5 w-5";
+const FILE_MANAGER_CHECKBOX_CELL_CLASS = "mr-4";
+const FILE_MANAGER_NAME_CELL_CLASS = "flex min-w-0 flex-1 items-center gap-3";
+const FILE_MANAGER_SIZE_CELL_BOX_CLASS = "w-24 shrink-0 pr-4";
+const FILE_MANAGER_MODIFIED_CELL_BOX_CLASS = "w-36 shrink-0 pl-4";
+const FILE_MANAGER_ACTIONS_CELL_BOX_CLASS = "flex w-48 shrink-0 justify-end pl-4";
+const SIZE_CELL_CLASS = cn(FILE_MANAGER_SIZE_CELL_BOX_CLASS, "text-ods-text-secondary text-h6");
+const MODIFIED_CELL_CLASS = cn(FILE_MANAGER_MODIFIED_CELL_BOX_CLASS, "text-ods-text-secondary text-h6");
+const ACTIONS_CELL_CLASS = cn(FILE_MANAGER_ACTIONS_CELL_BOX_CLASS, "items-center gap-1");
+function FileManagerTableRow(props) {
+  const {
+    file,
+    isSelected = false,
+    showCheckbox = true,
+    showPath = false,
+    loading: loadingProp,
+    onSelect,
+    onClick,
+    onDoubleClick,
+    onContextMenu,
+    onActionClick,
+    className
+  } = props;
   const [contextMenuOpen, setContextMenuOpen] = useState(false);
+  const loading = useLoadingScope() || !!loadingProp || !file;
+  if (loading) {
+    return /* @__PURE__ */ jsx(
+      FileManagerTableRowSkeleton,
+      {
+        showCheckbox,
+        showPath,
+        className,
+        ...loadingItemProps(props)
+      }
+    );
+  }
   const handleRowClick = (e) => {
     if (e.target.closest("[data-no-row-click]")) {
       return;
@@ -38,7 +66,7 @@ function FileManagerTableRow({
     "div",
     {
       className: cn(
-        "group flex h-16 items-center border-ods-border bg-ods-card px-4",
+        FILE_MANAGER_ROW_FRAME_CLASS,
         "cursor-pointer transition-colors hover:bg-ods-bg-hover",
         isSelected && "bg-ods-bg-surface",
         className
@@ -49,18 +77,26 @@ function FileManagerTableRow({
         e.preventDefault();
         onContextMenu?.(e);
       },
+      ...loadingItemProps(props),
       children: [
-        showCheckbox && /* @__PURE__ */ jsx("div", { className: "mr-4", "data-no-row-click": true, children: /* @__PURE__ */ jsx(Checkbox, { checked: isSelected, onCheckedChange: handleCheckboxChange, className: "h-5 w-5" }) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
+        showCheckbox && /* @__PURE__ */ jsx("div", { className: FILE_MANAGER_CHECKBOX_CELL_CLASS, "data-no-row-click": true, children: /* @__PURE__ */ jsx(
+          Checkbox,
+          {
+            checked: isSelected,
+            onCheckedChange: handleCheckboxChange,
+            boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+          }
+        ) }),
+        /* @__PURE__ */ jsxs("div", { className: FILE_MANAGER_NAME_CELL_CLASS, children: [
           /* @__PURE__ */ jsx(FileIcon, { type: file.type, extension: fileExtension, size: "md" }),
           /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
             /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-primary text-h6", title: file.name, children: file.name }),
             showPath && file.path && /* @__PURE__ */ jsx("span", { className: "truncate text-ods-text-secondary text-h6", title: file.path, children: file.path })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "w-24 shrink-0 pr-4 text-ods-text-secondary text-h6", children: file.size || "" }),
-        /* @__PURE__ */ jsx("div", { className: "w-36 shrink-0 pl-4 text-ods-text-secondary text-h6", children: file.modified }),
-        /* @__PURE__ */ jsxs("div", { className: "flex w-48 shrink-0 items-center justify-end gap-1 pl-4", "data-no-row-click": true, children: [
+        /* @__PURE__ */ jsx("div", { className: SIZE_CELL_CLASS, children: file.size || "" }),
+        /* @__PURE__ */ jsx("div", { className: MODIFIED_CELL_CLASS, children: file.modified }),
+        /* @__PURE__ */ jsxs("div", { className: ACTIONS_CELL_CLASS, "data-no-row-click": true, children: [
           /* @__PURE__ */ jsx(
             FileManagerContextMenu,
             {
@@ -68,18 +104,7 @@ function FileManagerTableRow({
               onOpenChange: setContextMenuOpen,
               onAction: handleContextAction,
               fileType: file.type,
-              trigger: /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: "transparent",
-                  size: "small-legacy",
-                  className: "h-8 w-8 p-0 opacity-0 transition-opacity group-hover:opacity-100",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                  },
-                  children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
-                }
-              )
+              trigger: rowMenuButton()
             }
           ),
           file.type === "folder" ? /* @__PURE__ */ jsx(
@@ -87,7 +112,7 @@ function FileManagerTableRow({
             {
               variant: "transparent",
               size: "small-legacy",
-              className: "h-8 w-8 p-0",
+              className: ROW_ICON_BUTTON_CLASS,
               onClick: (e) => {
                 e.stopPropagation();
                 onDoubleClick?.();
@@ -100,6 +125,50 @@ function FileManagerTableRow({
     }
   );
 }
+function rowMenuButton() {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "transparent",
+      size: "small-legacy",
+      className: cn(ROW_ICON_BUTTON_CLASS, "opacity-0 transition-opacity group-hover:opacity-100"),
+      onClick: (e) => {
+        e.stopPropagation();
+      },
+      children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "h-4 w-4" })
+    }
+  );
+}
+function FileManagerTableRowSkeleton({
+  showCheckbox,
+  showPath,
+  className,
+  ...markers
+}) {
+  return /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", inert: true, className: cn(FILE_MANAGER_ROW_FRAME_CLASS, className), ...markers, children: [
+    showCheckbox && /* @__PURE__ */ jsx("div", { className: FILE_MANAGER_CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ jsx(Checkbox, { loading: true, boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS }) }),
+    /* @__PURE__ */ jsxs("div", { className: FILE_MANAGER_NAME_CELL_CLASS, children: [
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(ROW_FILE_ICON_CLASS, "shrink-0 rounded") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col", children: [
+        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-32" }),
+        showPath && /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-48" })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: SIZE_CELL_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-16" }) }),
+    /* @__PURE__ */ jsx("div", { className: MODIFIED_CELL_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-24" }) }),
+    /* @__PURE__ */ jsxs("div", { className: ACTIONS_CELL_CLASS, children: [
+      rowMenuButton(),
+      /* @__PURE__ */ jsx(UnifiedSkeleton, { className: cn(ROW_ICON_BUTTON_CLASS, "rounded") })
+    ] })
+  ] });
+}
 export {
+  FILE_MANAGER_ACTIONS_CELL_BOX_CLASS,
+  FILE_MANAGER_CHECKBOX_BOX_CLASS,
+  FILE_MANAGER_CHECKBOX_CELL_CLASS,
+  FILE_MANAGER_MODIFIED_CELL_BOX_CLASS,
+  FILE_MANAGER_NAME_CELL_CLASS,
+  FILE_MANAGER_ROW_FRAME_CLASS,
+  FILE_MANAGER_SIZE_CELL_BOX_CLASS,
   FileManagerTableRow
 };

package/dist/components/ui/file-manager/file-manager-table.d.ts

@@ -1,3 +1,3 @@
 import type { FileManagerTableProps } from './types';
-export declare function FileManagerTable({ files, selectedFiles, showCheckboxes, loading, isSearchResult, onSelectFile, onSelectAll, onFileClick, onFolderOpen, onFileAction, className, }: FileManagerTableProps): import("react").JSX.Element;
+export declare function FileManagerTable({ files, selectedFiles, showCheckboxes, loading: loadingProp, isSearchResult, onSelectFile, onSelectAll, onFileClick, onFolderOpen, onFileAction, className, }: FileManagerTableProps): import("react").JSX.Element;
 //# sourceMappingURL=file-manager-table.d.ts.map

package/dist/components/ui/file-manager/file-manager-table.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-manager-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-table.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAErD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,cAAqB,EACrB,OAAe,EACf,cAAsB,EACtB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,+BAwKvB"}
+{"version":3,"file":"file-manager-table.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/file-manager-table.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAQrD,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,aAAa,EACb,cAAqB,EACrB,OAAO,EAAE,WAAmB,EAC5B,cAAsB,EACtB,YAAY,EACZ,WAAW,EACX,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,SAAS,GACV,EAAE,qBAAqB,+BA+HvB"}