@backstage/ui 0.15.0 → 0.16.0

package/dist/css/styles.css

@@ -85,150 +85,266 @@
     --bui-radius-6: calc(1.25rem);
     --bui-radius-full: 9999px;
 
+    /* Animations */
+    --bui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+
     /* Base Colors */
     --bui-black: #000000;
     --bui-white: #ffffff;
+    --bui-ring: #1f5493;
+    --bui-scrollbar: #a0a0a03b;
+    --bui-scrollbar-thumb: #a0a0a0;
+
+    /* Gray scale */
+    --bui-gray-1: #fafafa;
+    --bui-gray-2: #f5f5f5;
+    --bui-gray-3: #e5e5e5;
+    --bui-gray-4: #d4d4d4;
+    --bui-gray-5: #a1a1a1;
+    --bui-gray-6: #737373;
+    --bui-gray-7: #525252;
+    --bui-gray-8: #404040;
+    --bui-gray-9: #262626;
+    --bui-gray-10: #171717;
+    --bui-gray-11: #0a0a0a;
+
+    /* Neutral background colors */
+    --bui-bg-app: #f5f5f5;
+    --bui-bg-neutral-1: var(--bui-white);
+    --bui-bg-neutral-2: #f7f7f7;
+    --bui-bg-neutral-3: var(--bui-white);
+    --bui-bg-neutral-4: #f7f7f7;
 
-    /* Solid background colors */
+    /* Foreground colors */
+    --bui-fg-primary: var(--bui-black);
+    --bui-fg-secondary: #696969;
+    --bui-fg-disabled: #aaaaaa;
+    --bui-fg-positive: #1abc54;
+    --bui-fg-negative: #ee3a4c;
+    --bui-fg-warning: #f18900;
+    --bui-fg-announcement: #2a86f3;
+
+    /* Border colors */
+    --bui-border-1: var(--bui-gray-3);
+    --bui-border-2: var(--bui-gray-6);
+
+    /* Accent */
+    --bui-accent-bg: #1f5493;
+    --bui-accent-bg-hover: #163a66;
+    --bui-accent-bg-disabled: #163a66;
+    --bui-accent-fg: #ffffff;
+    --bui-accent-fg-disabled: #98a8bc;
+
+    /* Announcement */
+    --bui-announcement-bg: #0d72ea;
+    --bui-announcement-bg-hover: #2b88f5;
+    --bui-announcement-bg-disabled: #0d72ea;
+    --bui-announcement-bg-subdued: #c8e0fc;
+    --bui-announcement-bg-subdued-hover: #e0edfd;
+    --bui-announcement-bg-subdued-disabled: #c8e0fc;
+    --bui-announcement-border: #549ef4;
+    --bui-announcement-fg: #ffffff;
+    --bui-announcement-fg-disabled: #a4ccfb;
+    --bui-announcement-fg-subdued: #173da6;
+    --bui-announcement-fg-subdued-disabled: #7391e3;
+
+    /* Warning */
+    --bui-warning-bg: #ff9400;
+    --bui-warning-bg-hover: #ffb656;
+    --bui-warning-bg-disabled: #ff9400;
+    --bui-warning-bg-subdued: #ffedd5;
+    --bui-warning-bg-subdued-hover: #f8ddb9;
+    --bui-warning-bg-subdued-disabled: #f8ddb9;
+    --bui-warning-border: #ff9400;
+    --bui-warning-fg: #000000;
+    --bui-warning-fg-disabled: #aa4d00;
+    --bui-warning-fg-subdued: #aa4d00;
+    --bui-warning-fg-subdued-disabled: #e3a572;
+
+    /* Negative */
+    --bui-negative-bg: #dc2626;
+    --bui-negative-bg-hover: #f44b4b;
+    --bui-negative-bg-disabled: #ff8686;
+    --bui-negative-bg-subdued: #ffcbcb;
+    --bui-negative-bg-subdued-hover: #f7b6b6;
+    --bui-negative-bg-subdued-disabled: #f7b6b6;
+    --bui-negative-border: #d06565;
+    --bui-negative-fg: #ffffff;
+    --bui-negative-fg-disabled: #f7b6b6;
+    --bui-negative-fg-subdued: #991919;
+    --bui-negative-fg-subdued-disabled: #bb7272;
+
+    /* Positive */
+    --bui-positive-bg: #1ed760;
+    --bui-positive-bg-hover: #3be477;
+    --bui-positive-bg-disabled: #1abc54;
+    --bui-positive-bg-subdued: #96f0b6;
+    --bui-positive-bg-subdued-hover: #c5f7d7;
+    --bui-positive-bg-subdued-disabled: #96f0b6;
+    --bui-positive-border: #54a671;
+    --bui-positive-fg: #000000;
+    --bui-positive-fg-disabled: #0c632b;
+    --bui-positive-fg-subdued: #0c632b;
+    --bui-positive-fg-subdued-disabled: #4b9666;
+
+    /* Deprecated tokens */
     --bui-bg-solid: #1f5493;
     --bui-bg-solid-hover: #163a66;
     --bui-bg-solid-pressed: #0f2b4e;
     --bui-bg-solid-disabled: #163a66;
