@bloomreach/react-banana-ui 1.36.0 → 1.38.0

package/dist/utils/dom.d.ts

@@ -0,0 +1,7 @@
+import type * as React from 'react';
+export type EventHandler = (...args: unknown[]) => unknown;
+export type EventHandlers = Record<string, EventHandler>;
+export declare const visuallyHidden: React.CSSProperties;
+export declare function ownerDocument(node: Node | null | undefined): Document;
+export declare function extractEventHandlers(object: Record<string, unknown> | undefined, excludeKeys?: string[]): EventHandlers;
+export declare function isFocusVisible(element: EventTarget | null): boolean;

package/dist/utils/hooks/index.d.ts

@@ -1,4 +1,6 @@
 export { default as useElementWidth } from './use-element-width';
+export { default as useEventCallback } from './use-event-callback';
+export { default as useForkRefs } from './use-fork-refs';
 export { default as useHover } from './use-hover';
 export { default as useStyleProps } from './use-style-props';
 export * from './use-style-props';

package/dist/utils/hooks/use-event-callback.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns a stable callback reference that always invokes the latest version of the provided function.
+ * Avoids stale closures without adding the function to dependency arrays.
+ */
+declare function useEventCallback<Args extends unknown[], Return>(fn: (...args: Args) => Return): (...args: Args) => Return;
+export default useEventCallback;

package/dist/utils/hooks/use-fork-refs.d.ts

@@ -0,0 +1,7 @@
+import { Ref, RefCallback } from 'react';
+/**
+ * Merges multiple React refs into a single callback ref.
+ * Useful when a component needs to forward its ref while also keeping a local ref.
+ */
+declare function useForkRefs<Instance>(...refs: Array<Ref<Instance> | undefined>): null | RefCallback<Instance>;
+export default useForkRefs;

package/dist/utils/index.d.ts

@@ -1,5 +1,6 @@
 export * from './date';
 export * from './date-range-presets';
+export * from './dom';
 export * from './extract-data-aria-attributes';
 export { default as filterStyleProps } from './filter-style-props';
 export * from './hooks';

package/dist/utils/types/styles.types.d.ts

@@ -42,7 +42,7 @@ export interface CSSBorderProps {
      */
     borderStartStartRadius?: CSSBorderValue;
 }
