@flamingo-stack/openframe-frontend-core 0.0.764 → 0.0.766

package/dist/components/ui/file-manager/index.cjs

@@ -1,36 +1,35 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkYUMFVQINcjs = require('../../../chunk-YUMFVQIN.cjs');
+var _chunkC42WIUH6cjs = require('../../../chunk-C42WIUH6.cjs');
 
 
-var _chunkHTRILBJDcjs = require('../../../chunk-HTRILBJD.cjs');
-require('../../../chunk-K6VWTUCH.cjs');
+var _chunkYXDHVHB2cjs = require('../../../chunk-YXDHVHB2.cjs');
+require('../../../chunk-FL2RMEDX.cjs');
 
 
 
 
 
 
-var _chunkAKK3EO37cjs = require('../../../chunk-AKK3EO37.cjs');
+var _chunkXIFEZ2JTcjs = require('../../../chunk-XIFEZ2JT.cjs');
 
 
 var _chunkZ74QE57Tcjs = require('../../../chunk-Z74QE57T.cjs');
 require('../../../chunk-XZJCBIYR.cjs');
 
 
-var _chunkNO5UJLLQcjs = require('../../../chunk-NO5UJLLQ.cjs');
+var _chunkWEANWBJHcjs = require('../../../chunk-WEANWBJH.cjs');
 
 
-var _chunk2QMBXGMQcjs = require('../../../chunk-2QMBXGMQ.cjs');
-require('../../../chunk-V45KLJQP.cjs');
-require('../../../chunk-RB6BSE3O.cjs');
+var _chunkXFRBEXQNcjs = require('../../../chunk-XFRBEXQN.cjs');
 
 
-var _chunkH3RYUTNDcjs = require('../../../chunk-H3RYUTND.cjs');
+var _chunkTF5D5MNOcjs = require('../../../chunk-TF5D5MNO.cjs');
+require('../../../chunk-V45KLJQP.cjs');
 
 
-var _chunk3ATAYP36cjs = require('../../../chunk-3ATAYP36.cjs');
+var _chunk65VVJSQZcjs = require('../../../chunk-65VVJSQZ.cjs');
 
 // src/components/ui/file-manager/file-manager.tsx
 var _react = require('react'); var _react2 = _interopRequireDefault(_react);
@@ -49,10 +48,10 @@ function FileManagerActionBar({
   onSelectAll,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-wrap items-center gap-4 content-md:justify-end", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", size: "small-legacy", onClick: onNewFolder, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderPlus, { className: "h-4 w-4" }), children: "New Folder" }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-wrap items-center gap-4 content-md:justify-end", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", size: "small-legacy", onClick: onNewFolder, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderPlus, { className: "h-4 w-4" }), children: "New Folder" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -63,7 +62,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -74,7 +73,7 @@ function FileManagerActionBar({
       }
     ),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -84,9 +83,9 @@ function FileManagerActionBar({
         children: "Paste"
       }
     ),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "outline", size: "small-legacy", onClick: onUpload, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-4 w-4" }), children: "Upload" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", size: "small-legacy", onClick: onUpload, leftIcon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.Upload, { className: "h-4 w-4" }), children: "Upload" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunk2QMBXGMQcjs.Button,
+      _chunkTF5D5MNOcjs.Button,
       {
         variant: "outline",
         size: "small-legacy",
@@ -103,13 +102,13 @@ function FileManagerActionBar({
 
 
 function FileManagerBreadcrumb({ items, onItemClick, className }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-wrap items-center gap-x-1 gap-y-1 break-words text-h6", className), children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "nav", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-wrap items-center gap-x-1 gap-y-1 break-words text-h6", className), children: items.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
     index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "h-4 w-4 flex-shrink-0 text-ods-text-tertiary" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         onClick: () => _optionalChain([onItemClick, 'optionalCall', _2 => _2(item.path)]),
-        className: _chunk3ATAYP36cjs.cn.call(void 0, 
+        className: _chunk65VVJSQZcjs.cn.call(void 0, 
           "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"
@@ -132,11 +131,11 @@ function FileManagerEmpty({
   action,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col items-center justify-center px-4 py-20", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col items-center justify-center px-4 py-20", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mb-6 rounded-full bg-ods-bg-surface p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.FolderOpen, { className: "h-12 w-12 text-ods-text-tertiary" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "mb-2 text-ods-text-primary text-h4", children: message }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mb-6 max-w-md text-center text-ods-text-secondary text-h6", children: description }),
-    action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "accent", size: "small-legacy", onClick: action.onClick, children: action.label })
+    action && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "accent", size: "small-legacy", onClick: action.onClick, children: action.label })
   ] });
 }
 