-
-    /* Neutral background colors */
-    --bui-bg-app: #f8f8f8;
-
-    --bui-bg-neutral-1: #fff;
     --bui-bg-neutral-1-hover: oklch(0% 0 0 / 6%);
     --bui-bg-neutral-1-pressed: oklch(0% 0 0 / 12%);
     --bui-bg-neutral-1-disabled: oklch(0% 0 0 / 6%);
-
-    --bui-bg-neutral-2: oklch(0% 0 0 / 6%);
     --bui-bg-neutral-2-hover: oklch(0% 0 0 / 12%);
     --bui-bg-neutral-2-pressed: oklch(0% 0 0 / 16%);
     --bui-bg-neutral-2-disabled: oklch(0% 0 0 / 6%);
-
-    --bui-bg-neutral-3: oklch(0% 0 0 / 6%);
     --bui-bg-neutral-3-hover: oklch(0% 0 0 / 12%);
     --bui-bg-neutral-3-pressed: oklch(0% 0 0 / 16%);
     --bui-bg-neutral-3-disabled: oklch(0% 0 0 / 6%);
-
-    --bui-bg-neutral-4: oklch(0% 0 0 / 6%);
     --bui-bg-neutral-4-hover: oklch(0% 0 0 / 12%);
     --bui-bg-neutral-4-pressed: oklch(0% 0 0 / 16%);
     --bui-bg-neutral-4-disabled: oklch(0% 0 0 / 6%);
-
-    /* Status background colors */
     --bui-bg-danger: #ffe2e2;
     --bui-bg-warning: #ffedd5;
     --bui-bg-success: #dcfce7;
     --bui-bg-info: #dbeafe;
-
-    /* Foreground colors */
-    --bui-fg-primary: var(--bui-black);
-    --bui-fg-secondary: oklch(0% 0 0 / 50%);
-    --bui-fg-disabled: oklch(0% 0 0 / 28%);
     --bui-fg-solid: var(--bui-white);
     --bui-fg-solid-disabled: #98a8bc;
-
-    /* Foreground Statuses */
     --bui-fg-danger-on-bg: #991919;
     --bui-fg-warning-on-bg: #92310a;
     --bui-fg-success-on-bg: #116932;
     --bui-fg-info-on-bg: #173da6;
     --bui-fg-danger: #ec3b18;
-    --bui-fg-warning: #ef7a32;
     --bui-fg-success: #1aaf4f;
     --bui-fg-info: #0d74ce;
-
-    /* Border colors */
-    --bui-border-1: #d5d5d5;
-    --bui-border-2: #bababa;
     --bui-border-info: #7ea9d6;
     --bui-border-danger: #f87a7a;
     --bui-border-warning: #e36d05;
     --bui-border-success: #53db83;
