@versini/ui-menu 4.0.11 → 4.0.13

package/README.md

@@ -1,6 +1,7 @@
 # @versini/ui-menu
 
 [![npm version](https://img.shields.io/npm/v/@versini/ui-menu?style=flat-square)](https://www.npmjs.com/package/@versini/ui-menu)
+![npm package minimized gzipped size](<https://img.shields.io/bundlejs/size/%40versini%2Fui-menu?style=flat-square&label=size%20(gzip)>)
 
 > Accessible and flexible React menu components built with TypeScript and TailwindCSS.
 

package/dist/components/Menu/MenuItem.js

@@ -1,167 +1,85 @@
-import { jsx as o, Fragment as h, jsxs as p } from "react/jsx-runtime";
-import { useListItem as N, useFloatingTree as g, useMergeRefs as v } from "@floating-ui/react";
+import { jsx as s, jsxs as I } from "react/jsx-runtime";
+import { useListItem as k, useFloatingTree as M, useMergeRefs as N } from "@floating-ui/react";
+import { IconCopied as v } from "@versini/ui-icons";
 import u from "clsx";
-import * as I from "react";
-import { MenuContext as C } from "./MenuContext.js";
-const M = ({
-  children: e,
-  fill: t,
-  viewBox: s,
-  className: l,
-  defaultViewBox: i,
-  size: m,
-  title: n,
-  semantic: r = !1,
-  ...d
-}) => {
-  const a = u(m, l);
-  return /* @__PURE__ */ o(h, { children: /* @__PURE__ */ p(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: a,
-      viewBox: s || i,
-      fill: t || "currentColor",
-      role: "img",
-      "aria-hidden": !r,
-      focusable: !1,
-      ...d,
-      children: [
-        n && r && /* @__PURE__ */ o("title", { children: n }),
-        e
-      ]
-    }
-  ) });
-};
-/*!
-  @versini/ui-svgicon v4.2.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.2.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const S = ({
-  className: e,
-  viewBox: t,
-  title: s,
-  monotone: l,
-  ...i
-}) => /* @__PURE__ */ p(
-  M,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: s || "Copied",
-    ...i,
-    children: [
-      /* @__PURE__ */ o(
-        "path",
-        {
-          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",
-          opacity: ".4"
-        }
-      ),
-      /* @__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" })
-    ]
-  }
-);
-/*!
-  @versini/ui-icons v4.10.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.10.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const V = I.forwardRef(
+import * as f from "react";
+import { MenuContext as y } from "./MenuContext.js";
+const w = f.forwardRef(
   ({
     label: e,
     disabled: t,
-    icon: s,
-    raw: l = !1,
+    icon: r,
+    raw: b = !1,
     children: i,
-    ignoreClick: m = !1,
-    selected: n = !1,
-    ...r
-  }, d) => {
-    let a = "";
-    const f = I.useContext(C), _ = N({ label: t ? null : e }), b = g(), w = v([_.ref, d]);
-    if (l && i)
-      return /* @__PURE__ */ o(
+    ignoreClick: a = !1,
+    selected: c = !1,
+    ...n
+  }, p) => {
+    let l = "";
+    const m = f.useContext(y), x = k({ label: t ? null : e }), d = M(), C = N([x.ref, p]);
+    if (b && i)
+      return /* @__PURE__ */ s(
         "div",
         {
           role: "menuitem",
-          ...f.getItemProps({
-            onClick(c) {
-              m || (r.onClick?.(c), b?.events.emit("click"));
+          ...m.getItemProps({
+            onClick(o) {
+              a || (n.onClick?.(o), d?.events.emit("click"));
             }
           }),
           children: i
         }
       );
-    s && (a = "pl-2");
-    const x = u(
+    r && (l = "pl-2");
+    const g = u(
       "items-center flex-row",
       "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-hidden focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium",
       {
-        "bg-none": !t && !n
+        "bg-none": !t && !c
       }
     );
-    return /* @__PURE__ */ p(
+    return /* @__PURE__ */ I(
       "button",
       {
-        ...r,
-        ref: w,
+        ...n,
+        ref: C,
         role: "menuitem",
-        className: x,
+        className: g,
         tabIndex: 0,
         disabled: t,
-        ...f.getItemProps({
-          onClick(c) {
-            m || (r.onClick?.(c), b?.events.emit("click"));
+        ...m.getItemProps({
+          onClick(o) {
+            a || (n.onClick?.(o), d?.events.emit("click"));
           },
-          onFocus(c) {
-            r.onFocus?.(c), f.setHasFocusInside(!0);
+          onFocus(o) {
+            n.onFocus?.(o), m.setHasFocusInside(!0);
           }
         }),
         children: [
-          n && /* @__PURE__ */ o(S, { className: "mr-2", size: "size-4" }),
-          s,
-          e && /* @__PURE__ */ o("span", { className: a, children: e })
+          c && /* @__PURE__ */ s(v, { className: "mr-2", size: "size-4" }),
+          r,
+          e && /* @__PURE__ */ s("span", { className: l, children: e })
         ]
       }
     );
   }
 );
-V.displayName = "MenuItem";
-const k = ({ className: e, ...t }) => {
-  const s = u(e, "my-1 border-t border-border-medium");
-  return /* @__PURE__ */ o("div", { className: s, ...t });
-}, B = ({
+w.displayName = "MenuItem";
+const z = ({ className: e, ...t }) => {
+  const r = u(e, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ s("div", { className: r, ...t });
+}, P = ({
   className: e,
   ...t
 }) => {
-  const s = u(
+  const r = u(
     e,
     "pt-1 mb-2 text-sm text-copy-dark border-b border-border-medium"
   );
-  return /* @__PURE__ */ o("div", { className: s, ...t });
+  return /* @__PURE__ */ s("div", { className: r, ...t });
 };
 export {
-  B as MenuGroupLabel,
-  V as MenuItem,
-  k as MenuSeparator
+  P as MenuGroupLabel,
+  w as MenuItem,
+  z as MenuSeparator
 };

package/dist/index.js

@@ -1,13 +1,13 @@
 import { Menu as _ } from "./components/Menu/Menu.js";
 import { MenuGroupLabel as n, MenuItem as t, MenuSeparator as u } from "./components/Menu/MenuItem.js";
 /*!
-  @versini/ui-menu v4.0.11
+  @versini/ui-menu v4.0.13
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "4.0.11",
-    buildTime: "08/23/2025 10:07 AM EDT",
+    version: "4.0.13",
+    buildTime: "09/01/2025 02:19 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-menu",
-	"version": "4.0.11",
+	"version": "4.0.13",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,7 +42,7 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "../ui-types"
+		"@versini/ui-types": "5.0.7"
 	},
 	"dependencies": {
 		"@floating-ui/react": "0.27.16",
@@ -54,5 +54,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "a1afd6e4613b1da7abf61d10a72614611521fb39"
+	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
 }