@@ -166,7 +165,7 @@ var getFileIcon = (extension) => {
 };
 function FileIcon({ type, extension, className, size = "md" }) {
   const Icon = type === "folder" ? _lucidereact.Folder : getFileIcon(extension);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: _chunk3ATAYP36cjs.cn.call(void 0, sizeMap[size], type === "folder" ? "text-ods-accent" : "text-ods-text-secondary", className) });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Icon, { className: _chunk65VVJSQZcjs.cn.call(void 0, sizeMap[size], type === "folder" ? "text-ods-accent" : "text-ods-text-secondary", className) });
 }
 
 // src/components/ui/file-manager/file-manager-context-menu.tsx
@@ -216,12 +215,12 @@ function FileManagerContextMenu({
     }
   ];
   const visibleItems = menuItems.filter((item) => item.show);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkAKK3EO37cjs.DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKK3EO37cjs.DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2QMBXGMQcjs.Button, { variant: "transparent", size: "small-legacy", className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }) }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKK3EO37cjs.DropdownMenuContent, { align: "end", className: _chunk3ATAYP36cjs.cn.call(void 0, "w-56", className), onClick: (e) => e.stopPropagation(), children: visibleItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
-      item.separator && index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAKK3EO37cjs.DropdownMenuSeparator, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuTrigger, { asChild: true, children: trigger || /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "transparent", size: "small-legacy", className: "h-8 w-8 p-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.MoreHorizontal, { className: "h-4 w-4" }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuContent, { align: "end", className: _chunk65VVJSQZcjs.cn.call(void 0, "w-56", className), onClick: (e) => e.stopPropagation(), children: visibleItems.map((item, index) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react2.default.Fragment, { children: [
+      item.separator && index > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXIFEZ2JTcjs.DropdownMenuSeparator, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkAKK3EO37cjs.DropdownMenuItem,
+        _chunkXIFEZ2JTcjs.DropdownMenuItem,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -270,7 +269,7 @@ function FileManagerTableRow({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     "div",
     {
-      className: _chunk3ATAYP36cjs.cn.call(void 0, 
+      className: _chunk65VVJSQZcjs.cn.call(void 0, 
         "group flex h-16 items-center border-ods-border bg-ods-card px-4",
         "cursor-pointer transition-colors hover:bg-ods-bg-hover",
         isSelected && "bg-ods-bg-surface",
@@ -283,7 +282,7 @@ function FileManagerTableRow({
         _optionalChain([onContextMenu, 'optionalCall', _6 => _6(e)]);
       },
       children: [
-        showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", "data-no-row-click": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUMFVQINcjs.Checkbox, { checked: isSelected, onCheckedChange: handleCheckboxChange, className: "h-5 w-5" }) }),
+        showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", "data-no-row-click": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC42WIUH6cjs.Checkbox, { checked: isSelected, onCheckedChange: handleCheckboxChange, className: "h-5 w-5" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FileIcon, { type: file.type, extension: fileExtension, size: "md" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
@@ -302,7 +301,7 @@ function FileManagerTableRow({
               onAction: handleContextAction,
               fileType: file.type,
               trigger: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk2QMBXGMQcjs.Button,
+                _chunkTF5D5MNOcjs.Button,
                 {
                   variant: "transparent",
                   size: "small-legacy",
@@ -316,7 +315,7 @@ function FileManagerTableRow({
             }
           ),
           file.type === "folder" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunk2QMBXGMQcjs.Button,
+            _chunkTF5D5MNOcjs.Button,
             {
               variant: "transparent",
               size: "small-legacy",
@@ -388,28 +387,28 @@ function FileManagerTable({
   };
   if (loading) {
     const skeletonRows = 8;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col rounded-lg border border-ods-border bg-ods-bg", className), children: [
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col rounded-lg border border-ods-border bg-ods-bg", className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-12 items-center rounded-t-lg border-b border-ods-border bg-ods-bg-surface px-4", children: [
-        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3 text-ods-text-secondary text-h5", children: "NAME" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-ods-text-secondary text-h5", children: "SIZE" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4 text-ods-text-secondary text-h5", children: "EDITED" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-48 shrink-0 justify-end pl-4" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 divide-y divide-ods-border overflow-auto rounded-b-lg", children: Array.from({ length: skeletonRows }).map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "group flex h-16 items-center border-ods-border bg-ods-card px-4", children: [
-        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-32" }),
-            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "mt-1 h-3 w-48" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-32" }),
+            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "mt-1 h-3 w-48" })
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-16" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-24" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-24" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-48 shrink-0 items-center justify-end gap-1 pl-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] });
@@ -421,11 +420,11 @@ function FileManagerTable({
     "div",
     {
       ref: containerRef,
-      className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col rounded-lg border border-ods-border bg-ods-bg", className),
+      className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col rounded-lg border border-ods-border bg-ods-bg", className),
       style: tableHeight ? { height: `${tableHeight}px` } : void 0,
       children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-12 items-center rounded-t-lg border-b border-ods-border bg-ods-bg-surface px-4", children: [
-          showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYUMFVQINcjs.Checkbox, { checked: allSelected || someSelected, onCheckedChange: handleSelectAll, className: "h-5 w-5" }) }),
+          showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkC42WIUH6cjs.Checkbox, { checked: allSelected || someSelected, onCheckedChange: handleSelectAll, className: "h-5 w-5" }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3 text-ods-text-secondary text-h5", children: "NAME" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-ods-text-secondary text-h5", children: "SIZE" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4 text-ods-text-secondary text-h5", children: "EDITED" }),
@@ -559,7 +558,7 @@ function FileManager({
   const handleSelectFile = (fileId, selected) => {
     _optionalChain([onSelectFile, 'optionalCall', _21 => _21(fileId, selected)]);
   };
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex h-full flex-col bg-ods-bg", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col space-y-6 py-2", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex h-full flex-col bg-ods-bg", className), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col space-y-6 py-2", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "mb-4 flex flex-col justify-between gap-4 content-md:flex-row", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FileManagerBreadcrumb, { items: breadcrumbItems, onItemClick: handleBreadcrumbClick }),
       showActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -577,7 +576,7 @@ function FileManager({
       )
     ] }),
     showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHTRILBJDcjs.Input,
+      _chunkYXDHVHB2cjs.Input,
       {
         value: searchQuery,
         onChange: (e) => _optionalChain([onSearch, 'optionalCall', _27 => _27(e.target.value)]),
@@ -615,42 +614,42 @@ function FileManagerSkeleton({
   showActions = true
 }) {
   const rowPlaceholders = Array.from({ length: rows });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNO5UJLLQcjs.LoadingRegion, { label: "Loading files", announce: region, className: "flex h-full flex-col bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col space-y-6 py-6", children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading files", announce: region, className: "flex h-full flex-col bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col space-y-6 py-6", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-wrap items-start justify-between gap-4", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-12" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-24" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-12" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-24" })
       ] }),
       showActions && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-shrink-0 items-center gap-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-9 w-24" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-9 w-28" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-9 w-24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-9 w-28" })
       ] })
     ] }),
-    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-10 w-full rounded-lg" }),
+    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-10 w-full rounded-lg" }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col rounded-lg border border-ods-border bg-ods-bg", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-12 items-center rounded-t-lg border-b border-ods-border bg-ods-bg-surface px-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3 text-ods-text-secondary text-h5", children: "NAME" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4 text-ods-text-secondary text-h5", children: "SIZE" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4 text-ods-text-secondary text-h5", children: "EDITED" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-48 shrink-0 justify-end pl-4" })
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-h-0 flex-1 divide-y divide-ods-border overflow-auto rounded-b-lg", children: rowPlaceholders.map((_, idx) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-16 items-center border-ods-border bg-ods-card px-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-5 w-5 rounded" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-32" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-6 w-6 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-w-0 flex-col", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-32" }) })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-16" }) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-4 w-24" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-24 shrink-0 pr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-16" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-36 shrink-0 pl-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-4 w-24" }) }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex w-48 shrink-0 items-center justify-end gap-1 pl-4", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkH3RYUTNDcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] }) })