-
-    /* Special colors */
-    --bui-ring: #1f5493;
-    --bui-scrollbar: #a0a0a03b;
-    --bui-scrollbar-thumb: #a0a0a0;
-
-    /* Shadows */
     --bui-shadow: 0 10px 15px -3px rgba(0 0 0 / 0.1),
       0 4px 6px -4px rgba(0 0 0 / 0.1);
-
-    --bui-animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
   }
 
   /* Dark theme tokens */
   [data-theme-mode='dark'] {
-    /* Solid background colors */
-    --bui-bg-solid: #9cc9ff;
-    --bui-bg-solid-hover: #83b9fd;
-    --bui-bg-solid-pressed: #83b9fd;
-    --bui-bg-solid-disabled: #1b3d68;
+    /* Base colors */
+    --bui-ring: #1f5493;
+    --bui-scrollbar: #3636363a;
+    --bui-scrollbar-thumb: #575757;
 
     /* Neutral background colors */
     --bui-bg-app: #333333;
+    --bui-bg-neutral-1: #424141;
+    --bui-bg-neutral-2: #504f4f;
+    --bui-bg-neutral-3: #5c5c5c;
+    --bui-bg-neutral-4: #676767;
 
-    --bui-bg-neutral-1: oklch(100% 0 0 / 10%);
+    /* Foreground colors */
+    --bui-fg-primary: var(--bui-white);
+    --bui-fg-secondary: #a3a3a3;
+    --bui-fg-disabled: #707070;
+    --bui-fg-positive: #21b656;
+    --bui-fg-negative: #ee3a4c;
+    --bui-fg-warning: #f18900;
+    --bui-fg-announcement: #2a86f3;
+
+    /* Border colors */
+    --bui-border-1: var(--bui-gray-6);
+    --bui-border-2: var(--bui-gray-5);
+
+    /* Accent */
+    --bui-accent-bg: #9cc9ff;
+    --bui-accent-bg-hover: #83b9fd;
+    --bui-accent-bg-disabled: #3b6293;
+    --bui-accent-fg: #101821;
+    --bui-accent-fg-disabled: #6191cc;
+
+    /* Announcement */
+    --bui-announcement-bg: #0d72ea;
+    --bui-announcement-bg-hover: #2b88f5;
+    --bui-announcement-bg-disabled: #0d72ea;
+    --bui-announcement-bg-subdued: #052a56;
+    --bui-announcement-bg-subdued-hover: #0c3d77;
+    --bui-announcement-bg-subdued-disabled: #052a56;
+    --bui-announcement-border: #2363af;
+    --bui-announcement-fg: #ffffff;
+    --bui-announcement-fg-disabled: #70b8ff;
+    --bui-announcement-fg-subdued: #70b8ff;
+    --bui-announcement-fg-subdued-disabled: #4275a6;
+
+    /* Warning */
+    --bui-warning-bg: #ffa42c;
+    --bui-warning-bg-hover: #ffb656;
+    --bui-warning-bg-disabled: #ffb656;
+    --bui-warning-bg-subdued: #491e00;
+    --bui-warning-bg-subdued-hover: #612901;
+    --bui-warning-bg-subdued-disabled: #582400;
+    --bui-warning-border: #7c4903;
+    --bui-warning-fg: #000000;
+    --bui-warning-fg-disabled: #aa4d00;
+    --bui-warning-fg-subdued: #f2ab4a;
+    --bui-warning-fg-subdued-disabled: #aa4d00;
+
+    /* Negative */
+    --bui-negative-bg: #dc2626;
+    --bui-negative-bg-hover: #f44b4b;
+    --bui-negative-bg-disabled: #dc2626;
+    --bui-negative-bg-subdued: #350708;
+    --bui-negative-bg-subdued-hover: #5e1a1b;
+    --bui-negative-bg-subdued-disabled: #5e1a1b;
+    --bui-negative-border: #6f101c;
+    --bui-negative-fg: #ffffff;
+    --bui-negative-fg-disabled: #f7b6b6;
+    --bui-negative-fg-subdued: #fca5a5;
+    --bui-negative-fg-subdued-disabled: #bb7272;
+
+    /* Positive */
+    --bui-positive-bg: #1ed760;
+    --bui-positive-bg-hover: #3be477;
+    --bui-positive-bg-disabled: #1abc54;
+    --bui-positive-bg-subdued: #073116;
+    --bui-positive-bg-subdued-hover: #0b431f;
+    --bui-positive-bg-subdued-disabled: #073116;
+    --bui-positive-border: #136d33;
+    --bui-positive-fg: #000000;
+    --bui-positive-fg-disabled: #0c632b;
+    --bui-positive-fg-subdued: #8ddeaa;
+    --bui-positive-fg-subdued-disabled: #509c6b;
+
+    /* Deprecated tokens */
+    --bui-bg-solid: #9cc9ff;
+    --bui-bg-solid-hover: #83b9fd;
+    --bui-bg-solid-pressed: #83b9fd;
+    --bui-bg-solid-disabled: #1b3d68;
     --bui-bg-neutral-1-hover: oklch(100% 0 0 / 14%);
     --bui-bg-neutral-1-pressed: oklch(100% 0 0 / 20%);
     --bui-bg-neutral-1-disabled: oklch(100% 0 0 / 10%);
-
-    --bui-bg-neutral-2: oklch(100% 0 0 / 6%);
     --bui-bg-neutral-2-hover: oklch(100% 0 0 / 10%);
     --bui-bg-neutral-2-pressed: oklch(100% 0 0 / 16%);
     --bui-bg-neutral-2-disabled: oklch(100% 0 0 / 6%);
-
-    --bui-bg-neutral-3: oklch(100% 0 0 / 8%);
     --bui-bg-neutral-3-hover: oklch(100% 0 0 / 12%);
     --bui-bg-neutral-3-pressed: oklch(100% 0 0 / 20%);
     --bui-bg-neutral-3-disabled: oklch(100% 0 0 / 8%);
-
-    --bui-bg-neutral-4: oklch(100% 0 0 / 8%);
     --bui-bg-neutral-4-hover: oklch(100% 0 0 / 12%);
     --bui-bg-neutral-4-pressed: oklch(100% 0 0 / 20%);
     --bui-bg-neutral-4-disabled: oklch(100% 0 0 / 8%);
-
-    /* Status background colors */
     --bui-bg-danger: #300c0c;
     --bui-bg-warning: #302008;
     --bui-bg-success: #042713;
     --bui-bg-info: #132049;
-
-    /* Foreground colors */
-    --bui-fg-primary: var(--bui-white);
-    --bui-fg-secondary: oklch(100% 0 0 / 50%);
-    --bui-fg-disabled: oklch(100% 0 0 / 28%);
     --bui-fg-solid: #101821;
     --bui-fg-solid-disabled: #6191cc;
-
-    /* Foreground statuses */
     --bui-fg-danger-on-bg: #fca5a5;
     --bui-fg-warning-on-bg: #fdba74;
     --bui-fg-success-on-bg: #86efac;
     --bui-fg-info-on-bg: #a3cfff;
     --bui-fg-danger: #ff5a30;
-    --bui-fg-warning: #ffa057;
     --bui-fg-success: #1ed760;
     --bui-fg-info: #70b8ff;
-
-    /* Border colors */
-    --bui-border-1: #434343;
-    --bui-border-2: #585858;
     --bui-border-info: #7ea9d6;
     --bui-border-danger: #f87a7a;
     --bui-border-warning: #e36d05;
     --bui-border-success: #53db83;
-
-    /* Special colors */
-    --bui-ring: #1f5493;
-    --bui-scrollbar: #3636363a;
-    --bui-scrollbar-thumb: #575757;
-
-    /* Shadows */
     --bui-shadow: none;
   }
 }

