@box/blueprint-web 16.8.4 → 16.8.5

package/THIRD_PARTY_LICENSES

@@ -1328,56 +1328,6 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 
 
 
-License for lodash:
-Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
-
-Based on Underscore.js, copyright Jeremy Ashkenas,
-DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>
-
-This software consists of voluntary contributions made by many
-individuals. For exact contribution history, see the revision history
-available at https://github.com/lodash/lodash
-
-The following license applies to all parts of this software except as
-documented below:
-
-====
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-====
-
-Copyright and related rights for sample code are waived via CC0. Sample
-code is defined as all source code displayed within the prose of the
-documentation.
-
-CC0: http://creativecommons.org/publicdomain/zero/1.0/
-
-====
-
-Files located in the node_modules and vendor directories are externally
-maintained libraries used by this software which have their own
-licenses; we recommend you read them, as their terms may differ from the
-terms above.
-
-
 License for react-aria:
                                  Apache License
                            Version 2.0, January 2004

package/dist/lib-esm/badge/base-badge.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import mapValues from 'lodash/mapValues';
+import { mapValues } from '../utils/mapValues.js';
 import styles from './base-badge.module.js';
 
 const BaseBadge = ({

package/dist/lib-esm/badge/icon-badge.js

@@ -2,9 +2,9 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { Alert, ArrowRight, Ellipsis, ClockBadge, Loader, CheckmarkUnderline, Arrow, Pin, Star, GlobeBadge, XMark, Checkmark, Annotation, ApprovalTask, Task, EllipsisBubble, Relay, FolderShared, FolderExternal, FileZip, FileWord, FileVideo, FileVector, FileThreeD, FileText, FileSpreadsheet, FileSlides, FileSheets, FilePresentation, FilePowerpoint, FilePhotoshop, FilePdf, FilePages, FileNumbers, FileKeynote, FileIndesign, FileImage, FileIllustrator, Hubs, FileExcel, FileDrawing, FileDocs, FileDefault, Code, FileCanvas, FileBoxNote, BoxApps, FileBookmark, FileAudio } from '@box/blueprint-web-assets/icons/Fill';
 import { GrayWhite, SurfaceBadgeAlertSurface, SurfaceBadgeForwardSurface, SurfaceBadgeInprogressSurface, Orange100, SurfaceBadgeErrorSurface, SurfaceBadgeDefaultSurface, SurfaceBadgeProgressSurface, SurfaceBadgeOfflineSurface, Gray80, SurfaceBadgeCollectionSurface, SurfaceBadgePinSurface, SurfaceBadgeCoadminSurface, SurfaceBadgeAdminSurface, SurfaceBadgeExternalSurface, SurfaceBadgeRejectedSurface, SurfaceBadgeCompletedSurface, SurfaceBadgeAnnotationSurface, SurfaceBadgeTaskapprovalSurface, SurfaceBadgeTaskSurface, SurfaceBadgeMentionSurface, SurfaceBadgeRelaySurface, SurfaceBadgeFoldersharedSurface, SurfaceBadgeFolderexternalSurface, SurfaceBadgeZipSurface, SurfaceBadgeWordSurface, SurfaceBadgeVideoSurface, SurfaceBadgeVectorSurface, SurfaceBadgeThreeDSurface, SurfaceBadgeTextSurface, SurfaceBadgeSpreadsheetSurface, GrayBlack, SurfaceBadgeSlidesSurface, SurfaceBadgeSheetsSurface, SurfaceBadgePresentationSurface, SurfaceBadgePowerpointSurface, IconIconPhotoshop, SurfaceBadgePhotoshopSurface, SurfaceBadgePdfSurface, SurfaceBadgePagesSurface, SurfaceBadgeNumbersSurface, SurfaceBadgeKeynoteSurface, IconIconIndesign, SurfaceBadgeIndesignSurface, SurfaceBadgeImageSurface, IconIconIllustrator, SurfaceBadgeIllustratorSurface, SurfaceBadgeHubsSurface, SurfaceBadgeExcelSurface, SurfaceBadgeDrawingSurface, SurfaceBadgeDocsSurface, SurfaceBadgeCodeSurface, SurfaceBadgeCanvasSurface, Gray100, SurfaceBadgeBoxnoteSurface, SurfaceBadgeBoxappsSurface, SurfaceBadgeBookmarkSurface, SurfaceBadgeAudioSurface } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
-import mapValues from 'lodash/mapValues';
 import { createElement } from 'react';
 import { TooltipWrapper } from '../utils/TooltipWrapper.js';
+import { mapValues } from '../utils/mapValues.js';
 import { BaseBadge } from './base-badge.js';
 import styles from './base-badge.module.js';
 import { useSingleChildCheck } from './utils/useSingleChildCheck.js';

package/dist/lib-esm/branding-styles/utils/createTheme.d.ts

@@ -51,22 +51,22 @@ declare function createTheme(colorKey: string): {
         _debug: {
             colorRange: string | undefined;
         };
-        background: any;
-        backgroundHover: any;
-        backgroundActive: any;
-        backgroundGradient: any;
-        foreground: any;
-        border: any;
-        buttonForeground: any;
-        buttonBackground: any;
-        buttonBackgroundHover: any;
-        buttonBackgroundActive: any;
-        buttonBorder: any;
-        buttonBorderHover: any;
-        buttonBorderActive: any;
-        progressBarBackground: any;
-        scrollShadowRgba: any;
-        dividerBackground: any;
+        background: string | undefined;
+        backgroundHover: string | undefined;
+        backgroundActive: string | undefined;
+        backgroundGradient: string | undefined;
+        foreground: string | undefined;
+        border: string | undefined;
+        buttonForeground: string | undefined;
+        buttonBackground: string | undefined;
+        buttonBackgroundHover: string | undefined;
+        buttonBackgroundActive: string | undefined;
+        buttonBorder: string | undefined;
+        buttonBorderHover: string | undefined;
+        buttonBorderActive: string | undefined;
+        progressBarBackground: string | undefined;
+        scrollShadowRgba: string | undefined;
+        dividerBackground: string | undefined;
     };
 };
 export { createTheme };

package/dist/lib-esm/branding-styles/utils/createTheme.js

@@ -1,7 +1,6 @@
 import Color from 'color';
-import mapValues from 'lodash/mapValues';
-import merge from 'lodash/merge';
-import method from 'lodash/method';
+import { deepMerge } from '../../utils/deepMerge.js';
+import { mapValues } from '../../utils/mapValues.js';
 import theme from './theme.js';
 import { white, black, bdlGray65, bdlGray80, bdlGray, bdlGray10, bdlGray50 } from './variables.js';
 
@@ -163,15 +162,15 @@ function createTheme(colorKey) {
     colorValues.progressBarBackground = exceedsLightThreshold ? bdlGray50 : hoverHex;
   }
   const dynamicTheme = {
-    // To avoid a mixture of casing, we force all values to lower
+    // To avoid a mixture of casing, we force all string values to lower
     primary: {
-      ...mapValues(colorValues, method('toLowerCase')),
+      ...mapValues(colorValues, value => typeof value === 'string' ? value.toLowerCase() : undefined),
       _debug: {
         colorRange
       }
     }
   };
-  return merge({}, theme, dynamicTheme);
+  return deepMerge({}, theme, dynamicTheme);
 }
 
 export { MIN_CONTRAST, THEME_DARK, THEME_MIDTONE, THEME_MID_DARK, THEME_MID_LIGHT, THEME_VERY_DARK, THEME_VERY_LIGHT, createTheme };