package/dist/components/ui/filter-checkbox-item.d.ts

@@ -12,4 +12,13 @@ export interface FilterCheckboxItemProps {
     className?: string;
 }
 export declare function FilterCheckboxItem({ label, ariaLabel, checked, onChange, count, disabled, className, }: FilterCheckboxItemProps): import("react").JSX.Element;
+/**
+ * A filter checkbox while its facet is read: the same row and an unchecked box, the label for real when given (else
+ * a bar), and with `count` the count as a bar.
+ */
+export declare function FilterCheckboxItemSkeleton({ label, count, className, }: {
+    label?: ReactNode;
+    count?: boolean;
+    className?: string;
+}): import("react").JSX.Element;
 //# sourceMappingURL=filter-checkbox-item.d.ts.map

package/dist/components/ui/filter-checkbox-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-checkbox-item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-checkbox-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,uBAAuB;IACtC,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,+BAiCzB"}
+{"version":3,"file":"filter-checkbox-item.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-checkbox-item.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAcvC,MAAM,WAAW,uBAAuB;IACtC,mEAAmE;IACnE,KAAK,EAAE,SAAS,CAAC;IACjB,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,GACV,EAAE,uBAAuB,+BA0CzB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,KAAa,EACb,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,+BAkBA"}

package/dist/components/ui/filter-checkbox-item.js

