@orangecheck/app-design 1.2.0 → 1.2.2

package/dist/index.mjs

@@ -19,7 +19,7 @@ import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as TabsPrimitive from '@radix-ui/react-tabs';
 import QRCode from 'qrcode';
-import Link8 from 'next/link';
+import Link8 from 'next/link.js';
 import { useTheme } from 'next-themes';
 
 // src/tokens/index.ts
@@ -5736,7 +5736,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: [
@@ -5785,7 +5785,10 @@ function SiteHeader({
     ] }) : null
   ] });
   const navigation = nav.length > 0 ? /* @__PURE__ */ jsx("nav", { "aria-label": "Main", className: "hidden items-center gap-1 md:flex", children: nav.map(
-    (n) => n.children?.length ? /* @__PURE__ */ jsx(NavDropdown, { item: n }, n.href) : /* @__PURE__ */ jsx(NavLink, { item: n, line: tool }, n.href)
+    (n) => n.children?.length ? /* @__PURE__ */ jsx(NavDropdown, { item: n }, n.href) : (
+      // Between md and lg the family menu and the actions share the row: tighter.
+      /* @__PURE__ */ jsx(NavLink, { item: n, line: tool, className: tool ? void 0 : "md:max-lg:px-2.5" }, n.href)
+    )
   ) }) : null;
   return /* @__PURE__ */ jsx(
     "header",
@@ -5800,7 +5803,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).