@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

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

@@ -1,5 +1,4 @@
 export { FileManager } from './file-manager';
-export { FileManagerSkeleton } from './file-manager-skeleton';
 export { FileManagerBreadcrumb } from './file-manager-breadcrumb';
 export { FileManagerActionBar } from './file-manager-action-bar';
 export { FileManagerTable } from './file-manager-table';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/file-manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAC7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,YAAY,EACV,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,cAAc,EACd,gBAAgB,EAChB,0BAA0B,EAC1B,yBAAyB,EACzB,qBAAqB,EACrB,wBAAwB,EACxB,2BAA2B,EAC3B,aAAa,EACb,qBAAqB,GACtB,MAAM,SAAS,CAAC"}

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

@@ -1,5 +1,4 @@
 import { FileManager } from "./file-manager.js";
-import { FileManagerSkeleton } from "./file-manager-skeleton.js";
 import { FileManagerBreadcrumb } from "./file-manager-breadcrumb.js";
 import { FileManagerActionBar } from "./file-manager-action-bar.js";
 import { FileManagerTable } from "./file-manager-table.js";
@@ -14,7 +13,6 @@ export {
   FileManagerBreadcrumb,
   FileManagerContextMenu,
   FileManagerEmpty,
-  FileManagerSkeleton,
   FileManagerTable,
   FileManagerTableRow
 };

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

@@ -22,7 +22,12 @@ export interface FileManagerProps {
     deviceName?: string;
     deviceInfo?: string;
     searchQuery?: string;
+    /** The folder is still being read: the file manager draws its loading state (breadcrumb, actions and search real and
+     *  inert, the table's header real, its rows in their loading form). A loading scope does the same. */
     loading?: boolean;
+    /** Whether the loading state announces itself (`LoadingRegion`). `false` inside another loading region. Default
+     *  `true`. */
+    region?: boolean;
     isSearching?: boolean;
     showCheckboxes?: boolean;
     showSearch?: boolean;
@@ -81,7 +86,8 @@ export interface FileManagerTableProps {
     className?: string;
 }
 export interface FileManagerTableRowProps {
-    file: FileItem;
+    /** The file the row shows. Absent while it is read: the row draws its loading form. */
+    file?: FileItem | null;
     isSelected?: boolean;
     showCheckbox?: boolean;
     showPath?: boolean;
@@ -90,7 +96,12 @@ export interface FileManagerTableRowProps {
     onDoubleClick?: () => void;
     onContextMenu?: (e: MouseEvent) => void;
     onActionClick?: (action: FileAction) => void;
+    /** The folder is still being read: the row draws its loading form (its frame, its read parts as bars). A loading
+     *  scope does the same. */
+    loading?: boolean;
     className?: string;
+    /** Markers for the page's height gate (`data-loading-item`), carried by the row in both forms. */
+    [marker: `data-${string}`]: unknown;
 }
 export interface FileManagerContextMenuProps {
     open: boolean;

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

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

package/dist/components/ui/file-upload.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/ui/file-upload.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AAQf,mFAAmF;AACnF,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,MAAM,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7E,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI;IACnE,6EAA6E;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACjF;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAClC,6FAA6F;IAC7F,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mGAAmG;IACnG,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAChC;AAmCD,wBAAgB,UAAU,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI,EAAE,EAC/D,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,MAAc,EACd,OAA0B,EAC1B,QAAa,EACb,QAAgB,EAChB,KAAsB,EACtB,WAA6C,EAC7C,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,IAAI,EACJ,aAAa,EACb,iBAAyB,EACzB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BA4UpB"}
+{"version":3,"file":"file-upload.d.ts","sourceRoot":"","sources":["../../../src/components/ui/file-upload.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EAKf,MAAM,OAAO,CAAC;AASf,mFAAmF;AACnF,MAAM,WAAW,gBAAgB;IAC/B,6EAA6E;IAC7E,EAAE,EAAE,MAAM,CAAC;IACX,wBAAwB;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,yBAAyB;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,oBAAoB;IACpB,MAAM,EAAE,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;IAC3C,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;;GAKG;AACH,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC;AAE7E,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI;IACnE,6EAA6E;IAC7E,KAAK,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,GAAG,SAAS,KAAK,IAAI,CAAC;IACjF;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAClC,6FAA6F;IAC7F,mBAAmB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,mGAAmG;IACnG,qBAAqB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sCAAsC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+GAA+G;IAC/G,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;CAChC;AAmCD,wBAAgB,UAAU,CAAC,CAAC,SAAS,mBAAmB,GAAG,IAAI,EAAE,EAC/D,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,mBAAmB,EACnB,qBAAqB,EACrB,MAAc,EACd,OAA0B,EAC1B,QAAa,EACb,QAAgB,EAChB,KAAsB,EACtB,WAA6C,EAC7C,UAAU,EACV,QAAgB,EAChB,KAAK,EACL,SAAS,EACT,IAAI,EACJ,aAAa,EACb,iBAAyB,EACzB,SAAS,GACV,EAAE,eAAe,CAAC,CAAC,CAAC,+BAwVpB"}

package/dist/components/ui/file-upload.js

@@ -12,6 +12,7 @@ import { ImagePlusIcon } from "../icons-v2-generated/audio-and-visual/image-plus
 import { FileIcon } from "../icons-v2-generated/documents/file-icon.js";
 import { Download02Icon } from "../icons-v2-generated/interface/download-02-icon.js";
 import { TrashIcon } from "../icons-v2-generated/interface/trash-icon.js";
+import { Button } from "./button/index.js";
 import { FieldWrapper } from "./field-wrapper.js";
 function formatFileSize(bytes) {
   if (bytes === 0) return "0 B";
@@ -260,23 +261,28 @@ function FileUpload({
                   ] })
                 ] }),
                 onDownloadManagedFile && entry.status === "uploaded" && /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "icon-sm",
                     type: "button",
                     onClick: () => onDownloadManagedFile(entry.id),
-                    className: "shrink-0 text-ods-text-secondary transition-colors hover:text-ods-text-primary",
+                    className: "shrink-0",
                     "aria-label": `Download ${entry.fileName}`,
-                    children: /* @__PURE__ */ jsx(Download02Icon, { className: "size-6" })
+                    children: /* @__PURE__ */ jsx(Download02Icon, {})
                   }
                 ),
                 !disabled && /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    "data-tone": "error",
