@flamingo-stack/openframe-frontend-core 0.0.747 → 0.0.749

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

@@ -12,18 +12,22 @@ require('../../../chunk-K6VWTUCH.cjs');
 
 
 
-var _chunkL2RMTGOKcjs = require('../../../chunk-L2RMTGOK.cjs');
+var _chunkMGF3FUKDcjs = require('../../../chunk-MGF3FUKD.cjs');
 
 
 var _chunkZ74QE57Tcjs = require('../../../chunk-Z74QE57T.cjs');
 require('../../../chunk-XZJCBIYR.cjs');
 
 
+var _chunkUGCRLRCTcjs = require('../../../chunk-UGCRLRCT.cjs');
+
+
 var _chunk2QMBXGMQcjs = require('../../../chunk-2QMBXGMQ.cjs');
 require('../../../chunk-V45KLJQP.cjs');
+require('../../../chunk-RB6BSE3O.cjs');
 
 
-var _chunk5M5C6UV4cjs = require('../../../chunk-5M5C6UV4.cjs');
+var _chunk2YXOD2KLcjs = require('../../../chunk-2YXOD2KL.cjs');
 
 
 var _chunk3ATAYP36cjs = require('../../../chunk-3ATAYP36.cjs');
@@ -212,12 +216,12 @@ function FileManagerContextMenu({
     }
   ];
   const visibleItems = menuItems.filter((item) => item.show);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkL2RMTGOKcjs.DropdownMenu, { open, onOpenChange, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2RMTGOKcjs.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, _chunkL2RMTGOKcjs.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, _chunkL2RMTGOKcjs.DropdownMenuSeparator, {}),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMGF3FUKDcjs.DropdownMenu, { open, onOpenChange, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGF3FUKDcjs.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, _chunkMGF3FUKDcjs.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, _chunkMGF3FUKDcjs.DropdownMenuSeparator, {}),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-        _chunkL2RMTGOKcjs.DropdownMenuItem,
+        _chunkMGF3FUKDcjs.DropdownMenuItem,
         {
           onClick: (e) => {
             e.stopPropagation();
@@ -386,26 +390,26 @@ function FileManagerTable({
     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: [
       /* @__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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-6 w-6 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-32" }),
-            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "mt-1 h-3 w-48" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-32" }),
+            isSearchResult && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { 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, _chunk5M5C6UV4cjs.Skeleton, { 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, _chunk2YXOD2KLcjs.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, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] });
@@ -604,44 +608,49 @@ function FileManager({
 
 // src/components/ui/file-manager/file-manager-skeleton.tsx
 
-function FileManagerSkeleton({ rows = 8, showSearch = true, showActions = true }) {
+function FileManagerSkeleton({
+  region = true,
+  rows = 8,
+  showSearch = true,
+  showActions = true
+}) {
   const rowPlaceholders = Array.from({ length: rows });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { 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, _chunkUGCRLRCTcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-12" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-4 rounded-full" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-24" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-12" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-5 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-4 w-4 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-9 w-24" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-9 w-20" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-9 w-28" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-9 w-24" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-9 w-20" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-9 w-28" })
       ] })
     ] }),
-    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-10 w-full rounded-lg" }),
+    showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-5 w-5 rounded" }) }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mr-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { 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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-4 w-32" }) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.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, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { 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, _chunk5M5C6UV4cjs.Skeleton, { 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, _chunk2YXOD2KLcjs.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, _chunk2YXOD2KLcjs.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, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-8 rounded" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5M5C6UV4cjs.Skeleton, { className: "h-8 w-8 rounded" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2YXOD2KLcjs.UnifiedSkeleton, { className: "h-8 w-8 rounded" })
         ] })
       ] }, idx)) })
     ] }) })

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":"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"}
+{"version":3,"file":"filter-modal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/filter-modal.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/filter-modal.js

@@ -3,12 +3,12 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { cn } from "../../utils/cn.js";
 import { Filter02Icon } from "../icons-v2-generated/sort-and-filter/filter-02-icon.js";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "./button/index.js";
 import { DateFilterPanel } from "./date-picker.js";
 import { FilterCheckboxItem } from "./filter-checkbox-item.js";
 import { ModalV2, ModalV2Content, ModalV2Footer, ModalV2Header, ModalV2Title } from "./modal-v2.js";
 import { ScrollFadeOverlay, useScrollFade } from "./scroll-fade.js";
-import { Skeleton } from "./skeleton.js";
 import { SortColumnItem } from "./sort-column-item.js";
 import { TagKeyValueFilter } from "./tag-key-value-filter.js";
 function FilterModal({
@@ -108,15 +108,15 @@ function FilterModal({
                   onScroll: updateFade,
                   className: "flex min-h-0 flex-1 flex-col gap-4 overflow-y-auto md:py-3",
                   children: isLoading ? /* @__PURE__ */ jsx(Fragment, { children: [0, 1].map((group) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
+                    /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-5 w-24" }),
                     /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: [0, 1, 2].map((row) => /* @__PURE__ */ jsxs(
                       "div",
                       {
                         className: "flex items-center gap-3 border-b border-ods-border bg-ods-card px-4 py-3 last:border-b-0",
                         children: [
-                          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-6 shrink-0 rounded-[6px]" }),
-                          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 max-w-[60%] flex-1" }),
-                          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-10 shrink-0" })
+                          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-6 w-6 shrink-0 rounded-[6px]" }),
+                          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 max-w-[60%] flex-1" }),
+                          /* @__PURE__ */ jsx(UnifiedSkeleton, { className: "h-4 w-10 shrink-0" })
                         ]
                       },
                       row

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

@@ -18,4 +18,14 @@ export interface FilterPillRowProps {
     children?: ReactNode;
 }
 export declare function FilterPillRow({ label, selectedValue, onValueChange, options, countLabel, children, }: 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.
+ */
+export declare function FilterPillRowSkeleton({ label, pills }: {
+    label: string;
+    pills?: number;
+}): 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;AAGvC,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"}
+{"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"}

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Filter } from "lucide-react";
+import { UnifiedSkeleton } from "../loading/unified-skeleton.js";
 import { Button } from "./button/index.js";
 function FilterPillRow({
   label,
@@ -30,6 +31,12 @@ function FilterPillRow({
     countLabel && /* @__PURE__ */ jsx("div", { className: "ml-auto shrink-0 text-ods-text-secondary text-h6", 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)) });
+}
 export {
-  FilterPillRow
+  FilterPillRow,
+  FilterPillRowSkeleton
 };