@versini/ui-menu 5.1.1 → 5.1.3

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.
Files changed (5) hide show
  1. package/dist/chunks/{index.dzHBmDC4.js → index.Benv90bx.js} +4 -4
  2. package/dist/components/Menu/Menu.js +1 -1
  3. package/dist/components/Menu/MenuItem.js +53 -59
  4. package/dist/index.js +3 -3
  5. package/package.json +4 -4
package/dist/chunks/{index.dzHBmDC4.js → index.Benv90bx.js} RENAMED
@@ -37,20 +37,20 @@ const d = ({
37
37
  try {
38
38
  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
39
39
  version: "4.2.2",
40
- buildTime: "10/19/2025 01:03 PM EDT",
40
+ buildTime: "10/24/2025 06:42 PM EDT",
41
41
  homepage: "https://github.com/aversini/ui-components",
42
42
  license: "MIT"
43
43
  });
44
44
  } catch {
45
45
  }
46
46
  /*!
47
- @versini/ui-icons v4.13.0
47
+ @versini/ui-icons v4.14.1
48
48
  © 2025 gizmette.com
49
49
  */
50
50
  try {
51
51
  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
52
- version: "4.13.0",
53
- buildTime: "10/19/2025 01:03 PM EDT",
52
+ version: "4.14.1",
53
+ buildTime: "10/24/2025 06:42 PM EDT",
54
54
  homepage: "https://github.com/aversini/ui-components",
55
55
  license: "MIT"
56
56
  });
package/dist/components/Menu/Menu.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as b, jsx as t } from "react/jsx-runtime";
2
2
  import { useFloatingTree as se, useFloatingNodeId as ie, useFloatingParentNodeId as W, useListItem as re, useFloating as ae, autoUpdate as le, offset as de, flip as ue, shift as ce, useHover as fe, safePolygon as me, useClick as pe, useRole as he, useDismiss as ve, useListNavigation as ge, useTypeahead as we, useInteractions as ye, useMergeRefs as be, FloatingNode as D, FloatingList as S, FloatingPortal as _, FloatingFocusManager as K, FloatingTree as xe } from "@floating-ui/react";
3
- import { I as Ie } from "../../chunks/index.dzHBmDC4.js";
3
+ import { I as Ie } from "../../chunks/index.Benv90bx.js";
4
4
  import Fe from "clsx";
5
5
  import Ne, { forwardRef as q, useState as y, useRef as U, useContext as Me, useEffect as P } from "react";
6
6
  import { MenuContext as R } from "./MenuContext.js";
package/dist/components/Menu/MenuItem.js CHANGED
@@ -1,86 +1,80 @@
1
- import { jsxs as x, jsx as o } from "react/jsx-runtime";
2
- import { useListItem as N, useFloatingTree as w, useMergeRefs as y } from "@floating-ui/react";
3
- import { I as b } from "../../chunks/index.dzHBmDC4.js";
1
+ import { jsxs as x, jsx as s } from "react/jsx-runtime";
2
+ import { useListItem as C, useFloatingTree as M, useMergeRefs as g } from "@floating-ui/react";
3
+ import { I as b } from "../../chunks/index.Benv90bx.js";
4
4
  import l from "clsx";
5
5
  import * as p from "react";