+                    size: "icon-sm",
                     type: "button",
                     onClick: () => onRemoveManagedFile?.(entry.id),
-                    className: "shrink-0 text-ods-error transition-opacity hover:opacity-80",
+                    className: "shrink-0",
                     "aria-label": `Remove ${entry.fileName}`,
-                    children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-6" })
+                    children: /* @__PURE__ */ jsx(TrashIcon, { className: "text-ods-error" })
                   }
                 )
               ]
@@ -293,13 +299,16 @@ function FileUpload({
                   /* @__PURE__ */ jsx("p", { className: "text-ods-text-secondary text-h6", children: formatFileSize(file.size) })
                 ] }),
                 !disabled && /* @__PURE__ */ jsx(
-                  "button",
+                  Button,
                   {
+                    variant: "bare",
+                    "data-tone": "error",
+                    size: "icon-sm",
                     type: "button",
                     onClick: () => handleRemoveFile(index),
-                    className: "shrink-0 text-ods-error transition-opacity hover:opacity-80",
+                    className: "shrink-0",
                     "aria-label": `Remove ${file.name}`,
-                    children: /* @__PURE__ */ jsx(TrashIcon, { className: "size-6" })
+                    children: /* @__PURE__ */ jsx(TrashIcon, { className: "text-ods-error" })
                   }
                 )
               ]
@@ -308,31 +317,36 @@ function FileUpload({
           ))
         }
       ),
-      showDropzone && /* @__PURE__ */ jsxs(
-        "button",
+      showDropzone && /* @__PURE__ */ jsx(
+        Button,
         {
+          variant: "card",
           type: "button",
+          "data-state": dragActive ? "active" : void 0,
           onDragEnter: handleDrag,
           onDragLeave: handleDrag,
           onDragOver: handleDrag,
           onDrop: handleDrop,
           onClick: openDialog,
           disabled,
-          className: cn(
-            "flex w-full cursor-pointer items-center gap-[var(--spacing-system-xsf)] rounded-[6px] border border-dashed p-[var(--spacing-system-sf)] text-left",
-            "transition-colors duration-200",
-            "border-ods-border bg-ods-card",
-            dragActive && "border-ods-accent bg-ods-accent/5",
-            !dragActive && "hover:border-ods-accent/30",
-            disabled && "cursor-not-allowed opacity-50 hover:border-ods-border"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-sf)]", children: icon || /* @__PURE__ */ jsx(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-ods-text-primary text-h4", children: label }),
-              /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: description })
-            ] })
-          ]
+          children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cn(
+                "flex items-center gap-[var(--spacing-system-xsf)] rounded-[6px] border border-dashed p-[var(--spacing-system-sf)]",
+                "bg-ods-card transition-colors duration-200",
+                dragActive ? "border-ods-accent" : "border-ods-border",
+                disabled && "opacity-50"
+              ),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex shrink-0 items-center rounded-full border border-ods-border bg-ods-card p-[var(--spacing-system-sf)]", children: icon || /* @__PURE__ */ jsx(ImagePlusIcon, { className: "size-6 text-ods-text-primary" }) }),
+                /* @__PURE__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                  /* @__PURE__ */ jsx("span", { className: "text-ods-text-primary text-h4", children: label }),
+                  /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h6", children: description })
+                ] })
+              ]
+            }
+          )
         }
       )
     ] })

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

