@versini/ui-menu 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) Arno Versini
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @versini/ui-menu
+
+A simple menu component for React.

package/dist/components/Menu/Menu.js

@@ -0,0 +1,119 @@
+import { jsxs as J, jsx as i } from "react/jsx-runtime";
+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";
+import fe, { forwardRef as N, useState as f, useRef as g, useContext as de, useEffect as v } from "react";
+import { MenuContext as F } from "./MenuContext.js";
+const I = (e) => {
+  if (typeof e == "string")
+    return e;
+  if (typeof e == "function")
+    return e.displayName || e.name || "Component";
+  if (typeof e == "object" && e !== null && "type" in e) {
+    const t = e.type;
+    if (typeof t == "function" || typeof t == "object")
+      return t.displayName || t.name || "Component";
+  }
+  return "Element";
+}, R = N(
+  ({
+    trigger: e,
+    children: t,
+    label: b = "Open menu",
+    defaultPlacement: x = "bottom-start",
+    onOpenChange: s,
+    spacing: M,
+    mode: h = "system",
+    focusMode: k = "system",
+    ...w
+  }, P) => {
+    const [o, d] = f(!1), [E, j] = f(!1), [c, u] = f(null), m = g([]), p = g([]), T = de(F), n = K(), l = Q(), L = V(), { floatingStyles: A, refs: y, context: r } = W({
+      nodeId: l,
+      open: o,
+      onOpenChange: (a) => {
+        d(a), s == null || s(a);
+      },
+      placement: x,
+      strategy: "fixed",
+      middleware: [X({ mainAxis: 10 }), Y(), Z()],
+      whileElementsMounted: $
+    }), B = O(r, {
+      event: "mousedown",
+      toggle: !0,
+      ignoreMouse: !1
+    }), D = ee(r, { role: "menu" }), S = te(r, { bubbles: !0 }), _ = se(r, {
+      listRef: m,
+      activeIndex: c,
+      nested: !1,
+      onNavigate: u,
+      loop: !0
+    }), H = oe(r, {
+      listRef: p,
+      onMatch: o ? u : void 0,
+      activeIndex: c
+    }), { getReferenceProps: U, getFloatingProps: q, getItemProps: z } = ne([B, D, S, _, H]), C = I(e) === "Button" || I(e) === "ButtonIcon", G = fe.cloneElement(e, {
+      mode: h,
+      focusMode: k,
+      spacing: M,
+      noInternalClick: C,
+      "aria-label": b,
+      "data-open": o ? "" : void 0,
+      "data-focus-inside": E ? "" : void 0,
+      ref: ie([y.setReference, L.ref, P]),
+      ...U(
+        T.getItemProps({
+          ...w
+        })
+      )
+    });
+    return v(() => {
+      if (!n)
+        return;
+      function a() {
+        d(!1), s == null || s(!1);
+      }
+      return n.events.on("click", a), () => {
+        n.events.off("click", a);
+      };
+    }, [n, s]), v(() => {
+      o && n && n.events.emit("menuopen", { nodeId: l });
+    }, [n, o, l]), /* @__PURE__ */ J(re, { id: l, children: [
+      G,
+      /* @__PURE__ */ i(
+        F.Provider,
+        {
+          value: {
+            activeIndex: c,
+            setActiveIndex: u,
+            getItemProps: z,
+            setHasFocusInside: j,
+            isOpen: o
+          },
+          children: /* @__PURE__ */ i(ae, { elementsRef: m, labelsRef: p, children: o && /* @__PURE__ */ i(le, { children: /* @__PURE__ */ i(
+            ce,
+            {
+              context: r,
+              modal: !1,
+              initialFocus: 0,
+              returnFocus: !0,
+              children: /* @__PURE__ */ i(
+                "div",
+                {
+                  ref: y.setFloating,
+                  className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
+                  style: A,
+                  ...q(),
+                  children: t
+                }
+              )
+            }
+          ) }) })
+        }
+      )
+    ] });
+  }
+), me = N((e, t) => /* @__PURE__ */ i(ue, { children: /* @__PURE__ */ i(R, { ...e, ref: t }) }));
+me.displayName = "Menu";
+R.displayName = "MenuComponent";
+export {
+  me as Menu,
+  R as MenuComponent
+};

package/dist/components/Menu/MenuContext.js

@@ -0,0 +1,14 @@
+import * as e from "react";
+const t = e.createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  /* v8 ignore next 2 */
+  setActiveIndex: () => {
+  },
+  setHasFocusInside: () => {
+  },
+  isOpen: !1
+});
+export {
+  t as MenuContext
+};

package/dist/components/Menu/MenuItem.js