package/dist/hooks/useCollectionAdapter.esm.js

@@ -0,0 +1,67 @@
+import { useRef } from 'react';
+import { isAsyncListSource, getItemKeys } from '../utils/selectableCollection.esm.js';
+
+function useCollectionAdapter({
+  items,
+  selectedKeys = [],
+  search,
+  loading,
+  retainSelectedItems = true
+}) {
+  const retainedItems = useRef(/* @__PURE__ */ new Map());
+  let asyncSource;
+  let sourceItems;
+  if (isAsyncListSource(items)) {
+    asyncSource = items;
+    sourceItems = [...items.items];
+  } else {
+    sourceItems = Array.from(items);
+  }
+  const selectedIdSet = new Set(selectedKeys);
+  const searchProps = typeof search === "object" ? search : void 0;
+  const isServerSearch = searchProps?.mode === "server";
+  for (const key of retainedItems.current.keys()) {
+    if (!selectedIdSet.has(key)) {
+      retainedItems.current.delete(key);
+    }
+  }
+  for (const item of sourceItems) {
+    if (selectedIdSet.has(item.id)) {
+      retainedItems.current.set(item.id, item);
+    }
+  }
+  const sourceIds = getItemKeys(sourceItems);
+  const shouldRetainSelectedItems = isServerSearch && retainSelectedItems;
+  let canonicalItems = sourceItems;
+  let visibleIds;
+  if (shouldRetainSelectedItems) {
+    const missingSelectedItems = Array.from(retainedItems.current.entries()).filter(([id]) => !sourceIds.has(id)).map(([, item]) => item);
+    canonicalItems = [...sourceItems, ...missingSelectedItems];
+    visibleIds = sourceIds;
+  }
+  let resolvedLoading = loading;
+  if (asyncSource) {
+    resolvedLoading = {
+      state: asyncSource.loadingState,
+      onLoadMore: asyncSource.loadMore
+    };
+  }
+  let inputValue = searchProps?.inputValue;
+  let onInputChange = searchProps?.onInputChange;
+  if (asyncSource && isServerSearch) {
+    inputValue = asyncSource.filterText;
+    onInputChange = asyncSource.setFilterText;
+  }
+  return {
+    canonicalItems,
+    visibleIds,
+    loading: resolvedLoading,
+    isStale: sourceItems.length > 0 && (resolvedLoading?.state === "filtering" || resolvedLoading?.state === "sorting"),
+    inputValue,
+    defaultInputValue: searchProps?.defaultInputValue,
+    onInputChange
+  };
+}
+
+export { useCollectionAdapter };
+//# sourceMappingURL=useCollectionAdapter.esm.js.map

