@versini/ui-menu 6.10.0 → 7.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -195,12 +195,19 @@ Create hierarchical menus using `MenuSub`. Groups work inside sub-menus too:
195
195
 
196
196
  ```tsx
197
197
  import {
198
- Menu, MenuItem, MenuSub, MenuGroup, MenuSeparator
198
+ Menu,
199
+ MenuItem,
200
+ MenuSub,
201
+ MenuGroup,
202
+ MenuSeparator
199
203
  } from "@versini/ui-menu";
200
204
  import { ButtonIcon } from "@versini/ui-button";
201
205
  import {
202
- IconSettings, IconOpenAI, IconAnthropic,
203
- IconStarInCircle, IconFrenchFlag
206
+ IconSettings,
207
+ IconOpenAI,
208
+ IconAnthropic,
209
+ IconStarInCircle,
210
+ IconFrenchFlag
204
211
  } from "@versini/ui-icons";
205
212
 
206
213
  function SettingsMenu() {
@@ -280,7 +287,6 @@ function SettingsMenu() {
280
287
  | `label` | `string` | `"Open menu"` | Accessible label for the trigger. |
281
288
  | `defaultPlacement` | `"bottom"` \| `"bottom-start"` \| `"bottom-end"` \| `"top"` \| `"top-start"` \| `"top-end"` \| `"left"` \| `"left-start"` \| `"right"` \| etc. | `"bottom-start"` | Initial preferred placement. |
282
289
  | `mode` | `"dark"` \| `"light"` \| `"system"` \| `"alt-system"` | `"system"` | Color mode of trigger (when using UI buttons). |
283
- | `focusMode` | `"dark"` \| `"light"` \| `"system"` \| `"alt-system"` | `"system"` | Focus ring thematic mode. |
284
290
  | `onOpenChange` | `(open: boolean) => void` | - | Called when menu opens or closes. |
285
291
  | `sideOffset` | `number` | `10` | Offset distance from the trigger element. |
286
292
 
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { JSX } from 'react/jsx-runtime';
2
2
 
3
3
  export declare const Menu: {
4
- ({ trigger, children, label, defaultPlacement, onOpenChange, mode, focusMode, sideOffset, noBackdrop, }: MenuProps): JSX.Element;
4
+ ({ trigger, children, label, defaultPlacement, onOpenChange, mode, sideOffset, noBackdrop, }: MenuProps): JSX.Element;
5
5
  displayName: string;
6
6
  };
7
7
 
@@ -111,11 +111,6 @@ declare type MenuProps = {
111
111
  * @default "bottom-start"
112
112
  */
113
113
  defaultPlacement?: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end" | "left" | "left-start" | "left-end" | "right" | "right-start" | "right-end";
114
- /**
115
- * The type of focus for the Button. This will change the color
116
- * of the focus ring around the Button.
117
- */
118
- focusMode?: "dark" | "light" | "system" | "alt-system";
119
114
  /**
120
115
  * The type of Button trigger. This will change the color of the Button.
121
116
  */
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- @versini/ui-menu v6.10.0
2
+ @versini/ui-menu v7.0.0
3
3
  © 2026 gizmette.com
4
4
  */
5
5
 
@@ -414,7 +414,7 @@ function useMenuPosition({ triggerRef, menuRef, placement, sideOffset, isOpen })
414
414
 
415
415
 
416
416
 
417
- const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", focusMode = "system", sideOffset = 10, noBackdrop = false })=>{
417
+ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bottom-start", onOpenChange, mode = "system", sideOffset = 10, noBackdrop = false })=>{
418
418
  const contentClass = getMenuClasses({
419
419
  isSub: false,
420
420
  noBackdrop
@@ -590,7 +590,6 @@ const Menu = ({ trigger, children, label = "Open menu", defaultPlacement = "bott
590
590
  const noInternalClick = getDisplayName(trigger) === "Button" || getDisplayName(trigger) === "ButtonIcon";
591
591
  const uiButtonsExtraProps = noInternalClick ? {
592
592
  noInternalClick,
593
- focusMode,
594
593
  mode
595
594
  } : {};
596
595
  /* v8 ignore start - trigger is required in practice */ const triggerElement = /*#__PURE__*/ isValidElement(trigger) ? /*#__PURE__*/ cloneElement(trigger, {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-menu",
3
- "version": "6.10.0",
3
+ "version": "7.0.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -38,16 +38,16 @@
38
38
  },
39
39
  "devDependencies": {
40
40
  "@testing-library/jest-dom": "6.9.1",
41
- "@versini/ui-types": "8.4.0"
41
+ "@versini/ui-types": "9.0.0"
42
42
  },
43
43
  "dependencies": {
44
44
  "@versini/ui-hooks": "6.1.1",
45
- "@versini/ui-icons": "4.21.0",
45
+ "@versini/ui-icons": "4.21.1",
46
46
  "clsx": "2.1.1",
47
47
  "tailwindcss": "4.2.1"
48
48
  },
49
49
  "sideEffects": [
50
50
  "**/*.css"
51
51
  ],
52
- "gitHead": "193b1479b6c92d2a479135fe7c51e7383b94c43a"
52
+ "gitHead": "a295349019d1512796f266bba535de383f12b6ee"
53
53
  }