@umami/react-zen 0.149.0 → 0.150.0

package/dist/index.css

@@ -4393,12 +4393,12 @@ body a.Button_button__MDE1O {
 }
 
 /* virtual-css:css:ce310178c027bd5704a97ff6406d1f4f */
-.NavMenu_navmenu__NzU4Y {
+.NavMenu_navmenu__MDVmZ {
   font-size: var(--font-size);
   width: 100%;
   gap: var(--spacing-2);
 }
-.NavMenu_item__MzUzO {
+.NavMenu_item__OWJiY {
   color: var(--font-color-muted);
   gap: var(--gap);
   padding: var(--padding);
@@ -4414,15 +4414,12 @@ body a.Button_button__MDE1O {
     color: var(--font-color);
     background: var(--highlight-color);
   }
-  &.NavMenu_selected__MGM3O {
+  &.NavMenu_selected__ZDRiM {
     color: var(--font-color);
     background: var(--highlight-color);
     font-weight: var(--font-weight-bold);
   }
 }
-.NavMenu_group__NDg1M {
-  gap: var(--gap);
-}
 
 /* virtual-css:css:2684f3f399522c75740ad06c94a6137d */
 .Popover_popover__NDdlY[data-placement=top] {

package/dist/index.d.mts

@@ -517,7 +517,7 @@ interface NavMenuGroupProps extends ColumnProps {
     allowMinimize?: boolean;
     isMinimized?: boolean;
 }
-declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react.JSX.Element;
+declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, gap, ...props }: NavMenuGroupProps): react.JSX.Element;
 interface NavMenuItemProps extends RowProps {
     isSelected?: boolean;
 }

package/dist/index.d.ts

@@ -517,7 +517,7 @@ interface NavMenuGroupProps extends ColumnProps {
     allowMinimize?: boolean;
     isMinimized?: boolean;
 }
-declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, ...props }: NavMenuGroupProps): react.JSX.Element;
+declare function NavMenuGroup({ title, allowMinimize, isMinimized, className, children, gap, ...props }: NavMenuGroupProps): react.JSX.Element;
 interface NavMenuItemProps extends RowProps {
     isSelected?: boolean;
 }

package/dist/index.js

@@ -31441,7 +31441,7 @@ var import_react185 = require("react");
 var import_classnames38 = __toESM(require_classnames());
 
 // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/NavMenu.module.css
-var NavMenu_default = { "navmenu": "NavMenu_navmenu__NzU4Y", "item": "NavMenu_item__MzUzO", "selected": "NavMenu_selected__MGM3O", "group": "NavMenu_group__NDg1M" };
+var NavMenu_default = { "navmenu": "NavMenu_navmenu__MDVmZ", "item": "NavMenu_item__OWJiY", "selected": "NavMenu_selected__ZDRiM" };
 
 // src/components/NavMenu.tsx
 var import_jsx_runtime53 = require("react/jsx-runtime");
@@ -31462,32 +31462,26 @@ function NavMenuGroup({
   isMinimized,
   className,
   children,
+  gap = true,
   ...props
 }) {
   const [minimized, setMinimized] = (0, import_react185.useState)(!!isMinimized);
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-    Column,
-    {
-      ...props,
-      className: (0, import_classnames38.default)(NavMenu_default.group, className, minimized && NavMenu_default.minimized),
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
-          Row,
-          {
-            className: (0, import_classnames38.default)(NavMenu_default.title, NavMenu_default.item),
-            alignItems: "center",
-            justifyContent: "space-between",
-            onClick: () => setMinimized(!minimized),
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { transform: "uppercase", size: "1", weight: "bold", color: true, children: title }),
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { rotate: minimized ? 0 : 90, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {}) })
-            ]
-          }
-        ),
-        !minimized && children
-      ]
-    }
-  );
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(Column, { ...props, gap, className: (0, import_classnames38.default)(className, minimized && NavMenu_default.minimized), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+      Row,
+      {
+        className: (0, import_classnames38.default)(NavMenu_default.title, NavMenu_default.item),
+        alignItems: "center",
+        justifyContent: "space-between",
+        onClick: () => setMinimized(!minimized),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Text, { transform: "uppercase", size: "1", weight: "bold", color: true, children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Icon2, { rotate: minimized ? 0 : 90, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ChevronRight, {}) })
+        ]
+      }
+    ),
+    !minimized && children
+  ] });
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Row, { ...props, className: (0, import_classnames38.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });

package/dist/index.mjs

@@ -31329,7 +31329,7 @@ var import_classnames38 = __toESM(require_classnames());
 import { useState as useState15 } from "react";
 
 // css-modules:/Users/mikecao/Development/umami-software/react-zen/src/components/NavMenu.module.css
-var NavMenu_default = { "navmenu": "NavMenu_navmenu__NzU4Y", "item": "NavMenu_item__MzUzO", "selected": "NavMenu_selected__MGM3O", "group": "NavMenu_group__NDg1M" };
+var NavMenu_default = { "navmenu": "NavMenu_navmenu__MDVmZ", "item": "NavMenu_item__OWJiY", "selected": "NavMenu_selected__ZDRiM" };
 
 // src/components/NavMenu.tsx
 import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
@@ -31350,32 +31350,26 @@ function NavMenuGroup({
   isMinimized,
   className,
   children,
+  gap = true,
   ...props
 }) {
   const [minimized, setMinimized] = useState15(!!isMinimized);
-  return /* @__PURE__ */ jsxs29(
-    Column,
-    {
-      ...props,
-      className: (0, import_classnames38.default)(NavMenu_default.group, className, minimized && NavMenu_default.minimized),
-      children: [
-        /* @__PURE__ */ jsxs29(
-          Row,
-          {
-            className: (0, import_classnames38.default)(NavMenu_default.title, NavMenu_default.item),
-            alignItems: "center",
-            justifyContent: "space-between",
-            onClick: () => setMinimized(!minimized),
-            children: [
-              /* @__PURE__ */ jsx53(Text, { transform: "uppercase", size: "1", weight: "bold", color: true, children: title }),
-              /* @__PURE__ */ jsx53(Icon2, { rotate: minimized ? 0 : 90, children: /* @__PURE__ */ jsx53(ChevronRight, {}) })
-            ]
-          }
-        ),
-        !minimized && children
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxs29(Column, { ...props, gap, className: (0, import_classnames38.default)(className, minimized && NavMenu_default.minimized), children: [
+    /* @__PURE__ */ jsxs29(
+      Row,
+      {
+        className: (0, import_classnames38.default)(NavMenu_default.title, NavMenu_default.item),
+        alignItems: "center",
+        justifyContent: "space-between",
+        onClick: () => setMinimized(!minimized),
+        children: [
+          /* @__PURE__ */ jsx53(Text, { transform: "uppercase", size: "1", weight: "bold", color: true, children: title }),
+          /* @__PURE__ */ jsx53(Icon2, { rotate: minimized ? 0 : 90, children: /* @__PURE__ */ jsx53(ChevronRight, {}) })
+        ]
+      }
+    ),
+    !minimized && children
+  ] });
 }
 function NavMenuItem({ isSelected, className, children, ...props }) {
   return /* @__PURE__ */ jsx53(Row, { ...props, className: (0, import_classnames38.default)(NavMenu_default.item, className, isSelected && NavMenu_default.selected), children });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umami/react-zen",
-  "version": "0.149.0",
+  "version": "0.150.0",
   "description": "Modern, minimalist React component library",
   "author": "Umami <hello@umami.is>",
   "license": "MIT",

package/styles.css

@@ -4711,12 +4711,12 @@ body a.Button_button__MDE1O {
 }
 
 /* virtual-css:css:ce310178c027bd5704a97ff6406d1f4f */
-.NavMenu_navmenu__NzU4Y {
+.NavMenu_navmenu__MDVmZ {
   font-size: var(--font-size);
   width: 100%;
   gap: var(--spacing-2);
 }
-.NavMenu_item__MzUzO {
+.NavMenu_item__OWJiY {
   color: var(--font-color-muted);
   gap: var(--gap);
   padding: var(--padding);
@@ -4732,15 +4732,12 @@ body a.Button_button__MDE1O {
     color: var(--font-color);
     background: var(--highlight-color);
   }
-  &.NavMenu_selected__MGM3O {
+  &.NavMenu_selected__ZDRiM {
     color: var(--font-color);
     background: var(--highlight-color);
     font-weight: var(--font-weight-bold);
   }
 }
-.NavMenu_group__NDg1M {
-  gap: var(--gap);
-}
 
 /* virtual-css:css:2684f3f399522c75740ad06c94a6137d */
 .Popover_popover__NDdlY[data-placement=top] {