package/dist/lib-esm/breadcrumb/breadcrumb.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import noop from 'lodash/noop';
 import { forwardRef, useRef } from 'react';
 import { FolderTree } from '@box/blueprint-web-assets/icons/Fill';
 import { Taxonomy } from '@box/blueprint-web-assets/icons/Medium';
 import { Home } from '@box/blueprint-web-assets/icons/MediumFilled';
+import { noop } from '../utils/noop.js';
 import { useBreakpoint, Breakpoint } from '../utils/useBreakpoint.js';
 import { EllipsisTruncationView } from './ellipsis-truncation-view.js';
 import { FolderTreeTruncationView } from './folder-tree-truncation-view.js';

package/dist/lib-esm/breadcrumb/useFolderTreeTruncation.js

@@ -1,5 +1,5 @@
-import noop from 'lodash/noop';
 import { useState, useRef, useCallback, useLayoutEffect } from 'react';
+import { noop } from '../utils/noop.js';
 
 const MAX_VISIBLE_CRUMBS = 3;
 /**

package/dist/lib-esm/list-item/index.js

@@ -5,7 +5,6 @@ import '@box/blueprint-web-assets/icons/Fill';
 import '@box/blueprint-web-assets/tokens/tokens';
 import 'clsx';
 import { Cell as Cell$1 } from './cell/cell.js';
-import 'lodash/noop';
 import '../utils/useBreakpoint.js';
 import '@box/blueprint-web-assets/icons/Medium';
 import 'react-aria';

package/dist/lib-esm/list-item/table.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import noop from 'lodash/noop';
 import { forwardRef, useRef } from 'react';
 import { ResizableTableContainer, Table as Table$1 } from 'react-aria-components';
 import clsx from 'clsx';
+import { noop } from '../utils/noop.js';
 import { useBlueprintModernization } from '../blueprint-modernization-context/useBlueprintModernization.js';
 import styles from './main.module.js';
 import { ColumnVisibilityProvider, useColumnVisibilityContext } from './utils/column-visibility-context/columnVisibilityContext.js';

package/dist/lib-esm/list-item/utils/column-visibility-context/useThrottledContainerResize.js

@@ -1,5 +1,5 @@
-import noop from 'lodash/noop';
 import { useState, useRef, useEffect } from 'react';
+import { noop } from '../../../utils/noop.js';
 
 const useThrottledContainerResize = (containerRef, isColumnDroppingEnabled) => {
   const [containerWidth, setContainerWidth] = useState(0);

package/dist/lib-esm/primitives/context-menu/context-menu-sub-menu-root.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import { Sub } from '@radix-ui/react-context-menu';
-import 'lodash/noop';
 import { useCallback } from 'react';
 import { useControllableState } from '../../utils/useControllableState.js';
 import { SubMenuMenuProvider } from '../menu-utils/responsiveness/SubMenuContext.js';

package/dist/lib-esm/primitives/dropdown-menu/dropdown-menu-sub-menu-root.js

@@ -1,6 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
-import 'lodash/noop';
 import { useCallback } from 'react';
 import { useControllableState } from '../../utils/useControllableState.js';
 import { SubMenuMenuProvider } from '../menu-utils/responsiveness/SubMenuContext.js';

package/dist/lib-esm/primitives/inline-error/utils/use-inline-error-presence.js

@@ -1,5 +1,5 @@
-import noop from 'lodash/noop';
 import { useState, useCallback } from 'react';
+import { noop } from '../../../utils/noop.js';
 import { useEnhancedEffect } from '../../../utils/useEnhancedEffect.js';
 
 const animationEndNoop = noop;

package/dist/lib-esm/primitives/notification/notification-provider.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as Toast from '@radix-ui/react-toast';
-import merge from 'lodash/merge';
 import * as React from 'react';
 import { useState, useContext } from 'react';
+import { deepMerge } from '../../utils/deepMerge.js';
 import { getUniqueId } from '../../utils/useUniqueId.js';
 
 const DEFAULT_NOTIFICATION_DELAY = 5000;
@@ -71,9 +71,14 @@ const NotificationProvider = props => {
   }, []);
   const updateNotification = React.useCallback((id, newProps) => {
     setNotifications(oldValue => {
+      const oldNotificationProps = oldValue.get(id);
+      // Nothing to merge into if the notification no longer exists; leave the map untouched
+      // rather than inserting a partial (and possibly invalid) entry.
+      if (oldNotificationProps === undefined) {
+        return oldValue;
+      }
       const newNotifications = new Map(oldValue);
-      const oldNotificationProps = newNotifications.get(id);
-      newNotifications.set(id, merge(oldNotificationProps, newProps));
+      newNotifications.set(id, deepMerge(oldNotificationProps, newProps));
       return newNotifications;
     });
   }, []);

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid-option.js

@@ -3,12 +3,12 @@ import { CompositeItem, Button } from '@ariakit/react';
 import { Gray05, bpSize060, bpSize040, Size6, Size4, BrandDocgenPrimary, BrandFormsPrimary, BrandSignPrimary, BrandBoxPrimary, bpIconIconOnLight, Grimace100, GreenLight100, DarkBlue100, BoxBlue100, Gray100 } from '@box/blueprint-web-assets/tokens/tokens';
 import clsx from 'clsx';
 import Color from 'color';
-import omit from 'lodash/omit';
 import { forwardRef, createElement } from 'react';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { Ghost } from '../../ghost/ghost.js';
 import { Text } from '../../text/text.js';
 import { Tooltip } from '../../tooltip/tooltip.js';
+import { omit } from '../../utils/omit.js';
 import styles from './select-menu-grid-option.module.js';
 
 const SelectMenuGridSquare = /*#__PURE__*/forwardRef((props, forwardedRef) => jsx(SelectMenuGridOption, {

package/dist/lib-esm/primitives/select-menu-grid/select-menu-grid.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import { CompositeProvider, Composite, CompositeRow } from '@ariakit/react';
 import clsx from 'clsx';
-import chunk from 'lodash/chunk';
 import { forwardRef, Children } from 'react';
+import { chunk } from '../../utils/chunk.js';
 import styles from './select-menu-grid.module.js';
 
 const Row = props => jsx(CompositeRow, {

package/dist/lib-esm/toolbar/utils/horizontal-scroll-context.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import noop from 'lodash/noop';
 import { useState, useCallback, useMemo, createContext, useContext } from 'react';
+import { noop } from '../../utils/noop.js';
 import { useScrollState } from './use-scroll-state.js';
 
 const HorizontalScrollContext = /*#__PURE__*/createContext({

package/dist/lib-esm/toolbar/utils/use-scroll-state.js

@@ -1,5 +1,5 @@
-import noop from 'lodash/noop';
 import { useState, useRef, useCallback, useEffect } from 'react';
+import { noop } from '../../utils/noop.js';
 
 // The hook that manages the scroll position logic and provides scroll control functions
 const useScrollState = (scrollableElement, scrollStep = 50) => {

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list-item.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import noop from 'lodash/noop';
 import { forwardRef, useState, useMemo, useContext, createContext } from 'react';
 import { GridListItem } from 'react-aria-components';
+import { noop } from '../../utils/noop.js';
 import { useDebounce } from '../../utils/use-debounce.js';
 import { useBaseGridListContext } from './base-grid-list.js';
 import styles from './base-grid-list-item.module.js';

package/dist/lib-esm/util-components/base-grid-list-item/base-grid-list.js

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import noop from 'lodash/noop';
 import { forwardRef, useMemo, createContext, useContext } from 'react';
 import { GridList } from 'react-aria-components';
+import { noop } from '../../utils/noop.js';
 import { useBlueprintModernization } from '../../blueprint-modernization-context/useBlueprintModernization.js';
 import { isCtrlKeyPressed } from '../../utils/keyboardUtils.js';
 import styles from './base-grid-list-item.module.js';

package/dist/lib-esm/util-components/scrollable-container/scrollable-container.d.ts

@@ -26,6 +26,6 @@ export declare const useScroll: (forwardedRef: RefObject<HTMLDivElement>, scroll
         isScrolledToEndY: boolean;
         isScrolledToEndX: boolean;
     };
-    onScrollThrottled: import("lodash").DebouncedFuncLeading<(e: UIEvent<HTMLElement>) => void>;
+    onScrollThrottled: import("../../utils/throttle").ThrottledFunction<[e: UIEvent<HTMLElement, globalThis.UIEvent>]>;
 };
 export {};

package/dist/lib-esm/util-components/scrollable-container/scrollable-container.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
-import throttle from 'lodash/throttle';
 import { createContext, forwardRef, useRef, useState, useMemo, useContext } from 'react';
+import { throttle } from '../../utils/throttle.js';
 import { useForkRef } from '../../utils/useForkRef.js';
 import styles from './scrollable-container.module.js';
 

package/dist/lib-esm/utils/chunk.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Splits `array` into groups of length `size`. The final group holds the remaining
+ * elements. Mirrors `lodash/chunk`: a size below 1 yields an empty array.
+ */
+export declare const chunk: <T>(array: readonly T[], size?: number) => T[][];

package/dist/lib-esm/utils/chunk.js

@@ -0,0 +1,17 @@
+/**
+ * Splits `array` into groups of length `size`. The final group holds the remaining
+ * elements. Mirrors `lodash/chunk`: a size below 1 yields an empty array.
+ */
+const chunk = (array, size = 1) => {
+  const chunkSize = Math.max(Math.trunc(size), 0);
+  if (!Array.isArray(array) || chunkSize < 1) {
+    return [];
+  }
+  const result = [];
+  for (let i = 0; i < array.length; i += chunkSize) {
+    result.push(array.slice(i, i + chunkSize));
+  }
+  return result;
+};
+
+export { chunk };

package/dist/lib-esm/utils/deepMerge.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Recursively merges own enumerable properties of the `sources` into `target`, mutating and
+ * returning `target`. Covers the plain-object usage of `lodash/merge` in this package:
+ * undefined source values are skipped and source objects are never mutated. React elements
+ * (and other `$$typeof`-tagged objects) are treated as opaque values rather than merged.
+ *
+ * `target` and the sources are constrained to objects: primitives cannot be mutated in place and
+ * would fail at runtime. A nullish `target` is returned unchanged (nothing is merged), so callers
+ * holding a possibly-undefined target (e.g. `Map.get()`) must narrow it before merging into it.
+ */
+export declare function deepMerge<TObject extends object, TSource extends object>(target: TObject, source: TSource): TObject & TSource;
+export declare function deepMerge<TObject extends object, TSource1 extends object, TSource2 extends object>(target: TObject, source1: TSource1, source2: TSource2): TObject & TSource1 & TSource2;
+export declare function deepMerge<TTarget extends null | undefined>(target: TTarget, ...sources: object[]): TTarget;

package/dist/lib-esm/utils/deepMerge.js

@@ -0,0 +1,70 @@
+// Keys that can mutate an object's prototype chain (prototype pollution). Sources passed to
+// deepMerge are not guaranteed to be trusted (e.g. caller-provided notification props), so these
+// are never copied or merged onto the target.
+const UNSAFE_KEYS = new Set(['__proto__', 'constructor', 'prototype']);
+const isUnsafeKey = key => UNSAFE_KEYS.has(key);
+const isPlainObject = value => {
+  if (typeof value !== 'object' || value === null) {
+    return false;
+  }
+  // Never recurse into React elements (or other tagged objects): treat them as opaque values.
+  if ('$$typeof' in value) {
+    return false;
+  }
+  const proto = Object.getPrototypeOf(value);
+  return proto === Object.prototype || proto === null;
+};
+const cloneDeep = value => {
+  if (Array.isArray(value)) {
+    return value.map(cloneDeep);
+  }
+  if (isPlainObject(value)) {
+    const output = {};
+    for (const key of Object.keys(value)) {
+      if (isUnsafeKey(key)) {
+        continue; // eslint-disable-line no-continue
+      }
+      output[key] = cloneDeep(value[key]);
+    }
+    return output;
+  }
+  return value;
+};
+const mergeInto = (target, source) => {
+  for (const key of Object.keys(source)) {
+    // Skip prototype-polluting keys before touching the target.
+    if (isUnsafeKey(key)) {
+      continue; // eslint-disable-line no-continue
+    }
+    const sourceValue = source[key];
+    // Matches lodash/merge: undefined source values never overwrite an existing value.
+    if (sourceValue === undefined) {
+      continue; // eslint-disable-line no-continue
+    }
+    const targetValue = target[key];
+    if (isPlainObject(sourceValue)) {
+      if (isPlainObject(targetValue)) {
+        mergeInto(targetValue, sourceValue);
+      } else {
+        // Clone so the merged result never shares references with (and cannot mutate) a source.
+        target[key] = cloneDeep(sourceValue);
+      }
+    } else {
+      target[key] = sourceValue;
+    }
+  }
+};
+// eslint-disable-next-line @typescript-eslint/no-explicit-any, no-redeclare -- overload implementation
+function deepMerge(target, ...sources) {
+  if (target == null) {
+    return target;
+  }
+  for (const source of sources) {
+    if (source != null) {
+      mergeInto(target, source);
+    }
+  }
+  return target;
+}
+
+export { deepMerge };

package/dist/lib-esm/utils/isDefined.js

@@ -1,8 +1,6 @@
-import isUndefined from 'lodash/isUndefined';
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const isDefined = value => {
-  return !isUndefined(value);
+  return value !== undefined;
 };
 
 export { isDefined };

package/dist/lib-esm/utils/mapValues.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Creates a new object with the same keys as `object`, running each own enumerable
+ * value through `iteratee`. Mirrors `lodash/mapValues`: a nullish input yields `{}`.
+ * The iteratee value is intentionally `any` to match lodash's permissive typing so that
+ * existing call sites compile unchanged under `strictFunctionTypes`.
+ */
+export declare const mapValues: <T extends object, R>(object: T | null | undefined, iteratee: (value: any, key: string, collection: T) => R) => { [K in keyof T]: R; };

package/dist/lib-esm/utils/mapValues.js

@@ -0,0 +1,20 @@
+/**
+ * Creates a new object with the same keys as `object`, running each own enumerable
+ * value through `iteratee`. Mirrors `lodash/mapValues`: a nullish input yields `{}`.
+ * The iteratee value is intentionally `any` to match lodash's permissive typing so that
+ * existing call sites compile unchanged under `strictFunctionTypes`.
+ */
+const mapValues = (object,
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+iteratee) => {
+  const result = {};
+  if (object == null) {
+    return result;
+  }
+  for (const key of Object.keys(object)) {
+    result[key] = iteratee(object[key], key, object);
+  }
+  return result;
+};
+
+export { mapValues };

package/dist/lib-esm/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: () => void;

package/dist/lib-esm/utils/noop.js

@@ -0,0 +1,5 @@
+const noop = () => {
+  // Intentionally does nothing. Local replacement for `lodash/noop`.
+};
+
+export { noop };

package/dist/lib-esm/utils/omit.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a shallow copy of `object` without the given top-level `keys`.
+ * Covers the flat-key usage of `lodash/omit` in this package (no deep paths). Keys that
+ * are not present on `object` are ignored, mirroring lodash's permissive behavior.
+ */
+export declare const omit: <T extends object>(object: T | null | undefined, keys: readonly PropertyKey[]) => Partial<T>;

package/dist/lib-esm/utils/omit.js

@@ -0,0 +1,20 @@
+/**
+ * Returns a shallow copy of `object` without the given top-level `keys`.
+ * Covers the flat-key usage of `lodash/omit` in this package (no deep paths). Keys that
+ * are not present on `object` are ignored, mirroring lodash's permissive behavior.
+ */
+const omit = (object, keys) => {
+  const result = {};
+  if (object == null) {
+    return result;
+  }
+  const excluded = new Set(keys);
+  for (const key of Object.keys(object)) {
+    if (!excluded.has(key)) {
+      result[key] = object[key];
+    }
+  }
+  return result;
+};
+
+export { omit };

package/dist/lib-esm/utils/scroll-context.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
-import noop from 'lodash/noop';
 import { useContext, createContext, useState, useCallback, useMemo } from 'react';
+import { noop } from './noop.js';
 
 const ScrollContext = /*#__PURE__*/createContext({
   isScrolledUnderFooter: false,

package/dist/lib-esm/utils/throttle.d.ts

@@ -0,0 +1,11 @@
+export interface ThrottledFunction<Args extends unknown[]> {
+    (...args: Args): void;
+    cancel(): void;
+}
+/**
+ * Leading + trailing edge throttle, matching the default behavior of `lodash/throttle`
+ * for the subset of the API used in this package. The wrapped function is invoked
+ * immediately on the first call, then at most once per `wait` ms, and once more on the
+ * trailing edge with the most recent arguments.
+ */
+export declare const throttle: <Args extends unknown[]>(func: (...args: Args) => void, wait?: number) => ThrottledFunction<Args>;

package/dist/lib-esm/utils/throttle.js

@@ -0,0 +1,51 @@
+/**
+ * Leading + trailing edge throttle, matching the default behavior of `lodash/throttle`
+ * for the subset of the API used in this package. The wrapped function is invoked
+ * immediately on the first call, then at most once per `wait` ms, and once more on the
+ * trailing edge with the most recent arguments.
+ */
+const throttle = (func, wait = 0) => {
+  let lastInvokeTime;
+  let timeout;
+  let trailingArgs;
+  const invoke = (time, args) => {
+    lastInvokeTime = time;
+    func(...args);
+  };
+  const throttled = (...args) => {
+    const now = Date.now();
+    if (lastInvokeTime === undefined) {
+      invoke(now, args);
+      return;
+    }
+    const remaining = wait - (now - lastInvokeTime);
+    trailingArgs = args;
+    if (remaining <= 0) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = undefined;
+      }
+      invoke(now, args);
+      trailingArgs = undefined;
+    } else if (!timeout) {
+      timeout = setTimeout(() => {
+        timeout = undefined;
+        if (trailingArgs) {
+          invoke(Date.now(), trailingArgs);
+          trailingArgs = undefined;
+        }
+      }, remaining);
+    }
+  };
+  throttled.cancel = () => {
+    if (timeout) {
+      clearTimeout(timeout);
+    }
+    timeout = undefined;
+    lastInvokeTime = undefined;
+    trailingArgs = undefined;
+  };
+  return throttled;
+};
+
+export { throttle };

package/dist/lib-esm/utils/useIsEllipsized.js

@@ -1,5 +1,5 @@
-import noop from 'lodash/noop';
 import { useState, useEffect } from 'react';
+import { noop } from './noop.js';
 
 const useIsEllipsized = ref => {
   const [isEllipsized, setIsEllipsized] = useState(false);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@box/blueprint-web",
-    "version": "16.8.4",
+    "version": "16.8.5",
     "type": "module",
     "license": "SEE LICENSE IN LICENSE",
     "publishConfig": {
@@ -47,7 +47,7 @@
     "dependencies": {
         "@ariakit/react": "0.4.21",
         "@ariakit/react-core": "0.4.21",
-        "@box/blueprint-web-assets": "^5.5.2",
+        "@box/blueprint-web-assets": "^5.5.3",
         "@internationalized/date": "^3.12.0",
         "@radix-ui/react-accordion": "1.1.2",
         "@radix-ui/react-checkbox": "1.0.4",
@@ -71,16 +71,16 @@
         "@react-aria/utils": "3.33.1",
         "clsx": "^1.2.1",
         "color": "2.0.1",
-        "lodash": "^4.17.15",
         "react-aria": "3.47.0",
         "react-aria-components": "1.16.0",
         "type-fest": "^3.2.0"
     },
     "devDependencies": {
-        "@box/storybook-utils": "^1.1.26",
+        "@box/storybook-utils": "^1.1.27",
         "@figma/code-connect": "1.4.4",
         "@types/react": "^18.0.0",
         "@types/react-dom": "^18.0.0",
+        "lodash": "^4.17.15",
         "react": "^18.3.0",
         "react-dom": "^18.3.0",
         "react-stately": "^3.45.0",