@@ -0,0 +1,42 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useListItem as f, useFloatingTree as b, useMergeRefs as x } from "@floating-ui/react";
+import g from "clsx";
+import * as c from "react";
+import { MenuContext as I } from "./MenuContext.js";
+const y = c.forwardRef(({ label: t, disabled: r, icon: n, ...e }, d) => {
+  const u = c.useContext(I), i = f({ label: r ? null : t }), s = b();
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ...e,
+      ref: x([i.ref, d]),
+      role: "menuitem",
+      className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 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 sm:py-1",
+      tabIndex: 0,
+      disabled: r,
+      ...u.getItemProps({
+        onClick(m) {
+          var o;
+          (o = e.onClick) == null || o.call(e, m), s == null || s.events.emit("click");
+        },
+        onFocus(m) {
+          var o;
+          (o = e.onFocus) == null || o.call(e, m), u.setHasFocusInside(!0);
+        }
+      }),
+      children: [
+        n,
+        t && /* @__PURE__ */ a("span", { className: "pl-2", children: t })
+      ]
+    }
+  );
+});
+y.displayName = "MenuItem";
+const h = ({ className: t, ...r }) => {
+  const n = g(t, "my-1 border-t border-border-medium");
+  return /* @__PURE__ */ a("div", { className: n, ...r });
+};
+export {
+  y as MenuItem,
+  h as MenuSeparator
+};

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import * as _versini_ui_private_dist_utilities from '@versini/ui-private/dist/utilities';
+import * as _floating_ui_react from '@floating-ui/react';
+import * as React from 'react';
+import React__default from 'react';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+declare const MenuComponent: React__default.ForwardRefExoticComponent<Omit<{
+    trigger: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    defaultPlacement?: _floating_ui_react.Placement;
+    focusMode?: "dark" | "light" | "system" | "alt-system";
+    mode?: "dark" | "light" | "system" | "alt-system";
+    label?: string;
+    onOpenChange?: (open: boolean) => void;
+} & _versini_ui_private_dist_utilities.SpacingProps & React__default.HTMLProps<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+declare const Menu: React__default.ForwardRefExoticComponent<Omit<{
+    trigger: React__default.ReactNode;
+    children?: React__default.ReactNode;
+    defaultPlacement?: _floating_ui_react.Placement;
+    focusMode?: "dark" | "light" | "system" | "alt-system";
+    mode?: "dark" | "light" | "system" | "alt-system";
+    label?: string;
+    onOpenChange?: (open: boolean) => void;
+} & _versini_ui_private_dist_utilities.SpacingProps & React__default.HTMLProps<HTMLButtonElement>, "ref"> & React__default.RefAttributes<HTMLButtonElement>>;
+
+type MenuItemProps = {
+	/**
+	 * The label to use for the menu item.
+	 */
+	label: string;
+	/**
+	 * Whether or not the menu item is disabled.
+	 * @default false
+	 */
+	disabled?: boolean;
+	/**
+	 * A React component of type Icon to be placed on the left of the label.
+	 */
+	icon?: React__default.ReactNode;
+};
+
+type MenuSeparatorProps = React__default.HTMLAttributes<HTMLDivElement>;
+
+declare const MenuItem: React.ForwardRefExoticComponent<MenuItemProps & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+declare const MenuSeparator: ({ className, ...props }: MenuSeparatorProps) => react_jsx_runtime.JSX.Element;
+
+export { Menu, MenuComponent, MenuItem, MenuSeparator };

package/dist/index.js

