analytica-frontend-lib 1.1.46 → 1.1.47

package/dist/index.mjs

@@ -6367,6 +6367,7 @@ var useMenuStore = (externalStore) => {
 var VARIANT_CLASSES5 = {
   menu: "bg-background shadow-soft-shadow-1 px-6",
   menu2: "",
+  "menu-overflow": "",
   breadcrumb: "bg-transparent shadow-none !px-0"
 };
 var Menu = forwardRef17(
@@ -6386,7 +6387,7 @@ var Menu = forwardRef17(
     useEffect11(() => {
       setValue(propValue ?? defaultValue);
     }, [defaultValue, propValue, setValue]);
-    const baseClasses = "w-full py-2 flex flex-row items-center justify-center";
+    const baseClasses = variant === "menu-overflow" ? "w-fit py-2 flex flex-row items-center justify-center" : "w-full py-2 flex flex-row items-center justify-center";
     const variantClasses = VARIANT_CLASSES5[variant];
     return /* @__PURE__ */ jsx33(
       "div",
@@ -6407,7 +6408,7 @@ Menu.displayName = "Menu";
 var MenuContent = forwardRef17(
   ({ className, children, variant = "menu", ...props }, ref) => {
     const baseClasses = "w-full flex flex-row items-center gap-2";
-    const variantClasses = variant === "menu2" ? "overflow-x-auto scroll-smooth" : "";
+    const variantClasses = variant === "menu2" || variant === "menu-overflow" ? "overflow-x-auto scroll-smooth" : "";
     return /* @__PURE__ */ jsx33(
       "ul",
       {
@@ -6418,7 +6419,7 @@ var MenuContent = forwardRef17(
           ${variant == "breadcrumb" ? "flex-wrap" : ""}
           ${className ?? ""}
         `,
-        style: variant === "menu2" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
+        style: variant === "menu2" || variant === "menu-overflow" ? { scrollbarWidth: "none", msOverflowStyle: "none" } : void 0,
         ...props,
         children
       }
@@ -6500,6 +6501,31 @@ var MenuItem = forwardRef17(
           ]
         }
       ),
+      "menu-overflow": /* @__PURE__ */ jsxs27(
+        "li",
+        {
+          "data-variant": "menu-overflow",
+          className: `
+            w-fit flex flex-col items-center px-2 pt-4 gap-3 cursor-pointer focus:rounded-sm justify-center hover:bg-background-100 rounded-lg
+            focus:outline-none focus:border-indicator-info focus:border-2
+            ${selectedValue === value ? "" : "pb-4"}
+          `,
+          ...commonProps,
+          children: [
+            /* @__PURE__ */ jsx33(
+              "span",
+              {
+                className: cn(
+                  "flex flex-row items-center gap-2 px-4 text-text-950 text-xs font-bold",
+                  className
+                ),
+                children
+              }
+            ),
+            selectedValue === value && /* @__PURE__ */ jsx33("div", { className: "h-1 w-full bg-primary-950 rounded-lg" })
+          ]
+        }
+      ),
       breadcrumb: /* @__PURE__ */ jsxs27(
         "li",
         {