@orangecheck/app-design 1.2.0 → 1.2.2

package/dist/index.js

@@ -20,7 +20,7 @@ var PopoverPrimitive = require('@radix-ui/react-popover');
 var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var TabsPrimitive = require('@radix-ui/react-tabs');
 var QRCode = require('qrcode');
-var Link8 = require('next/link');
+var Link8 = require('next/link.js');
 var nextThemes = require('next-themes');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -5771,7 +5771,7 @@ function NavDropdown({ item }) {
       PopoverTrigger,
       {
         className: cn(
-          "group inline-flex items-center gap-1 rounded-full py-2 pl-3 pr-2.5 text-[0.9375rem] transition-colors",
+          "group inline-flex items-center gap-1 rounded-full py-2 pl-3 pr-2.5 text-[0.9375rem] transition-colors md:max-lg:pl-2.5 md:max-lg:pr-2",
           active ? "text-foreground" : "text-muted-foreground hover:text-foreground data-[state=open]:text-foreground"
         ),
         children: [
@@ -5820,7 +5820,10 @@ function SiteHeader({
     ] }) : null
   ] });
   const navigation = nav.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Main", className: "hidden items-center gap-1 md:flex", children: nav.map(
-    (n) => n.children?.length ? /* @__PURE__ */ jsxRuntime.jsx(NavDropdown, { item: n }, n.href) : /* @__PURE__ */ jsxRuntime.jsx(NavLink, { item: n, line: tool }, n.href)
+    (n) => n.children?.length ? /* @__PURE__ */ jsxRuntime.jsx(NavDropdown, { item: n }, n.href) : (
+      // Between md and lg the family menu and the actions share the row: tighter.
+      /* @__PURE__ */ jsxRuntime.jsx(NavLink, { item: n, line: tool, className: tool ? void 0 : "md:max-lg:px-2.5" }, n.href)
+    )
   ) }) : null;
   return /* @__PURE__ */ jsxRuntime.jsx(
     "header",
@@ -5835,7 +5838,7 @@ function SiteHeader({
         {
           className: cn(
             "flex items-center justify-between gap-4",
-            tool ? "h-14 px-4 md:px-6" : "oca-container h-16 md:h-[4.5rem]",
+            tool ? "h-14 px-4 md:px-6" : "oca-container h-16 md:h-[4.5rem] md:max-lg:gap-2",
             // Three columns, the outer two each at least their content: the
             // navigation stays centred whatever the actions hold, so it does
             // not shift when they change (signed out to signed in).