package/dist/hooks/useCollectionAdapter.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCollectionAdapter.esm.js","sources":["../../src/hooks/useCollectionAdapter.ts"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useRef } from 'react';\nimport type { Key } from 'react-aria-components';\nimport type {\n  AsyncListSource,\n  CollectionItem,\n  LoadingConfig,\n} from '../types/selectableCollection';\nimport { getItemKeys, isAsyncListSource } from '../utils/selectableCollection';\n\ntype CollectionAdapterSearch =\n  | true\n  | {\n      mode?: 'client' | 'server';\n      inputValue?: string;\n      defaultInputValue?: string;\n      onInputChange?: (value: string) => void;\n    };\n\ntype UseCollectionAdapterProps<T extends CollectionItem> = {\n  items: Iterable<T> | AsyncListSource<T>;\n  selectedKeys?: Iterable<Key>;\n  search?: CollectionAdapterSearch;\n  loading?: LoadingConfig;\n  retainSelectedItems?: boolean;\n};\n\n/** @internal */\nexport type CollectionAdapterResult<T extends CollectionItem> = {\n  canonicalItems: T[];\n  visibleIds?: Set<Key>;\n  loading?: LoadingConfig;\n  isStale: boolean;\n  inputValue?: string;\n  defaultInputValue?: string;\n  onInputChange?: (value: string) => void;\n};\n\n/** @internal */\nexport function useCollectionAdapter<T extends CollectionItem>({\n  items,\n  selectedKeys = [],\n  search,\n  loading,\n  retainSelectedItems = true,\n}: UseCollectionAdapterProps<T>): CollectionAdapterResult<T> {\n  const retainedItems = useRef(new Map<Key, T>());\n  let asyncSource: AsyncListSource<T> | undefined;\n  let sourceItems: T[];\n\n  if (isAsyncListSource(items)) {\n    asyncSource = items;\n    sourceItems = [...items.items];\n  } else {\n    sourceItems = Array.from(items);\n  }\n\n  const selectedIdSet = new Set(selectedKeys);\n  const searchProps = typeof search === 'object' ? search : undefined;\n  const isServerSearch = searchProps?.mode === 'server';\n\n  for (const key of retainedItems.current.keys()) {\n    if (!selectedIdSet.has(key)) {\n      retainedItems.current.delete(key);\n    }\n  }\n\n  for (const item of sourceItems) {\n    if (selectedIdSet.has(item.id)) {\n      retainedItems.current.set(item.id, item);\n    }\n  }\n\n  const sourceIds = getItemKeys(sourceItems);\n  const shouldRetainSelectedItems = isServerSearch && retainSelectedItems;\n  let canonicalItems = sourceItems;\n  let visibleIds: Set<Key> | undefined;\n\n  if (shouldRetainSelectedItems) {\n    const missingSelectedItems = Array.from(retainedItems.current.entries())\n      .filter(([id]) => !sourceIds.has(id))\n      .map(([, item]) => item);\n\n    canonicalItems = [...sourceItems, ...missingSelectedItems];\n    visibleIds = sourceIds;\n  }\n\n  let resolvedLoading = loading;\n  if (asyncSource) {\n    resolvedLoading = {\n      state: asyncSource.loadingState,\n      onLoadMore: asyncSource.loadMore,\n    };\n  }\n\n  let inputValue = searchProps?.inputValue;\n  let onInputChange = searchProps?.onInputChange;\n  if (asyncSource && isServerSearch) {\n    inputValue = asyncSource.filterText;\n    onInputChange = asyncSource.setFilterText;\n  }\n\n  return {\n    canonicalItems,\n    visibleIds,\n    loading: resolvedLoading,\n    isStale:\n      sourceItems.length > 0 &&\n      (resolvedLoading?.state === 'filtering' ||\n        resolvedLoading?.state === 'sorting'),\n    inputValue,\n    defaultInputValue: searchProps?.defaultInputValue,\n    onInputChange,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/hooks/useDelayedVisibility.esm.js