@@ -11,14 +11,5 @@ export interface FilterCheckboxItemProps {
     disabled?: boolean;
     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;
+export declare function FilterCheckboxItem({ label, ariaLabel, checked, onChange, count, disabled, className, ...props }: FilterCheckboxItemProps): 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;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"}
+{"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,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,+BA8CzB"}

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

@@ -5,7 +5,7 @@ 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";
+import { loadingItemProps, 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";
@@ -18,21 +18,25 @@ function FilterCheckboxItem({
   onChange,
   count,
   disabled,
-  className
+  className,
+  ...props
 }) {
+  const markers = loadingItemProps(props);
   if (useLoadingScope()) {
     return /* @__PURE__ */ jsx(
       FilterCheckboxItemSkeleton,
       {
         label: typeof label === "string" ? label || void 0 : label,
         count: count !== void 0,
-        className
+        className,
+        ...markers
       }
     );
   }
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ...markers,
       className: cn(
         ITEM_ROW_CLASS,
         disabled ? "cursor-wait opacity-70" : "cursor-pointer transition-colors hover:bg-ods-bg-hover",
@@ -66,15 +70,15 @@ function FilterCheckboxItem({
 function FilterCheckboxItemSkeleton({
   label,
   count = false,
-  className
+  className,
+  ...props
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: cn(ITEM_ROW_CLASS, itemPaddingClass(count), className), "aria-hidden": true, children: [
+  return /* @__PURE__ */ jsxs("div", { className: cn(ITEM_ROW_CLASS, itemPaddingClass(count), className), "aria-hidden": true, ...loadingItemProps(props), 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,
-  FilterCheckboxItemSkeleton
+  FilterCheckboxItem
 };

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

@@ -1,7 +1,7 @@
 import type { DateRange } from 'react-day-picker';
+import type { DataTableFilters } from './data-table/types';
 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 interface FilterModalOption {
     id: string;
@@ -18,8 +18,8 @@ export interface FilterModalProps {
     onClose: () => void;
     title?: string;
     filterGroups: FilterGroup[];
-    onFilterChange: (filters: TableFilters) => void;
-    currentFilters?: TableFilters;
+    onFilterChange: (filters: DataTableFilters) => void;
+    currentFilters?: DataTableFilters;
     resetButtonText?: string;
     applyButtonText?: string;
     className?: 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":"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"}
+{"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,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAmB,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAKvE,OAAO,EAAkB,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACzF,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,gBAAgB,KAAK,IAAI,CAAC;IACpD,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,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;AAQD,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,+BAkOlB"}

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

@@ -3,14 +3,17 @@ 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 { TextLineSkeleton } 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 { LOADING_NOOP, LoadingItems, LoadingScope } from "./loading-scope.js";
 import { ModalV2, ModalV2Content, ModalV2Footer, ModalV2Header, ModalV2Title } from "./modal-v2.js";
 import { ScrollFadeOverlay, useScrollFade } from "./scroll-fade.js";
 import { SortColumnItem } from "./sort-column-item.js";
 import { TagKeyValueFilter } from "./tag-key-value-filter.js";
+const FILTER_MODAL_SKELETON_GROUPS = 2;
+const FILTER_MODAL_SKELETON_OPTIONS = 3;
 function FilterModal({
   isOpen,
   onClose,
@@ -107,83 +110,87 @@ function FilterModal({
                   ref: scrollRef,
                   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(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(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
-                    )) })
-                  ] }, group)) }) : isEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex h-[240px] flex-col items-center justify-center gap-6 p-6", children: [
+                  children: isEmpty ? /* @__PURE__ */ jsxs("div", { className: "flex h-[240px] flex-col items-center justify-center gap-6 p-6", children: [
                     /* @__PURE__ */ jsx(Filter02Icon, { className: "text-ods-text-secondary", size: 24 }),
                     /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center text-center text-ods-text-secondary", children: [
                       /* @__PURE__ */ jsx("p", { className: "text-h4", children: emptyStateTitle }),
                       /* @__PURE__ */ jsx("p", { className: "text-h6", children: emptyStateDescription })
                     ] })
-                  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                    sortConfig && sortConfig.columns.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: sortConfig.title || "Sort By" }),
-                      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: sortConfig.columns.map((column) => /* @__PURE__ */ jsx(
-                        SortColumnItem,
-                        {
-                          column,
-                          currentDirection: getColumnDirection(column.key),
-                          onSort: (direction) => onSort?.(column.key, direction),
-                          onClear: onSortClear ? () => onSortClear(column.key) : void 0
-                        },
-                        column.key
-                      )) })
-                    ] }),
-                    filterGroups.map((group) => {
-                      if (group.options.length === 0) return null;
-                      const groupSelection = selectedFilters[group.id] || [];
-                      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                        /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: group.title }),
-                        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.options.map((option) => /* @__PURE__ */ jsx(
-                          FilterCheckboxItem,
+                  ] }) : (
+                    // ONE tree for both forms: while the facets are read (`isLoading`) the modal is its own loading state in a
+                    // scope (inert): the sort columns and the date filter the page configures are drawn real, the read filter
+                    // groups as their loading rows.
+                    /* @__PURE__ */ jsxs(LoadingScope, { active: isLoading, className: "contents", children: [
+                      sortConfig && sortConfig.columns.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: sortConfig.title || "Sort By" }),
+                        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: sortConfig.columns.map((column) => /* @__PURE__ */ jsx(
+                          SortColumnItem,
                           {
-                            label: option.label,
-                            count: option.count,
-                            checked: groupSelection.includes(option.id),
-                            onChange: (checked) => handleFilterToggle(group.id, option.id, checked)
+                            column,
+                            currentDirection: getColumnDirection(column.key),
+                            onSort: (direction) => onSort?.(column.key, direction),
+                            onClear: onSortClear ? () => onSortClear(column.key) : void 0
                           },
-                          option.id
+                          column.key
                         )) })