-export type CSSBorderValue = 'radius-0x' | 'radius-1x' | 'radius-2x' | 'radius-full' | 'radius-non';
+export type CSSBorderValue = 'radius-0x' | 'radius-1x' | 'radius-2x' | 'radius-full' | 'radius-none';
 export type CSSColorValue = 'accent-100' | 'accent-150' | 'accent-200' | 'accent-250' | 'accent-300' | 'accent-350' | 'accent-400' | 'accent-450' | 'accent-500' | 'accent-550' | 'accent-600' | 'accent-650' | 'accent-700' | 'accent-750' | 'accent-800' | 'accent-850' | 'blue-50' | 'blue-100' | 'blue-200' | 'blue-300' | 'blue-400' | 'blue-500' | 'blue-600' | 'blue-700' | 'gold-50' | 'gold-100' | 'gold-200' | 'gold-300' | 'gold-400' | 'gold-500' | 'gold-600' | 'gold-700' | 'green-50' | 'green-100' | 'green-200' | 'green-300' | 'green-400' | 'green-500' | 'green-600' | 'green-700' | 'neutral-000' | 'neutral-100' | 'neutral-200' | 'neutral-300' | 'neutral-400' | 'neutral-500' | 'neutral-600' | 'neutral-700' | 'orange-50' | 'orange-100' | 'orange-200' | 'orange-300' | 'orange-400' | 'orange-500' | 'orange-600' | 'orange-700' | 'red-50' | 'red-100' | 'red-200' | 'red-300' | 'red-400' | 'red-500' | 'red-600' | 'red-700';
 export interface CSSLayoutProps {
     /**

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bloomreach/react-banana-ui",
   "type": "module",
-  "version": "1.36.0",
+  "version": "1.38.0",
   "private": false,
   "repository": {
     "type": "git",
@@ -69,80 +69,81 @@
     }
   },
   "dependencies": {
-    "@bloomreach/banana-theme": "0.0.28",
-    "@floating-ui/react": "0.27.16",
-    "@internationalized/date": "3.10.0",
+    "@bloomreach/banana-theme": "0.2.0",
+    "@floating-ui/react": "0.27.19",
+    "@internationalized/date": "3.12.0",
     "@mui/base": "5.0.0-beta.70",
     "@radix-ui/react-accordion": "1.2.12",
     "@radix-ui/react-slot": "1.2.4",
-    "@react-aria/calendar": "3.9.2",
-    "@react-aria/datepicker": "3.15.2",
-    "@react-aria/i18n": "3.12.13",
-    "@react-stately/calendar": "3.9.0",
-    "@react-stately/datepicker": "3.15.2",
+    "@react-aria/calendar": "3.9.5",
+    "@react-aria/datepicker": "3.16.1",
+    "@react-aria/i18n": "3.12.16",
+    "@react-stately/calendar": "3.9.3",
+    "@react-stately/datepicker": "3.16.1",
     "classnames": "2.5.1",
     "react-hot-toast": "2.6.0",
     "react-merge-refs": "2.1.1"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "6.2.0",
-    "@commitlint/cli": "20.1.0",
-    "@commitlint/config-conventional": "20.0.0",
-    "@commitlint/types": "20.0.0",
-    "@eslint-community/eslint-plugin-eslint-comments": "4.5.0",
-    "@eslint-react/eslint-plugin": "2.3.5",
-    "@eslint/js": "9.39.1",
-    "@laynezh/vite-plugin-lib-assets": "2.1.3",
-    "@playwright/test": "1.57.0",
+    "@antfu/eslint-config": "6.7.3",
+    "@commitlint/cli": "20.5.0",
+    "@commitlint/config-conventional": "20.5.0",
+    "@commitlint/types": "20.5.0",
+    "@eslint-community/eslint-plugin-eslint-comments": "4.7.1",
+    "@eslint-react/eslint-plugin": "2.13.0",
+    "@eslint/js": "9.39.4",
+    "@laynezh/vite-plugin-lib-assets": "2.2.0",
+    "@playwright/test": "1.58.2",
     "@semantic-release/changelog": "6.0.3",
     "@semantic-release/git": "10.0.1",
-    "@storybook/addon-a11y": "10.0.8",
-    "@storybook/addon-docs": "10.0.8",
-    "@storybook/addon-links": "10.0.8",
-    "@storybook/react-vite": "10.0.8",
+    "@storybook/addon-a11y": "10.3.3",
+    "@storybook/addon-docs": "10.3.3",
+    "@storybook/addon-links": "10.3.3",
+    "@storybook/react-vite": "10.3.3",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
-    "@testing-library/react": "16.3.0",
+    "@testing-library/react": "16.3.2",
     "@testing-library/user-event": "14.6.1",
-    "@types/node": "24.10.1",
+    "@types/node": "24.12.0",
     "@types/react": "18.x.x",
     "@types/react-dom": "18.x.x",
-    "@vitejs/plugin-react-swc": "4.2.2",
-    "@vitest/coverage-v8": "4.0.12",
-    "@vitest/eslint-plugin": "1.4.3",
-    "@vitest/ui": "4.0.12",
-    "autoprefixer": "10.4.22",
-    "conventional-changelog-conventionalcommits": "9.1.0",
-    "eslint": "9.39.1",
+    "@vitejs/plugin-react-swc": "4.3.0",
+    "@vitest/coverage-v8": "4.1.2",
+    "@vitest/eslint-plugin": "1.6.14",
+    "@vitest/ui": "4.1.2",
+    "autoprefixer": "10.4.27",
+    "conventional-changelog-conventionalcommits": "9.3.1",
+    "eslint": "9.39.4",
     "eslint-config-prettier": "10.1.8",
     "eslint-import-resolver-typescript": "4.4.4",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-perfectionist": "4.15.1",
-    "eslint-plugin-prettier": "5.5.4",
+    "eslint-plugin-prettier": "5.5.5",
     "eslint-plugin-react": "7.37.5",
     "eslint-plugin-react-hooks": "7.0.1",
-    "eslint-plugin-react-refresh": "0.4.24",
-    "eslint-plugin-storybook": "10.0.8",
+    "eslint-plugin-react-refresh": "0.4.26",
+    "eslint-plugin-storybook": "10.3.3",
     "eslint-plugin-unicorn": "62.0.0",
     "globals": "16.5.0",
     "husky": "9.1.7",
-    "jsdom": "27.2.0",
-    "lint-staged": "16.2.7",
-    "plop": "4.0.4",
-    "prettier": "3.6.2",
+    "jsdom": "27.4.0",
+    "lint-staged": "16.4.0",
+    "plop": "4.0.5",
+    "prettier": "3.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "resize-observer-polyfill": "1.5.1",
-    "sass": "1.94.2",
+    "sass": "1.98.0",
     "semantic-release": "24.2.9",
-    "storybook": "10.0.8",
+    "servor": "4.0.2",
+    "storybook": "10.3.3",
     "tsx": "4.21.0",
     "typescript": "5.9.3",
-    "typescript-eslint": "8.47.0",
-    "vite": "7.2.4",
+    "typescript-eslint": "8.58.0",
+    "vite": "7.3.1",
     "vite-plugin-dts": "4.5.4",
     "vite-plugin-svgr": "4.5.0",
-    "vitest": "4.0.12"
+    "vitest": "4.1.2"
   },
   "browserslist": [
     "> 0.25%",