@@ -0,0 +1,17 @@
+import { useState, useEffect } from 'react';
+
+function useDelayedVisibility(isVisible, delayMs) {
+  const [isDelayedVisible, setIsDelayedVisible] = useState(false);
+  useEffect(() => {
+    if (!isVisible) {
+      setIsDelayedVisible(false);
+      return void 0;
+    }
+    const timer = setTimeout(() => setIsDelayedVisible(true), delayMs);
+    return () => clearTimeout(timer);
+  }, [delayMs, isVisible]);
+  return isVisible && isDelayedVisible;
+}
+
+export { useDelayedVisibility };
+//# sourceMappingURL=useDelayedVisibility.esm.js.map

package/dist/hooks/useDelayedVisibility.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDelayedVisibility.esm.js","sources":["../../src/hooks/useDelayedVisibility.ts"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useEffect, useState } from 'react';\n\n/** @internal */\nexport function useDelayedVisibility(isVisible: boolean, delayMs: number) {\n  const [isDelayedVisible, setIsDelayedVisible] = useState(false);\n\n  useEffect(() => {\n    if (!isVisible) {\n      setIsDelayedVisible(false);\n      return undefined;\n    }\n\n    const timer = setTimeout(() => setIsDelayedVisible(true), delayMs);\n    return () => clearTimeout(timer);\n  }, [delayMs, isVisible]);\n\n  return isVisible && isDelayedVisible;\n}\n"],"names":[],"mappings":";;AAmBO,SAAS,oBAAA,CAAqB,WAAoB,OAAA,EAAiB;AACxE,EAAA,MAAM,CAAC,gBAAA,EAAkB,mBAAmB,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA,mBAAA,CAAoB,KAAK,CAAA;AACzB,MAAA,OAAO,MAAA;AAAA,IACT;AAEA,IAAA,MAAM,QAAQ,UAAA,CAAW,MAAM,mBAAA,CAAoB,IAAI,GAAG,OAAO,CAAA;AACjE,IAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,OAAA,EAAS,SAAS,CAAC,CAAA;AAEvB,EAAA,OAAO,SAAA,IAAa,gBAAA;AACtB;;;;"}

