@versini/ui-menu 3.2.10 → 3.2.12

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 (6) hide show
  1. package/dist/components/Menu/Menu.js +16 -17
  2. package/dist/components/Menu/MenuItem.js +26 -23
  3. package/dist/index.d.ts +1 -2
  4. package/dist/index.js +9 -10
  5. package/dist/style.css +1 -1
  6. package/package.json +5 -4
package/dist/components/Menu/Menu.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsxs as J, jsx as i } from "react/jsx-runtime";
2
- import { useFloatingTree as K, useFloatingNodeId as Q, useListItem as V, useFloating as W, offset as X, flip as Y, shift as Z, autoUpdate as $, useClick as O, useRole as ee, useDismiss as te, useListNavigation as se, useTypeahead as oe, useInteractions as ne, useMergeRefs as ie, FloatingNode as re, FloatingList as ae, FloatingPortal as le, FloatingFocusManager as ce, FloatingTree as ue } from "@floating-ui/react";
3
- import fe, { forwardRef as N, useState as f, useRef as v, useContext as de, useEffect as F } from "react";
4
- import { MenuContext as I } from "./MenuContext.js";
2
+ import { useFloatingTree as K, useFloatingNodeId as Q, useListItem as V, useFloating as W, offset as X, flip as Y, shift as Z, autoUpdate as $, useClick as O, useRole as ee, useDismiss as te, useListNavigation as se, useTypeahead as oe, useInteractions as ne, useMergeRefs as ie, FloatingNode as re, FloatingList as ae, FloatingPortal as le, FloatingFocusManager as ue, FloatingTree as ce } from "@floating-ui/react";
3
+ import fe, { forwardRef as N, useState as f, useRef as F, useContext as de, useEffect as I } from "react";
4
+ import { MenuContext as v } from "./MenuContext.js";
5
5
  const x = (e) => {
6
6
  if (typeof e == "string")
7
7
  return e;
@@ -24,7 +24,7 @@ const x = (e) => {
24
24
  focusMode: k = "system",
25
25
  ...P
26
26
  }, w) => {
27
- const [o, d] = f(!1), [E, j] = f(!1), [c, u] = f(null), m = v([]), p = v([]), T = de(I), n = K(), l = Q(), B = V(), { floatingStyles: L, refs: y, context: r } = W({
27
+ const [o, d] = f(!1), [E, j] = f(!1), [u, c] = f(null), m = F([]), p = F([]), T = de(v), n = K(), l = Q(), B = V(), { floatingStyles: L, refs: y, context: r } = W({
28
28
  nodeId: l,
29
29
  open: o,
30
30
  onOpenChange: (a) => {
@@ -40,14 +40,14 @@ const x = (e) => {
40
40
  ignoreMouse: !1
41
41
  }), D = ee(r, { role: "menu" }), S = te(r, { bubbles: !0 }), _ = se(r, {
42
42
  listRef: m,
43
- activeIndex: c,
43
+ activeIndex: u,
44
44
  nested: !1,
45
- onNavigate: u,
45
+ onNavigate: c,
46
46
  loop: !0
47
47
  }), H = oe(r, {
48
48
  listRef: p,
49
- onMatch: o ? u : void 0,
50
- activeIndex: c
49
+ onMatch: o ? c : void 0,
50
+ activeIndex: u
51
51
  }), { getReferenceProps: U, getFloatingProps: q, getItemProps: z } = ne([A, D, S, _, H]), g = x(e) === "Button" || x(e) === "ButtonIcon", C = g ? {
52
52
  noInternalClick: g,
53
53
  focusMode: k,
@@ -67,7 +67,7 @@ const x = (e) => {
67
67
  )
68
68
  }
69
69
  );
70
- return F(() => {
70
+ return I(() => {
71
71
  if (!n)
72
72
  return;
73
73
  function a() {
@@ -76,22 +76,22 @@ const x = (e) => {
76
76
  return n.events.on("click", a), () => {
77
77
  n.events.off("click", a);
78
78
  };
79
- }, [n, s]), F(() => {
79
+ }, [n, s]), I(() => {
80
80
  o && n && n.events.emit("menuopen", { nodeId: l });
81
81
  }, [n, o, l]), /* @__PURE__ */ J(re, { id: l, children: [
82
82
  G,
83
83
  /* @__PURE__ */ i(
84
- I.Provider,
84
+ v.Provider,
85
85
  {
86
86
  value: {
87
- activeIndex: c,
88
- setActiveIndex: u,
87
+ activeIndex: u,
88
+ setActiveIndex: c,
89
89
  getItemProps: z,
90
90
  setHasFocusInside: j,
91
91
  isOpen: o
92
92
  },
93
93
  children: /* @__PURE__ */ i(ae, { elementsRef: m, labelsRef: p, children: o && /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i(
94
- ce,
94
+ ue,
95
95
  {
96
96
  context: r,
97
97
  modal: !1,
@@ -113,10 +113,9 @@ const x = (e) => {
113
113
  )
114
114
  ] });
115
115
  }
116
- ), me = N((e, t) => /* @__PURE__ */ i(ue, { children: /* @__PURE__ */ i(R, { ...e, ref: t }) }));
116
+ ), me = N((e, t) => /* @__PURE__ */ i(ce, { children: /* @__PURE__ */ i(R, { ...e, ref: t }) }));
117
117
  me.displayName = "Menu";
118
118
  R.displayName = "MenuComponent";
119
119
  export {
120
- me as Menu,
121
- R as MenuComponent
120
+ me as Menu
122
121
  };
package/dist/components/Menu/MenuItem.js CHANGED
@@ -1,13 +1,13 @@
1
- import { jsx as u, jsxs as k } from "react/jsx-runtime";
1
+ import { jsx as u, jsxs as I } from "react/jsx-runtime";
2
2
  import { useListItem as M, useFloatingTree as v, useMergeRefs as N } from "@floating-ui/react";
3
3
  import i from "clsx";
4
4
  import * as b from "react";
5
5
  import { MenuContext as F } from "./MenuContext.js";
6
6
  const R = b.forwardRef(
7
7
  ({
8
- label: n,
8
+ label: r,
9
9
  disabled: t,
10
- icon: s,
10
+ icon: n,
11
11
  raw: x = !1,
12
12
  children: l,
13
13
  ignoreClick: f = !1,
@@ -15,23 +15,23 @@ const R = b.forwardRef(
15
15
  ...e
16
16
  }, g) => {
17
17
  let d = "";
18
- const c = b.useContext(F), C = M({ label: t ? null : n }), m = v(), y = N([C.ref, g]);
18
+ const c = b.useContext(F), C = M({ label: t ? null : r }), m = v(), k = N([C.ref, g]);
19
19
  if (x && l)
20
20
  return /* @__PURE__ */ u(
21
21
  "div",
22
22
  {
23
23
  role: "menuitem",
24
24
  ...c.getItemProps({
25
- onClick(r) {
25
+ onClick(s) {
26
26
  var o;
27
- f || ((o = e.onClick) == null || o.call(e, r), m == null || m.events.emit("click"));
27
+ f || ((o = e.onClick) == null || o.call(e, s), m == null || m.events.emit("click"));
28
28
  }
29
29
  }),
30
30
  children: l
31
31
  }
32
32
  );
33
- s && (d = "pl-2");
34
- const I = i(
33
+ n && (d = "pl-2");
34
+ const y = i(
35
35
  "m-0 first:mt-0 mt-2 sm:mt-1 px-2 py-1 flex w-full rounded-md border border-transparent text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium",
36
36
  {
37
37
  "bg-surface-medium text-copy-lighter font-bold": !t && a,
@@ -39,43 +39,46 @@ const R = b.forwardRef(
39
39
  "focus:text-copy-dark": a
40
40
  }
41
41
  );
42
- return /* @__PURE__ */ k(
42
+ return /* @__PURE__ */ I(
43
43
  "button",
44
44
  {
45
45
  ...e,
46
- ref: y,
46
+ ref: k,
47
47
  role: "menuitem",
48
- className: I,
48
+ className: y,
49
49
  tabIndex: 0,
50
50
  disabled: t,
51
51
  ...c.getItemProps({
52
- onClick(r) {
52
+ onClick(s) {
53
53
  var o;
54
- f || ((o = e.onClick) == null || o.call(e, r), m == null || m.events.emit("click"));
54
+ f || ((o = e.onClick) == null || o.call(e, s), m == null || m.events.emit("click"));
55
55
  },
56
- onFocus(r) {
56
+ onFocus(s) {
57
57
  var o;
58
- (o = e.onFocus) == null || o.call(e, r), c.setHasFocusInside(!0);
58
+ (o = e.onFocus) == null || o.call(e, s), c.setHasFocusInside(!0);
59
59
  }
60
60
  }),
61
61
  children: [
62
- s,
63
- n && /* @__PURE__ */ u("span", { className: d, children: n })
62
+ n,
63
+ r && /* @__PURE__ */ u("span", { className: d, children: r })
64
64
  ]
65
65
  }
66
66
  );
67
67
  }
68
68
  );
69
69
  R.displayName = "MenuItem";
70
- const P = ({ className: n, ...t }) => {
71
- const s = i(n, "my-1 border-t border-border-medium");
72
- return /* @__PURE__ */ u("div", { className: s, ...t });
70
+ const P = ({ className: r, ...t }) => {
71
+ const n = i(r, "my-1 border-t border-border-medium");
72
+ return /* @__PURE__ */ u("div", { className: n, ...t });
73
73
  }, S = ({
74
- className: n,
74
+ className: r,
75
75
  ...t
76
76
  }) => {
77
- const s = i(n, "py-1 px-2 text-sm text-copy-medium");
78
- return /* @__PURE__ */ u("div", { className: s, ...t });
77
+ const n = i(
78
+ r,
79
+ "pt-1 mb-2 text-sm text-copy-dark border-b border-border-medium"
80
+ );
81
+ return /* @__PURE__ */ u("div", { className: n, ...t });
79
82
  };
80
83
  export {
81
84
  S as MenuGroupLabel,
package/dist/index.d.ts CHANGED
@@ -70,11 +70,10 @@ type MenuItemProps = {
70
70
 
71
71
  type MenuSeparatorProps = React__default.HTMLAttributes<HTMLDivElement>;
72
72
 
73
- declare const MenuComponent: React__default.ForwardRefExoticComponent<Omit<MenuProps & React__default.HTMLProps<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
74
73
  declare const Menu: React__default.ForwardRefExoticComponent<Omit<MenuProps & React__default.HTMLProps<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
75
74
 
76
75
  declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
77
76
  declare const MenuSeparator: ({ className, ...props }: MenuSeparatorProps) => react_jsx_runtime.JSX.Element;
78
77
  declare const MenuGroupLabel: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
79
78
 
80
- export { Menu, MenuComponent, MenuGroupLabel, MenuItem, MenuSeparator };
79
+ export { Menu, MenuGroupLabel, MenuItem, MenuSeparator };
package/dist/index.js CHANGED
@@ -1,22 +1,21 @@
1
- import { Menu as r, MenuComponent as _ } from "./components/Menu/Menu.js";
2
- import { MenuGroupLabel as t, MenuItem as u, MenuSeparator as M } from "./components/Menu/MenuItem.js";
1
+ import { Menu as _ } from "./components/Menu/Menu.js";
2
+ import { MenuGroupLabel as n, MenuItem as t, MenuSeparator as u } from "./components/Menu/MenuItem.js";
3
3
  /*!
4
- @versini/ui-menu v3.2.10
4
+ @versini/ui-menu v3.2.12
5
5
  © 2025 gizmette.com
6
6
  */
7
7
  try {
8
8
  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
9
- version: "3.2.10",
10
- buildTime: "01/20/2025 03:51 PM EST",
9
+ version: "3.2.12",
10
+ buildTime: "01/25/2025 10:54 PM EST",
11
11
  homepage: "https://github.com/aversini/ui-components",
12
12
  license: "MIT"
13
13
  });
14
14
  } catch {
15
15
  }
16
16
  export {
17
- r as Menu,
18
- _ as MenuComponent,
19
- t as MenuGroupLabel,
20
- u as MenuItem,
21
- M as MenuSeparator
17
+ _ as Menu,
18
+ n as MenuGroupLabel,
19
+ t as MenuItem,
20
+ u as MenuSeparator
22
21
  };
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.m-0{margin:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-border-medium{--tw-border-opacity: 1;border-color:var(--av-border-medium, rgb(148 163 184 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.bg-surface-medium{--tw-bg-opacity: 1;background-color:var(--av-surface-medium, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-none{background-image:none}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-2{padding-left:.5rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.text-copy-medium{--tw-text-opacity: 1;color:var(--av-copy-medium, rgb(148 163 184 / var(--tw-text-opacity, 1)))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-border-dark{--tw-shadow-color: var(--av-border-dark, rgb(15 23 42 / 1));--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.first\:mt-0:first-child{margin-top:0}.focus\:border:focus{border-width:1px}.focus\:border-border-medium:focus{--tw-border-opacity: 1;border-color:var(--av-border-medium, rgb(148 163 184 / var(--tw-border-opacity, 1)))}.focus\:bg-surface-lighter:focus{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity, 1)))}.focus\:text-copy-dark:focus{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.focus\:underline:focus{-webkit-text-decoration-line:underline;text-decoration-line:underline}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-copy-medium:disabled{--tw-text-opacity: 1;color:var(--av-copy-medium, rgb(148 163 184 / var(--tw-text-opacity, 1)))}@media (min-width: 640px){.sm\:mt-1{margin-top:.25rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:p-2{padding:.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}@keyframes blink{50%{fill:transparent}}@keyframes av-tooltip-fade-in{0%{opacity:0}to{opacity:100}}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.m-0{margin:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.flex{display:flex}.size-6{width:1.5rem;height:1.5rem}.size-px{width:1px;height:1px}.w-full{width:100%}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-border-medium{--tw-border-opacity: 1;border-color:var(--av-border-medium, rgb(148 163 184 / var(--tw-border-opacity, 1)))}.border-transparent{border-color:transparent}.bg-surface-light{--tw-bg-opacity: 1;background-color:var(--av-surface-light, rgb(203 213 225 / var(--tw-bg-opacity, 1)))}.bg-surface-medium{--tw-bg-opacity: 1;background-color:var(--av-surface-medium, rgb(100 116 139 / var(--tw-bg-opacity, 1)))}.bg-none{background-image:none}.p-4{padding:1rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.pl-2{padding-left:.5rem}.pt-1{padding-top:.25rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-copy-dark{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.text-copy-lighter{--tw-text-opacity: 1;color:var(--av-copy-lighter, rgb(255 255 255 / var(--tw-text-opacity, 1)))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-border-dark{--tw-shadow-color: var(--av-border-dark, rgb(15 23 42 / 1));--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.first\:mt-0:first-child{margin-top:0}.focus\:border:focus{border-width:1px}.focus\:border-border-medium:focus{--tw-border-opacity: 1;border-color:var(--av-border-medium, rgb(148 163 184 / var(--tw-border-opacity, 1)))}.focus\:bg-surface-lighter:focus{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity, 1)))}.focus\:text-copy-dark:focus{--tw-text-opacity: 1;color:var(--av-copy-dark, rgb(15 23 42 / var(--tw-text-opacity, 1)))}.focus\:underline:focus{-webkit-text-decoration-line:underline;text-decoration-line:underline}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-copy-medium:disabled{--tw-text-opacity: 1;color:var(--av-copy-medium, rgb(148 163 184 / var(--tw-text-opacity, 1)))}@media (min-width: 640px){.sm\:mt-1{margin-top:.25rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:p-2{padding:.5rem}}@media (min-width: 768px){.md\:size-px{width:1px;height:1px}}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-menu",
3
- "version": "3.2.10",
3
+ "version": "3.2.12",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -27,6 +27,7 @@
27
27
  "dev:types": "tsup --watch src",
28
28
  "dev": "npm-run-all clean --parallel dev:js dev:types",
29
29
  "lint": "biome lint src",
30
+ "prettier": "biome check --write --no-errors-on-unmatched",
30
31
  "start": "static-server dist --port 5173",
31
32
  "test:coverage:ui": "vitest --coverage --ui",
32
33
  "test:coverage": "vitest run --coverage",
@@ -38,8 +39,8 @@
38
39
  "react-dom": "^18.3.1 || ^19.0.0"
39
40
  },
40
41
  "devDependencies": {
41
- "@versini/ui-icons": "4.5.2",
42
- "@versini/ui-types": "4.4.0"
42
+ "@versini/ui-icons": "4.6.0",
43
+ "@versini/ui-types": "4.5.0"
43
44
  },
44
45
  "dependencies": {
45
46
  "@floating-ui/react": "0.27.3",
@@ -50,5 +51,5 @@
50
51
  "sideEffects": [
51
52
  "**/*.css"
52
53
  ],
53
- "gitHead": "59b7aa73390692c2df05cd5e6c8b7c74ff14c235"
54
+ "gitHead": "95add63a475dc1307dd4ada55909553876a55b73"
54
55
  }