@@ -0,0 +1,21 @@
+import { Menu as r, MenuComponent as _ } from "./components/Menu/Menu.js";
+import { MenuItem as t, MenuSeparator as m } from "./components/Menu/MenuItem.js";
+/*!
+  @versini/ui-menu v0.0.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
+    version: "0.0.0",
+    buildTime: "09/17/2024 05:08 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+export {
+  r as Menu,
+  _ as MenuComponent,
+  t as MenuItem,
+  m as MenuSeparator
+};

package/dist/style.css

@@ -0,0 +1 @@
+*,: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]{display:none}*,: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: }@keyframes blink{50%{fill:transparent}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.static{position:static}.fixed{position:fixed}.m-0{margin:0}.m-1{margin:.25rem}.m-10{margin:2.5rem}.m-11{margin:2.75rem}.m-12{margin:3rem}.m-14{margin:3.5rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-20{margin:5rem}.m-24{margin:6rem}.m-28{margin:7rem}.m-3{margin:.75rem}.m-32{margin:8rem}.m-36{margin:9rem}.m-4{margin:1rem}.m-44{margin:11rem}.m-48{margin:12rem}.m-5{margin:1.25rem}.m-52{margin:13rem}.m-56{margin:14rem}.m-6{margin:1.5rem}.m-60{margin:15rem}.m-64{margin:16rem}.m-7{margin:1.75rem}.m-72{margin:18rem}.m-8{margin:2rem}.m-80{margin:20rem}.m-9{margin:2.25rem}.m-96{margin:24rem}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-11{margin-bottom:2.75rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-24{margin-bottom:6rem}.mb-28{margin-bottom:7rem}.mb-3{margin-bottom:.75rem}.mb-32{margin-bottom:8rem}.mb-36{margin-bottom:9rem}.mb-4{margin-bottom:1rem}.mb-44{margin-bottom:11rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-52{margin-bottom:13rem}.mb-56{margin-bottom:14rem}.mb-6{margin-bottom:1.5rem}.mb-60{margin-bottom:15rem}.mb-64{margin-bottom:16rem}.mb-7{margin-bottom:1.75rem}.mb-72{margin-bottom:18rem}.mb-8{margin-bottom:2rem}.mb-80{margin-bottom:20rem}.mb-9{margin-bottom:2.25rem}.mb-96{margin-bottom:24rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-10{margin-left:2.5rem}.ml-11{margin-left:2.75rem}.ml-12{margin-left:3rem}.ml-14{margin-left:3.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-24{margin-left:6rem}.ml-28{margin-left:7rem}.ml-3{margin-left:.75rem}.ml-32{margin-left:8rem}.ml-36{margin-left:9rem}.ml-4{margin-left:1rem}.ml-44{margin-left:11rem}.ml-48{margin-left:12rem}.ml-5{margin-left:1.25rem}.ml-52{margin-left:13rem}.ml-56{margin-left:14rem}.ml-6{margin-left:1.5rem}.ml-60{margin-left:15rem}.ml-64{margin-left:16rem}.ml-7{margin-left:1.75rem}.ml-72{margin-left:18rem}.ml-8{margin-left:2rem}.ml-80{margin-left:20rem}.ml-9{margin-left:2.25rem}.ml-96{margin-left:24rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-11{margin-right:2.75rem}.mr-12{margin-right:3rem}.mr-14{margin-right:3.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-20{margin-right:5rem}.mr-24{margin-right:6rem}.mr-28{margin-right:7rem}.mr-3{margin-right:.75rem}.mr-32{margin-right:8rem}.mr-36{margin-right:9rem}.mr-4{margin-right:1rem}.mr-44{margin-right:11rem}.mr-48{margin-right:12rem}.mr-5{margin-right:1.25rem}.mr-52{margin-right:13rem}.mr-56{margin-right:14rem}.mr-6{margin-right:1.5rem}.mr-60{margin-right:15rem}.mr-64{margin-right:16rem}.mr-7{margin-right:1.75rem}.mr-72{margin-right:18rem}.mr-8{margin-right:2rem}.mr-80{margin-right:20rem}.mr-9{margin-right:2.25rem}.mr-96{margin-right:24rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-32{margin-top:8rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-44{margin-top:11rem}.mt-48{margin-top:12rem}.mt-5{margin-top:1.25rem}.mt-52{margin-top:13rem}.mt-56{margin-top:14rem}.mt-6{margin-top:1.5rem}.mt-60{margin-top:15rem}.mt-64{margin-top:16rem}.mt-7{margin-top:1.75rem}.mt-72{margin-top:18rem}.mt-8{margin-top:2rem}.mt-80{margin-top:20rem}.mt-9{margin-top:2.25rem}.mt-96{margin-top:24rem}.flex{display:flex}.size-5{width:1.25rem;height:1.25rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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)))}.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)))}.bg-none{background-image:none}.p-4{padding:1rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pl-2{padding-left:.5rem}.text-left{text-align:left}.text-base{font-size:1rem;line-height:1.5rem}.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)}.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)))}.focus\:bg-surface-lighter:focus{--tw-bg-opacity: 1;background-color:var(--av-surface-lighter, rgb(226 232 240 / var(--tw-bg-opacity)))}.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)))}@media (min-width: 640px){.sm\:p-2{padding:.5rem}.sm\:py-1{padding-top:.25rem;padding-bottom:.25rem}}

package/package.json

@@ -0,0 +1,55 @@
+{
+	"name": "@versini/ui-menu",
+	"version": "0.0.0",
+	"license": "MIT",
+	"author": "Arno Versini",
+	"publishConfig": {
+		"access": "public"
+	},
+	"homepage": "https://github.com/aversini/ui-components",
+	"repository": {
+		"type": "git",
+		"url": "git@github.com:aversini/ui-components.git"
+	},
+	"type": "module",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build:check": "tsc",
+		"build:js": "vite build",
+		"build:types": "tsup",
+		"build": "npm-run-all --serial clean build:check build:js build:types",
+		"clean": "rimraf dist tmp",
+		"dev:js": "vite build --watch --mode development",
+		"dev:types": "tsup --watch src",
+		"dev": "npm-run-all clean --parallel dev:js dev:types",
+		"lint": "biome lint src",
+		"start": "static-server dist --port 5173",
+		"test:coverage:ui": "vitest --coverage --ui",
+		"test:coverage": "vitest run --coverage",
+		"test:watch": "vitest",
+		"test": "vitest run"
+	},
+	"peerDependencies": {
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@versini/ui-button": "1.1.0",
+		"@versini/ui-icons": "1.12.1",
+		"@versini/ui-styles": "1.9.7"
+	},
+	"dependencies": {
+		"@floating-ui/react": "0.26.24",
+		"@tailwindcss/typography": "0.5.15",
+		"clsx": "2.1.1",
+		"tailwindcss": "3.4.11"
+	},
+	"sideEffects": [
+		"**/*.css"
+	],
+	"gitHead": "c1065c3da576d28ccc484234bb03d0ad24c4d51a"
+}