-                      ] }, group.id);
-                    }),
-                    tagFilterKeys && tagFilterKeys.length > 0 && onTagsChange && /* @__PURE__ */ jsx(
-                      TagKeyValueFilter,
-                      {
-                        keys: tagFilterKeys,
-                        selectedTags: pendingTags,
-                        onTagsChange: setPendingTags,
-                        keysTitle: tagFilterTitle
-                      }
-                    ),
-                    dateFilter && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
-                      /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: dateFilter.title ?? "Date" }),
-                      /* @__PURE__ */ jsx(
-                        DateFilterPanel,
+                      ] }),
+                      isLoading ? /* @__PURE__ */ jsx(LoadingItems, { count: FILTER_MODAL_SKELETON_GROUPS, children: () => /* @__PURE__ */ jsxs("div", { "data-loading-item": true, className: "flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsx(TextLineSkeleton, { type: "h5", className: "w-24" }),
+                        /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: /* @__PURE__ */ jsx(LoadingItems, { count: FILTER_MODAL_SKELETON_OPTIONS, children: () => /* @__PURE__ */ jsx(
+                          FilterCheckboxItem,
+                          {
+                            "data-loading-item": true,
+                            label: "",
+                            count: 0,
+                            checked: false,
+                            onChange: LOADING_NOOP
+                          }
+                        ) }) })
+                      ] }) }) : /* @__PURE__ */ jsx(Fragment, { children: filterGroups.map((group) => {
+                        if (group.options.length === 0) return null;
+                        const groupSelection = selectedFilters[group.id] || [];
+                        return /* @__PURE__ */ jsxs("div", { "data-loading-item": true, className: "flex flex-col gap-1", children: [
+                          /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: group.title }),
+                          /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-md border border-ods-border", children: group.options.map((option) => /* @__PURE__ */ jsx(
+                            FilterCheckboxItem,
+                            {
+                              "data-loading-item": true,
+                              label: option.label,
+                              count: option.count,
+                              checked: groupSelection.includes(option.id),
+                              onChange: (checked) => handleFilterToggle(group.id, option.id, checked)
+                            },
+                            option.id
+                          )) })
+                        ] }, group.id);
+                      }) }),
+                      tagFilterKeys && tagFilterKeys.length > 0 && onTagsChange && /* @__PURE__ */ jsx(
+                        TagKeyValueFilter,
                         {
-                          mode: "range",
-                          sort: draftDateSort,
-                          onSortChange: setDraftDateSort,
-                          selected: draftDateRange,
-                          onSelect: (value) => setDraftDateRange(value),
-                          fromDate: dateFilter.fromDate,
-                          toDate: dateFilter.toDate,
-                          className: "gap-[var(--spacing-system-xxs)]"
+                          keys: tagFilterKeys,
+                          selectedTags: pendingTags,
+                          onTagsChange: setPendingTags,
+                          keysTitle: tagFilterTitle
                         }
-                      )
+                      ),
+                      dateFilter && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                        /* @__PURE__ */ jsx("span", { className: "text-ods-text-secondary text-h5", children: dateFilter.title ?? "Date" }),
+                        /* @__PURE__ */ jsx(
+                          DateFilterPanel,
+                          {
+                            mode: "range",
+                            sort: draftDateSort,
+                            onSortChange: setDraftDateSort,
+                            selected: draftDateRange,
+                            onSelect: (value) => setDraftDateRange(value),
+                            fromDate: dateFilter.fromDate,
+                            toDate: dateFilter.toDate,
+                            className: "gap-[var(--spacing-system-xxs)]"
+                          }
+                        )
+                      ] })
                     ] })
