@orangecheck/ui 0.8.0 → 0.8.2

package/dist/index.js

@@ -4,6 +4,7 @@ var lucideReact = require('lucide-react');
 var Link5 = require('next/link');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
+var router = require('next/router');
 var authClient = require('@orangecheck/auth-client');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -343,7 +344,17 @@ function OcLogoDropdown({
   const [open, setOpen] = react.useState(false);
   const containerRef = react.useRef(null);
   const menuId = react.useId();
+  const router$1 = router.useRouter();
   const currentCategory = findFamilyProperty(current)?.category ?? "hub";
+  function handleTriggerClick(e) {
+    if (e.detail >= 2) {
+      e.preventDefault();
+      setOpen(false);
+      void router$1.push(homeHref);
+      return;
+    }
+    setOpen((v) => !v);
+  }
   react.useEffect(() => {
     if (!open) return;
     function onDoc(e) {
@@ -364,7 +375,7 @@ function OcLogoDropdown({
     "div",
     {
       ref: containerRef,
-      className: "relative " + (className ?? ""),
+      className: "relative inline-flex items-center " + (className ?? ""),
       "data-oc-logo-dropdown": "",
       "data-oc-current-category": currentCategory,
       "data-oc-site-state": siteState,
@@ -376,11 +387,12 @@ function OcLogoDropdown({
             "aria-haspopup": "menu",
             "aria-expanded": open,
             "aria-controls": menuId,
-            "aria-label": "OrangeCheck family \xB7 open property menu",
-            title: "Switch OrangeCheck product",
-            onClick: () => setOpen((v) => !v),
-            className: triggerClassName ?? "group hover:bg-accent/30 -mx-1.5 -my-1 flex min-h-[40px] items-center gap-2 rounded-sm px-1.5 py-1 transition-colors",
+            "aria-label": "OrangeCheck family \xB7 click to open property menu, double-click to go home",
+            title: "single-click \xB7 family menu  \xB7  double-click \xB7 go home",
+            onClick: handleTriggerClick,
+            className: triggerClassName ?? "group hover:bg-accent/30 -mx-1.5 -my-1 flex min-h-[40px] items-center gap-2 rounded-sm px-1.5 py-1 transition-colors " + (open ? "bg-accent/20" : ""),
             "data-oc-logo-dropdown-trigger": "",
+            "data-oc-logo-dropdown-open": open ? "true" : "false",
             children: [
               children,
               /* @__PURE__ */ jsxRuntime.jsx(CategoryChip, { category: currentCategory }),
@@ -389,12 +401,33 @@ function OcLogoDropdown({
                 lucideReact.ChevronDown,
                 {
                   "aria-hidden": true,
-                  className: "text-muted-foreground/70 group-hover:text-foreground/80 h-3.5 w-3.5 shrink-0 transition-transform " + (open ? "rotate-180" : "")
+                  className: "text-muted-foreground/70 group-hover:text-foreground/80 h-3.5 w-3.5 shrink-0 transition-transform duration-200 " + (open ? "rotate-180" : "")
                 }
               )
             ]
           }
         ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          Link5__default.default,
+          {
+            href: homeHref,
+            "aria-label": "go to " + homeHref + " (this site's home)",
+            onClick: () => setOpen(false),
+            tabIndex: open ? 0 : -1,
+            className: "hover:text-primary group/home -ml-1 hidden items-center gap-1 rounded-sm px-1.5 py-1 font-mono text-[9px] tracking-widest uppercase transition-all duration-200 sm:inline-flex " + (open ? "pointer-events-auto translate-x-0 text-muted-foreground/70 opacity-100 hover:bg-accent/30" : "pointer-events-none -translate-x-1 opacity-0"),
+            "data-oc-logo-dropdown-home-hint": "",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                lucideReact.CornerDownLeft,
+                {
+                  "aria-hidden": true,
+                  className: "h-3 w-3 group-hover/home:text-primary " + (open ? "motion-safe:animate-pulse" : "")
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary/70 group-hover/home:text-primary", children: "home" })
+            ]
+          }
+        ),
         open && /* @__PURE__ */ jsxRuntime.jsxs(
           "div",
           {