@@ -1,8 +1,16 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { CONTROL_SIZE } from "../../styles/component-sizes.js";
 import { cn } from "../../utils/cn.js";
 import { CheckboxCheckmarkIcon } from "../icons-v2-generated/signs-and-symbols/checkbox-checkmark-icon.js";
+import { TextLineSkeleton } from "../loading/unified-skeleton.js";
+import { useLoadingScope } from "./loading-scope.js";
+const ITEM_ROW_CLASS = "flex items-center gap-3 border-b border-ods-border bg-ods-card last:border-b-0";
+const ITEM_BOX_CLASS = `${CONTROL_SIZE.selection} shrink-0 rounded-[6px] border-2`;
+const ITEM_LABEL_CLASS = "min-w-0 flex-1 text-ods-text-primary text-h4";
+const ITEM_COUNT_CLASS = "shrink-0 text-ods-text-secondary text-h5";
+const itemPaddingClass = (hasCount) => hasCount ? "px-4 py-3" : "p-3";
 function FilterCheckboxItem({
   label,
   ariaLabel,
@@ -12,13 +20,23 @@ function FilterCheckboxItem({
   disabled,
   className
 }) {
+  if (useLoadingScope()) {
+    return /* @__PURE__ */ jsx(
+      FilterCheckboxItemSkeleton,
+      {
+        label: typeof label === "string" ? label || void 0 : label,
+        count: count !== void 0,
+        className
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {
       className: cn(
-        "flex items-center gap-3 border-b border-ods-border bg-ods-card last:border-b-0",
+        ITEM_ROW_CLASS,
         disabled ? "cursor-wait opacity-70" : "cursor-pointer transition-colors hover:bg-ods-bg-hover",
-        count !== void 0 ? "px-4 py-3" : "p-3",
+        itemPaddingClass(count !== void 0),
         className
       ),
       onClick: () => !disabled && onChange(!checked),
@@ -31,7 +49,7 @@ function FilterCheckboxItem({
             "aria-label": ariaLabel ?? (typeof label === "string" ? label : void 0),
             onCheckedChange: (c) => onChange(c === true),
             className: cn(
-              "h-6 w-6 shrink-0 rounded-[6px] border-2",
+              ITEM_BOX_CLASS,
               "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
               checked ? "border-ods-accent bg-ods-accent" : "border-ods-text-secondary bg-ods-card"
             ),
@@ -39,12 +57,24 @@ function FilterCheckboxItem({
             children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: "flex items-center justify-center text-ods-text-on-accent", children: /* @__PURE__ */ jsx(CheckboxCheckmarkIcon, { size: 10 }) })
           }
         ),
-        /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 text-ods-text-primary text-h4", children: label }),
-        count !== void 0 && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-ods-text-secondary text-h5", children: count.toLocaleString() })
+        /* @__PURE__ */ jsx("span", { className: ITEM_LABEL_CLASS, children: label }),
+        count !== void 0 && /* @__PURE__ */ jsx("span", { className: ITEM_COUNT_CLASS, children: count.toLocaleString() })
       ]
     }
   );
 }
+function FilterCheckboxItemSkeleton({
+  label,
+  count = false,
+  className
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: cn(ITEM_ROW_CLASS, itemPaddingClass(count), className), "aria-hidden": true, children: [
+    /* @__PURE__ */ jsx("span", { className: cn(ITEM_BOX_CLASS, "border-ods-text-secondary bg-ods-card") }),
+    label ? /* @__PURE__ */ jsx("span", { className: ITEM_LABEL_CLASS, children: label }) : /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h4", className: "w-32" }) }),
+    count && /* @__PURE__ */ jsx("span", { className: ITEM_COUNT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "inherit", as: "span", className: "inline-block w-6 align-top" }) })
+  ] });
+}
 export {
-  FilterCheckboxItem
+  FilterCheckboxItem,
+  FilterCheckboxItemSkeleton
 };