package/dist/hooks/useTrackedSelectionKeys.esm.js

@@ -0,0 +1,23 @@
+import { useState, useCallback } from 'react';
+
+function useTrackedSelectionKeys({
+  selectedKeys,
+  defaultSelectedKeys,
+  onSelectionChange
+}) {
+  const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] = useState(() => defaultSelectedKeys ?? /* @__PURE__ */ new Set());
+  const handleSelectionChange = useCallback(
+    (keys) => {
+      setUncontrolledSelectedKeys(keys);
+      onSelectionChange?.(keys);
+    },
+    [onSelectionChange]
+  );
+  return {
+    selectedKeys: selectedKeys ?? uncontrolledSelectedKeys,
+    onSelectionChange: handleSelectionChange
+  };
+}
+
+export { useTrackedSelectionKeys };
+//# sourceMappingURL=useTrackedSelectionKeys.esm.js.map

package/dist/hooks/useTrackedSelectionKeys.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTrackedSelectionKeys.esm.js","sources":["../../src/hooks/useTrackedSelectionKeys.ts"],"sourcesContent":["/*\n * Copyright 2026 The Backstage Authors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { useCallback, useState } from 'react';\nimport type { Key, Selection } from 'react-aria-components';\n\ntype UseTrackedSelectionKeysProps = {\n  selectedKeys?: Selection;\n  defaultSelectedKeys?: Selection;\n  onSelectionChange?: (keys: Selection) => void;\n};\n\nexport function useTrackedSelectionKeys({\n  selectedKeys,\n  defaultSelectedKeys,\n  onSelectionChange,\n}: UseTrackedSelectionKeysProps) {\n  const [uncontrolledSelectedKeys, setUncontrolledSelectedKeys] =\n    useState<Selection>(() => defaultSelectedKeys ?? new Set<Key>());\n\n  const handleSelectionChange = useCallback(\n    (keys: Selection) => {\n      setUncontrolledSelectedKeys(keys);\n      onSelectionChange?.(keys);\n    },\n    [onSelectionChange],\n  );\n\n  return {\n    selectedKeys: selectedKeys ?? uncontrolledSelectedKeys,\n    onSelectionChange: handleSelectionChange,\n  };\n}\n"],"names":[],"mappings":";;AAyBO,SAAS,uBAAA,CAAwB;AAAA,EACtC,YAAA;AAAA,EACA,mBAAA;AAAA,EACA;AACF,CAAA,EAAiC;AAC/B,EAAA,MAAM,CAAC,0BAA0B,2BAA2B,CAAA,GAC1D,SAAoB,MAAM,mBAAA,oBAAuB,IAAI,GAAA,EAAU,CAAA;AAEjE,EAAA,MAAM,qBAAA,GAAwB,WAAA;AAAA,IAC5B,CAAC,IAAA,KAAoB;AACnB,MAAA,2BAAA,CAA4B,IAAI,CAAA;AAChC,MAAA,iBAAA,GAAoB,IAAI,CAAA;AAAA,IAC1B,CAAA;AAAA,IACA,CAAC,iBAAiB;AAAA,GACpB;AAEA,EAAA,OAAO;AAAA,IACL,cAAc,YAAA,IAAgB,wBAAA;AAAA,IAC9B,iBAAA,EAAmB;AAAA,GACrB;AACF;;;;"}