6
- import { MenuContext as M } from "./MenuContext.js";
7
- const g = ({
6
+ import { MenuContext as h } from "./MenuContext.js";
7
+ const z = ({
8
8
  className: e,
9
9
  viewBox: t,
10
- title: s,
11
- monotone: n,
10
+ title: o,
11
+ monotone: a,
12
12
  ...r
13
13
  }) => /* @__PURE__ */ x(
14
14
  b,
15
15
  {
16
- defaultViewBox: "0 0 448 512",
16
+ defaultViewBox: "0 0 512 512",
17
17
  size: "size-5",
18
18
  viewBox: t,
19
19
  className: e,
20
- title: s || "Checked",
20
+ title: o || "Selected",
21
21
  ...r,
22
22
  children: [
23
- /* @__PURE__ */ o(
23
+ /* @__PURE__ */ s(
24
24
  "path",
25
25
  {
26
- d: "M0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m104 160c0-6.1 2.3-12.3 7-17 9.4-9.4 24.6-9.4 33.9 0l47 47 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9.6 1.5 1 2.9 1.3 4.4.2 1.1.3 2.2.3 2.2.1 1.2.1 1.2.1 2.5-.1 1.5-.1 1.9-.1 2.3-.1.7-.2 1.5-.3 2.2-.3 1.5-.7 3-1.3 4.4-1.2 2.9-2.9 5.6-5.3 7.9l-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7l-64-64c-4.7-4.7-7-10.8-7-17z",
26
+ d: "M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0m352 0a96 96 0 1 1-192 0 96 96 0 1 1 192 0",
27
27
  opacity: ".4"
28
28
  }
29
29
  ),
30
- /* @__PURE__ */ o("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
30
+ /* @__PURE__ */ s("path", { d: "M256 160a96 96 0 1 0 0 192 96 96 0 1 0 0-192" })
31
31
  ]
32
32
  }
33
- ), k = ({
33
+ ), I = ({
34
34
  className: e,
35
35
  viewBox: t,
36
- title: s,
37
- monotone: n,
36
+ title: o,
37
+ monotone: a,
38
38
  ...r
39
- }) => /* @__PURE__ */ o(
39
+ }) => /* @__PURE__ */ s(
40
40
  b,
41
41
  {
42
- defaultViewBox: "0 0 448 512",
42
+ defaultViewBox: "0 0 512 512",
43
43
  size: "size-5",
44
44
  viewBox: t,
45
45
  className: e,
46
- title: s || "UnChecked",
46
+ title: o || "UnSelected",
47
47
  ...r,
48
- children: /* @__PURE__ */ o(
49
- "path",
50
- {
51
- d: "M0 96c0-35.3 28.7-64 64-64h320c35.3 0 64 28.7 64 64v320c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64z",
52
- opacity: ".4"
53
- }
54
- )
48
+ children: /* @__PURE__ */ s("path", { d: "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512", opacity: ".4" })
55
49
  }
56
- ), I = p.forwardRef(
50
+ ), k = p.forwardRef(
57
51
  ({
58
52
  label: e,
59
53
  disabled: t,
60
- icon: s,
61
- raw: n = !1,
54
+ icon: o,
55
+ raw: a = !1,
62
56
  children: r,
63
57
  ignoreClick: u = !1,
64
58
  selected: i,
65
- ...m
66
- }, h) => {
59
+ ...n
60
+ }, N) => {
67
61
  let d = "";
68
- const a = p.useContext(M), C = N({ label: t ? null : e }), f = w(), v = y([C.ref, h]);
69
- if (n && r)
70
- return /* @__PURE__ */ o(
62
+ const c = p.useContext(h), w = C({ label: t ? null : e }), f = M(), v = g([w.ref, N]);
63
+ if (a && r)
64
+ return /* @__PURE__ */ s(
71
65
  "div",
72
66
  {
73
67
  role: "menuitem",
74
- ...a.getItemProps({
75
- onClick(c) {
76
- u || (m.onClick?.(c), f?.events.emit("click"));
68
+ ...c.getItemProps({
69
+ onClick(m) {
70
+ u || (n.onClick?.(m), f?.events.emit("click"));
77
71
  }
78
72
  }),
79
73
  children: r
80
74
  }
81
75
  );
82
- s && (d = "pl-2");
83
- const z = l(
76
+ o && (d = "pl-2");
77
+ const y = l(
84
78
  "flex flex-row items-center",
85
79
  "w-full",
86
80
  "m-0 first:mt-0 mt-2 sm:mt-1 px-2 py-1",
@@ -95,48 +89,48 @@ const g = ({
95
89
  return /* @__PURE__ */ x(
96
90
  "button",
97
91
  {
98
- ...m,
92
+ ...n,
99
93
  ref: v,
100
94
  role: "menuitem",
101
- className: z,
95
+ className: y,
102
96
  tabIndex: 0,
103
97
  disabled: t,
104
- ...a.getItemProps({
105
- onClick(c) {
106
- u || (m.onClick?.(c), f?.events.emit("click"));
98
+ ...c.getItemProps({
99
+ onClick(m) {
100
+ u || (n.onClick?.(m), f?.events.emit("click"));
107
101
  },
108
- onFocus(c) {
109
- m.onFocus?.(c), a.setHasFocusInside(!0);
102
+ onFocus(m) {
103
+ n.onFocus?.(m), c.setHasFocusInside(!0);
110
104
  }
111
105
  }),
112
106
  children: [
113
- i === !0 && /* @__PURE__ */ o(g, { className: "text-copy-success mr-2", size: "size-4" }),
114
- i === !1 && /* @__PURE__ */ o(k, { className: "text-copy-medium mr-2", size: "size-4" }),
115
- s,
116
- e && /* @__PURE__ */ o("span", { className: d, children: e })
107
+ i === !0 && /* @__PURE__ */ s(z, { className: "text-copy-success mr-2", size: "size-4" }),
108
+ i === !1 && /* @__PURE__ */ s(I, { className: "text-copy-medium mr-2", size: "size-4" }),
109
+ o,
110
+ e && /* @__PURE__ */ s("span", { className: d, children: e })
117
111
  ]
118
112
  }
119
113
  );
120
114
  }
121
115
  );
122
- I.displayName = "MenuItem";
123
- const V = ({ className: e, ...t }) => {
124
- const s = l(e, "my-1 border-t border-border-medium");
125
- return /* @__PURE__ */ o("div", { className: s, ...t });
126
- }, j = ({
116
+ k.displayName = "MenuItem";
117
+ const j = ({ className: e, ...t }) => {
118
+ const o = l(e, "my-1 border-t border-border-medium");
119
+ return /* @__PURE__ */ s("div", { className: o, ...t });
120
+ }, P = ({
127
121
  className: e,
128
122
  ...t
129
123
  }) => {
130
- const s = l(
124
+ const o = l(
131
125
  e,
132
126
  "pt-1 mb-2",
133
127
  "text-sm text-copy-dark font-bold",
134
128
  "border-b border-border-medium"
135
129
  );
136
- return /* @__PURE__ */ o("div", { className: s, ...t });
130
+ return /* @__PURE__ */ s("div", { className: o, ...t });
137
131
  };
138
132
  export {
139
- j as MenuGroupLabel,
140
- I as MenuItem,
141
- V as MenuSeparator
133
+ P as MenuGroupLabel,
134
+ k as MenuItem,
135
+ j as MenuSeparator
142
136
  };
package/dist/index.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { Menu as _ } from "./components/Menu/Menu.js";
2
2
  import { MenuGroupLabel as n, MenuItem as t, MenuSeparator as u } from "./components/Menu/MenuItem.js";
3
3
  /*!
4
- @versini/ui-menu v5.1.1
4
+ @versini/ui-menu v5.1.3
5
5
  © 2025 gizmette.com
6
6
  */
7
7
  try {
8
8
  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
9
- version: "5.1.1",
10
- buildTime: "10/20/2025 03:40 PM EDT",
9
+ version: "5.1.3",
10
+ buildTime: "10/24/2025 07:47 PM EDT",
11
11
  homepage: "https://github.com/aversini/ui-components",
12
12
  license: "MIT"
13
13
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-menu",
3
- "version": "5.1.1",
3
+ "version": "5.1.3",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -43,12 +43,12 @@
43
43
  "dependencies": {
44
44
  "@floating-ui/react": "0.27.16",
45
45
  "@tailwindcss/typography": "0.5.19",
46
- "@versini/ui-icons": "4.13.0",
46
+ "@versini/ui-icons": "4.14.1",
47
47
  "clsx": "2.1.1",
48
- "tailwindcss": "4.1.14"
48
+ "tailwindcss": "4.1.16"
49
49
  },
50
50
  "sideEffects": [
51
51
  "**/*.css"
52
52
  ],
53
- "gitHead": "b3e3e28ac8c5a3f1b6641dd373cd0bb6f34e3bbe"
53
+ "gitHead": "26763e1e738bcdcb0806c39612161666e4bc4459"
54
54
  }