package/dist/components/ui/filter-modal.d.ts

@@ -1,9 +1,8 @@
-import { type DateFilterResult, type DateRange } from './date-picker';
+import type { DateRange } from 'react-day-picker';
+import { type DateFilterResult } from './date-picker';
 import { type SortConfig, type SortDirection } from './sort-column-item';
 import type { TableFilters } from './table/types';
 import { type TagKeyConfig } from './tag-key-value-filter';
-export type { SortableColumn, SortConfig, SortDirection } from './sort-column-item';
-export type { TagKeyConfig, TagValueOption } from './tag-key-value-filter';
 export interface FilterModalOption {
     id: string;
     label: string;

package/dist/components/ui/filter-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-modal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAmB,KAAK,gBAAgB,EAAE,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAIvF,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG9E,YAAY,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACpF,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE3E,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qFAAqF;IACrF,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;mFAC+E;IAC/E,UAAU,CAAC,EAAE;QACX,yCAAyC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,yDAAyD;QACzD,IAAI,CAAC,EAAE,aAAa,CAAC;QACrB,qEAAqE;QACrE,WAAW,CAAC,EAAE,aAAa,CAAC;QAC5B,0BAA0B;QAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,+BAA+B;QAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,mEAAmE;QACnE,MAAM,CAAC,EAAE,IAAI,CAAC;QACd,8EAA8E;QAC9E,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,KAAyB,EACzB,YAAY,EACZ,cAAc,EACd,cAAmB,EACnB,eAAiC,EACjC,eAAiC,EACjC,SAAS,EACT,UAAU,EACV,MAAM,EACN,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,SAAiB,EACjB,eAAwC,EACxC,qBAA8E,GAC/E,EAAE,gBAAgB,+BA0NlB"}
+{"version":3,"file":"filter-modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-modal.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAIvE,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAqB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,iBAAiB,EAAE,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,cAAc,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IAChD,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAC5D,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qFAAqF;IACrF,aAAa,CAAC,EAAE,YAAY,EAAE,CAAC;IAC/B,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,wCAAwC;IACxC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxC,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,kCAAkC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;mFAC+E;IAC/E,UAAU,CAAC,EAAE;QACX,yCAAyC;QACzC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,yDAAyD;QACzD,IAAI,CAAC,EAAE,aAAa,CAAC;QACrB,qEAAqE;QACrE,WAAW,CAAC,EAAE,aAAa,CAAC;QAC5B,0BAA0B;QAC1B,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,+BAA+B;QAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC;QAChB,mEAAmE;QACnE,MAAM,CAAC,EAAE,IAAI,CAAC;QACd,8EAA8E;QAC9E,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;KAC9C,CAAC;IACF,sCAAsC;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,4CAA4C;IAC5C,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,OAAO,EACP,KAAyB,EACzB,YAAY,EACZ,cAAc,EACd,cAAmB,EACnB,eAAiC,EACjC,eAAiC,EACjC,SAAS,EACT,UAAU,EACV,MAAM,EACN,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,SAAiB,EACjB,eAAwC,EACxC,qBAA8E,GAC/E,EAAE,gBAAgB,+BA0NlB"}

package/dist/components/ui/filter-pill-row.d.ts

@@ -16,16 +16,21 @@ export interface FilterPillRowProps {
     countLabel?: string;
     /** Optional children to render instead of options (for custom filter content). */
     children?: ReactNode;
+    /** The options are read on the client and have not arrived: the row draws its skeleton, as in a loading scope. */
+    loading?: boolean;
 }
-export declare function FilterPillRow({ label, selectedValue, onValueChange, options, countLabel, children, }: FilterPillRowProps): import("react").JSX.Element;
+export declare function FilterPillRow({ label, selectedValue, onValueChange, options, countLabel, children, loading, }: FilterPillRowProps): import("react").JSX.Element;
 /**
  * The loading state of a SERVED pill row (facets that arrive with the data):
- * the same row shell with placeholder pills, so the filters never pop in under
- * the content. The row renders its children INSTEAD of options, which is
- * exactly what a skeleton wants.
+ * the same row shell, its label real, the `options` it states as real pills,
+ * else `pills` boxes of a pill's size, so the filters never pop in under the
+ * content. With `count` the count line is a bar.
  */
-export declare function FilterPillRowSkeleton({ label, pills }: {
+export declare function FilterPillRowSkeleton({ label, options, pills, count, }: {
     label: string;
+    /** Option labels the page states itself: real pills in place of the boxes. */
+    options?: string[];
     pills?: number;
+    count?: boolean;
 }): import("react").JSX.Element;
 //# sourceMappingURL=filter-pill-row.d.ts.map

package/dist/components/ui/filter-pill-row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"filter-pill-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-pill-row.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,GACT,EAAE,kBAAkB,+BAuBpB;AAID;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,KAAS,EAAE,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,+BAQ5F"}
+{"version":3,"file":"filter-pill-row.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-pill-row.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,kBAAkB;IACjC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAC;IACtB,iDAAiD;IACjD,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gCAAgC;IAChC,OAAO,EAAE,mBAAmB,EAAE,CAAC;IAC/B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kHAAkH;IAClH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAmCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,aAAa,EACb,OAAO,EACP,UAAU,EACV,QAAQ,EACR,OAAe,GAChB,EAAE,kBAAkB,+BA0BpB;AAED;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,OAAO,EACP,KAAS,EACT,KAAa,GACd,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,+BAaA"}

package/dist/components/ui/filter-pill-row.js

@@ -1,40 +1,77 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Filter } from "lucide-react";
-import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
+import { InteractiveSkeleton, TextLineSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "./button/index.js";
+import { useLoadingScope } from "./loading-scope.js";
+const FILTER_ROW_CLASS = "flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4";
+const FILTER_COUNT_CLASS = "ml-auto shrink-0 text-ods-text-secondary text-h6";
+const FILTER_PILL_SIZE = "small-legacy";
+function FilterPillRowFrame({ label, children, inert }) {
+  return /* @__PURE__ */ jsxs("div", { className: FILTER_ROW_CLASS, "aria-hidden": inert || void 0, inert: inert || void 0, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-ods-accent" }),
+      /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: label })
+    ] }),
+    children
+  ] });
+}
+function FilterPill({ label, selected, onClick }) {
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: selected ? "accent" : "outline",
+      size: FILTER_PILL_SIZE,
+      onClick,
+      tabIndex: onClick ? void 0 : -1,
+      className: "text-h3",
+      children: label
+    }
+  );
+}
 function FilterPillRow({
   label,
   selectedValue,
   onValueChange,
   options,
   countLabel,
-  children
+  children,
+  loading = false
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 rounded-lg border border-ods-border bg-ods-card p-4", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx(Filter, { className: "h-4 w-4 text-ods-accent" }),
-      /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: label })
-    ] }),
+  if ((useLoadingScope() || loading) && !children) {
+    return /* @__PURE__ */ jsx(
+      FilterPillRowSkeleton,
+      {
+        label,
+        options: options.length > 0 ? options.map((opt) => opt.label) : void 0,
+        count: countLabel !== void 0
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(FilterPillRowFrame, { label, children: [
     children || options.map((opt) => /* @__PURE__ */ jsx(
-      Button,
+      FilterPill,
       {
-        type: "button",
-        variant: selectedValue === opt.value ? "accent" : "outline",
-        size: "small-legacy",
-        onClick: () => onValueChange(opt.value),
-        className: "text-h3",
-        children: opt.label
+        label: opt.label,
+        selected: selectedValue === opt.value,
+        onClick: () => onValueChange(opt.value)
       },
       opt.value
     )),
-    countLabel && /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0 text-ods-text-secondary text-h6", children: countLabel })
+    countLabel && /* @__PURE__ */ jsx("div", { className: FILTER_COUNT_CLASS, children: countLabel })
   ] });
 }
-const noop = () => {
-};
-function FilterPillRowSkeleton({ label, pills = 5 }) {
-  return /* @__PURE__ */ jsx(FilterPillRow, { label, selectedValue: "", onValueChange: noop, options: [], children: Array.from({ length: pills }, (_, i) => /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-8 w-24 rounded" }, i)) });
+function FilterPillRowSkeleton({
+  label,
+  options,
+  pills = 5,
+  count = false
+}) {
+  return /* @__PURE__ */ jsxs(FilterPillRowFrame, { label, inert: true, children: [
+    options ? options.map((option) => /* @__PURE__ */ jsx(FilterPill, { label: option, selected: false }, option)) : Array.from({ length: pills }, (_, i) => /* @__PURE__ */ jsx(InteractiveSkeleton.Button, { size: FILTER_PILL_SIZE }, i)),
+    count && /* @__PURE__ */ jsx("div", { className: FILTER_COUNT_CLASS, children: /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h6", className: "w-40" }) })
+  ] });
 }
 export {
   FilterPillRow,

package/dist/components/ui/incident-feed.d.ts

@@ -43,5 +43,5 @@ export interface IncidentFeedProps {
  * to a single row each. An item that is waiting on a person stays open even
  * after newer ones arrive, because it is still the thing to look at.
  */
-export declare function IncidentFeed({ items, statusLabels, emptyLabel, anchor, className }: IncidentFeedProps): import("react").JSX.Element;
+export declare function IncidentFeed({ items, statusLabels, emptyLabel, anchor, className, }: IncidentFeedProps): import("react").JSX.Element;
 //# sourceMappingURL=incident-feed.d.ts.map

package/dist/components/ui/incident-feed.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"incident-feed.d.ts","sourceRoot":"","sources":["../../../src/components/ui/incident-feed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAEvF;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,cAAc,CAAC;IACvB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC7C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAqBD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAc,EAAE,SAAS,EAAE,EAAE,iBAAiB,+BAoD7G"}
+{"version":3,"file":"incident-feed.d.ts","sourceRoot":"","sources":["../../../src/components/ui/incident-feed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,kFAAkF;AAClF,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE1E,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,cAAc,CAAC;IACvB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAcD,wBAAgB,kBAAkB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,uBAAuB,+BAEvF;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,0EAA0E;IAC1E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,cAAc,CAAC;IACvB,sDAAsD;IACtD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,wEAAwE;IACxE,KAAK,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC7C;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA6BD;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,MAAc,EACd,SAAS,GACV,EAAE,iBAAiB,+BA8CnB"}