-                  ] })
+                  )
                 }
               ),
               /* @__PURE__ */ jsx(ScrollFadeOverlay, { edge: "top", visible: fadeTop }),

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

@@ -20,17 +20,4 @@ export interface FilterPillRowProps {
     loading?: boolean;
 }
 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, 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, 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;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"}
+{"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"}

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

@@ -62,10 +62,11 @@ function FilterPillRow({
     countLabel && /* @__PURE__ */ jsx("div", { className: FILTER_COUNT_CLASS, children: countLabel })
   ] });
 }
+const FILTER_PILL_ROW_SKELETON_PILLS = 5;
 function FilterPillRowSkeleton({
   label,
   options,
-  pills = 5,
+  pills = FILTER_PILL_ROW_SKELETON_PILLS,
   count = false
 }) {
   return /* @__PURE__ */ jsxs(FilterPillRowFrame, { label, inert: true, children: [
@@ -74,6 +75,5 @@ function FilterPillRowSkeleton({
   ] });
 }
 export {
-  FilterPillRow,
-  FilterPillRowSkeleton
+  FilterPillRow
 };

package/dist/components/ui/hidden-tags-popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hidden-tags-popup.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hidden-tags-popup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAI1F,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,iHAgD1B,CAAC"}
+{"version":3,"file":"hidden-tags-popup.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hidden-tags-popup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAqB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAK1F,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,iHAkD1B,CAAC"}

package/dist/components/ui/hidden-tags-popup.js

@@ -3,6 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../utils/cn.js";
 import { XmarkCircleIcon } from "../icons-v2-generated/signs-and-symbols/xmark-circle-icon.js";
+import { Button } from "./button/index.js";
 const HiddenTagsPopup = forwardRef(function HiddenTagsPopupImpl({ items, onRemove, disabled, className, style }, ref) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -34,16 +35,18 @@ const HiddenTagsPopup = forwardRef(function HiddenTagsPopupImpl({ items, onRemov
               }
             ),
             !disabled && onRemove && /* @__PURE__ */ jsx(
-              "button",
+              Button,
               {
+                variant: "bare",
+                size: "icon-sm",
                 type: "button",
                 onClick: (e) => {
                   e.stopPropagation();
                   onRemove(item.value);
                 },
-                className: "shrink-0 text-ods-text-secondary transition-colors hover:text-ods-text-primary",
+                className: "shrink-0",
                 "aria-label": `Remove ${String(item.label)}`,
-                children: /* @__PURE__ */ jsx(XmarkCircleIcon, { size: 20 })
+                children: /* @__PURE__ */ jsx(XmarkCircleIcon, { className: "text-ods-text-secondary" })
               }
             )
           ]

package/dist/components/ui/hover-dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hover-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;6DAEyD;IACzD,eAAe,CAAC,EAAE;QAChB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;8DAC0D;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;CACzE;AAyBD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,IAAY,EACZ,SAAe,EACf,SAAS,EACT,YAAY,GACb,EAAE,kBAAkB,qBAoKpB"}
+{"version":3,"file":"hover-dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/ui/hover-dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;6DAEyD;IACzD,eAAe,CAAC,EAAE;QAChB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;QACtB,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,MAAM,IAAI,CAAC;KACrB,CAAC;CACH;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B;8DAC0D;IAC1D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,kBAAkB;IAC1B,sDAAsD;IACtD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oCAAoC;IACpC,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sDAAsD;IACtD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,6BAA6B,KAAK,KAAK,CAAC,SAAS,CAAC;CACzE;AAyBD,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,IAAY,EACZ,SAAe,EACf,SAAS,EACT,YAAY,GACb,EAAE,kBAAkB,qBAuKpB"}