@e-burgos/tucu-ui 2.6.0 → 2.7.0

package/components/layouts/macos-layout/macos-sonoma-clean-layout.mjs

@@ -0,0 +1,28 @@
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
+import a from "classnames";
+import { MacOSSonomaToast as s } from "../../macos/sonoma/feedback/macos-sonoma-toast.mjs";
+import { useTheme as c } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as u } from "../../../themes/components/theme-background.mjs";
+function h({
+  children: t,
+  className: r,
+  contentClassName: m
+}) {
+  const { backgroundVariant: e } = c();
+  return /* @__PURE__ */ n("div", { className: a("h-[100vh] w-[100vw] overflow-auto", r), children: [
+    /* @__PURE__ */ o(u, { mode: "absolute", variant: e }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        "data-tucu": "macos-sonoma-content",
+        className: a("relative z-0 h-full w-full", m),
+        children: t
+      }
+    ),
+    /* @__PURE__ */ o(s, {})
+  ] });
+}
+export {
+  h as MacOSSonomaCleanLayout,
+  h as default
+};

package/components/layouts/macos-layout/macos-sonoma-layout.mjs

@@ -0,0 +1,96 @@
+import { jsxs as m, jsx as e, Fragment as v } from "react/jsx-runtime";
+import { useState as O, useEffect as l } from "react";
+import f from "classnames";
+import { useLocation as g } from "react-router-dom";
+import { Logo as k } from "../../logos/logo.mjs";
+import { Hamburger as w } from "../../buttons/hamburger.mjs";
+import { MacOSSonomaLayoutSidebar as c } from "../../macos/sonoma/layout/layout-sidebar-sonoma.mjs";
+import { MacOSSonomaLayoutContent as y } from "../../macos/sonoma/layout/layout-content-sonoma.mjs";
+import { MacOSSonomaToast as C } from "../../macos/sonoma/feedback/macos-sonoma-toast.mjs";
+import { findCurrentPageTitle as L } from "./utils.mjs";
+import { ThemeBackground as M } from "../../../themes/components/theme-background.mjs";
+import { useIsMobile as N } from "../../../hooks/use-is-mobile.mjs";
+import { useTheme as T } from "../../../themes/hooks/use-theme.mjs";
+import { Drawer as j } from "../../dialog/drawer.mjs";
+function Q({
+  children: p,
+  menuItems: t,
+  logo: r,
+  rightButton: i,
+  className: d,
+  headerClassName: u,
+  contentClassName: b
+}) {
+  const { pathname: s } = g(), { isMobile: a } = N(), { backgroundVariant: x } = T(), [n, o] = O(!1), S = L(t, s);
+  return l(() => {
+    a || o(!1);
+  }, [a]), l(() => {
+    a && o(!1);
+  }, [s, a]), /* @__PURE__ */ m(
+    "div",
+    {
+      "data-layout-variant": "sonoma",
+      className: f("flex h-full w-full overflow-hidden relative", d),
+      children: [
+        /* @__PURE__ */ e(M, { mode: "absolute", variant: x }),
+        !a && /* @__PURE__ */ e(c, { menuItems: t, logo: r }),
+        /* @__PURE__ */ e(
+          y,
+          {
+            toolbarCenter: /* @__PURE__ */ e("div", { className: "truncate px-[24px] text-center text-[14px] font-semibold tracking-[0.01em] text-gray-800 dark:text-gray-100", children: S ?? "Overview" }),
+            toolbarLeading: a && r ? /* @__PURE__ */ e(
+              k,
+              {
+                ...r,
+                size: "small",
+                className: f("w-auto shrink-0", r.className)
+              }
+            ) : void 0,
+            toolbarTrailing: a ? /* @__PURE__ */ m(v, { children: [
+              i,
+              t.length > 0 && /* @__PURE__ */ e(
+                w,
+                {
+                  isOpen: n,
+                  variant: "ghost",
+                  size: "small",
+                  onClick: () => o((h) => !h)
+                }
+              )
+            ] }) : i,
+            headerClassName: u,
+            contentClassName: b,
+            children: p
+          }
+        ),
+        /* @__PURE__ */ e(
+          j,
+          {
+            type: "sidebar",
+            position: "left",
+            backdrop: !0,
+            className: "min-[500px]:w-[300px]",
+            isOpen: a && n,
+            setIsOpen: o,
+            onClose: () => o(!1),
+            logo: r,
+            children: /* @__PURE__ */ e(
+              c,
+              {
+                menuItems: t,
+                logo: r,
+                onItemClick: () => o(!1),
+                className: "w-full border-r-0"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(C, {})
+      ]
+    }
+  );
+}
+export {
+  Q as MacOSSonomaLayout,
+  Q as default
+};

package/components/layouts/macos-layout/macos-sonoma-navbar-layout.mjs

@@ -0,0 +1,123 @@
+import { jsxs as l, jsx as a } from "react/jsx-runtime";
+import { useState as g, useEffect as m } from "react";
+import i from "classnames";
+import { useLocation as N } from "react-router-dom";
+import { Logo as k } from "../../logos/logo.mjs";
+import { Hamburger as w } from "../../buttons/hamburger.mjs";
+import { useBreakpoint as S } from "../../../hooks/use-breakpoint.mjs";
+import { HorizontalNavMenu as _ } from "../menus/horizontal-nav-menu.mjs";
+import { MacOSSonomaLayoutSidebar as O } from "../../macos/sonoma/layout/layout-sidebar-sonoma.mjs";
+import { MacOSSonomaToast as z } from "../../macos/sonoma/feedback/macos-sonoma-toast.mjs";
+import { useIsMobile as M } from "../../../hooks/use-is-mobile.mjs";
+import { useTheme as y } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as C } from "../../../themes/components/theme-background.mjs";
+import { Drawer as L } from "../../dialog/drawer.mjs";
+function P({
+  children: c,
+  menuItems: r,
+  logo: o,
+  rightButton: f,
+  className: p,
+  headerClassName: d,
+  contentClassName: b
+}) {
+  const { pathname: u } = N(), { isMobile: t } = M(), x = S(), { backgroundVariant: v } = y(), [n, e] = g(!1), s = ["lg", "xl", "2xl", "3xl", "4xl"].includes(
+    x
+  );
+  return m(() => {
+    t || e(!1);
+  }, [t]), m(() => {
+    t && e(!1);
+  }, [u, t]), /* @__PURE__ */ l(
+    "div",
+    {
+      "data-tucu": "macos-sonoma-navbar-root",
+      "data-layout-variant": "sonoma-navbar",
+      className: i(
+        "flex flex-col h-full w-full overflow-hidden relative",
+        p
+      ),
+      children: [
+        /* @__PURE__ */ a(C, { mode: "absolute", variant: v }),
+        /* @__PURE__ */ l(
+          "header",
+          {
+            "data-tucu": "macos-sonoma-navbar-toolbar",
+            className: i(
+              "relative z-10 flex h-[58px] min-h-[58px] items-center px-[16px]",
+              "bg-(--macos-glass-regular-bg) backdrop-blur-xl",
+              "border-b border-border",
+              d
+            ),
+            children: [
+              o && /* @__PURE__ */ a(
+                k,
+                {
+                  ...o,
+                  size: "small",
+                  className: i("w-auto shrink-0 mr-[16px]", o.className)
+                }
+              ),
+              s && r.length > 0 && /* @__PURE__ */ a("div", { className: "flex-1 min-w-0 flex justify-center", children: /* @__PURE__ */ a(
+                _,
+                {
+                  menuItems: r,
+                  className: "[&_a:not(.active)]:!text-foreground/60 [&_a:not(.active):hover]:!text-foreground [&_a.active]:!text-brand [&_li_li_a.active]:!text-white dark:[&_li_li_a.active]:!text-white [&_span.text-brand]:!text-brand",
+                  dropboxClassName: "bg-(--macos-glass-regular-bg)! backdrop-blur-xl!"
+                }
+              ) }),
+              !s && /* @__PURE__ */ a("div", { className: "flex-1" }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-[8px] shrink-0 ml-[16px]", children: [
+                f,
+                !s && r.length > 0 && /* @__PURE__ */ a(
+                  w,
+                  {
+                    isOpen: n,
+                    variant: "ghost",
+                    size: "small",
+                    onClick: () => e((h) => !h)
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ a(
+          "main",
+          {
+            "data-tucu": "macos-sonoma-navbar-content",
+            className: i("relative z-0 flex-1 overflow-auto", b),
+            children: c
+          }
+        ),
+        /* @__PURE__ */ a(
+          L,
+          {
+            type: "sidebar",
+            position: "left",
+            backdrop: !0,
+            className: "min-[500px]:w-[300px]",
+            isOpen: !s && n,
+            setIsOpen: e,
+            onClose: () => e(!1),
+            logo: o,
+            children: /* @__PURE__ */ a(
+              O,
+              {
+                menuItems: r,
+                logo: o,
+                onItemClick: () => e(!1),
+                className: "w-full border-r-0"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ a(z, {})
+      ]
+    }
+  );
+}
+export {
+  P as MacOSSonomaNavbarLayout,
+  P as default
+};

package/components/layouts/macos-layout/macos-tahoe-clean-layout.mjs

@@ -0,0 +1,21 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import a from "classnames";
+import { MacOSTahoeToast as l } from "../../macos/tahoe/controls/macos-tahoe-toast.mjs";
+import { useTheme as s } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as n } from "../../../themes/components/theme-background.mjs";
+function v({
+  children: r,
+  className: e,
+  contentClassName: t
+}) {
+  const { backgroundVariant: m } = s();
+  return /* @__PURE__ */ i("div", { className: a("h-[100vh] w-[100vw] overflow-auto", e), children: [
+    /* @__PURE__ */ o(n, { mode: "absolute", variant: m }),
+    /* @__PURE__ */ o("div", { className: a("relative z-0 h-full w-full", t), children: r }),
+    /* @__PURE__ */ o(l, {})
+  ] });
+}
+export {
+  v as MacOSTahoeCleanLayout,
+  v as default
+};

package/components/layouts/macos-layout/macos-tahoe-dock-layout.mjs

@@ -0,0 +1,125 @@
+import { jsxs as b, jsx as t } from "react/jsx-runtime";
+import o from "classnames";
+import { useLocation as f } from "react-router-dom";
+import { useState as h } from "react";
+import { Logo as g } from "../../logos/logo.mjs";
+import { MacOSTahoeLayoutContent as k } from "../../macos/tahoe/layout/layout-content-tahoe.mjs";
+import { MacOSTahoeDock as v } from "../../macos/tahoe/layout/dock-tahoe.mjs";
+import { findCurrentPageTitle as w } from "./utils.mjs";
+import { useIsMobile as y } from "../../../hooks/use-is-mobile.mjs";
+import { useTheme as T } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as N } from "../../../themes/components/theme-background.mjs";
+function H({
+  children: s,
+  menuItems: r,
+  logo: e,
+  rightButton: l,
+  className: c,
+  headerClassName: m,
+  contentClassName: d
+}) {
+  const { pathname: p } = f(), { isMobile: i } = y(), { backgroundVariant: u } = T(), [a, n] = h(!0), x = w(r, p);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      "data-tucu": "macos-tahoe-root",
+      "data-layout-variant": "tahoe-dock",
+      className: o(
+        "flex h-full w-full overflow-hidden relative bg-transparent p-[12px] min-[500px]:p-[16px]",
+        c
+      ),
+      children: [
+        /* @__PURE__ */ t(N, { mode: "absolute", variant: u }),
+        /* @__PURE__ */ t(
+          k,
+          {
+            toolbarCenter: /* @__PURE__ */ t(
+              "div",
+              {
+                "data-tucu": "macos-tahoe-toolbar-center",
+                className: "truncate px-[24px] text-center text-[14px] font-semibold tracking-[0.01em] text-(--macos-tahoe-text)",
+                children: x ?? "Overview"
+              }
+            ),
+            toolbarLeading: e ? /* @__PURE__ */ t(
+              g,
+              {
+                ...e,
+                size: "small",
+                className: o("w-auto shrink-0", e.className)
+              }
+            ) : void 0,
+            toolbarTrailing: l,
+            headerClassName: m,
+            contentClassName: d,
+            className: o(
+              "transition-[margin] duration-300 ease-in-out",
+              a ? "mb-[56px]" : "mb-[0px]"
+            ),
+            children: s
+          }
+        ),
+        /* @__PURE__ */ t(
+          "div",
+          {
+            "data-tucu": "tahoe-dock-wrapper",
+            className: o(
+              "fixed bottom-[12px] left-1/2 z-50 -translate-x-1/2 transition-all duration-300",
+              a ? "translate-y-0 opacity-100" : "translate-y-full opacity-0 pointer-events-none"
+            ),
+            children: /* @__PURE__ */ t(
+              v,
+              {
+                items: r,
+                showTooltips: !i,
+                magnification: !i,
+                inline: !0,
+                showHideButton: !0,
+                onHide: () => n(!1)
+              }
+            )
+          }
+        ),
+        !a && /* @__PURE__ */ t(
+          "button",
+          {
+            type: "button",
+            "aria-label": "Show dock",
+            onClick: () => n(!0),
+            className: o(
+              "fixed bottom-[12px] left-1/2 z-50 -translate-x-1/2",
+              "flex h-[40px] w-[56px] items-center justify-center rounded-[16px]",
+              "bg-(--macos-glass-regular-bg) backdrop-blur-[68px] backdrop-saturate-[1.8]",
+              "border border-(--macos-glass-border)",
+              "shadow-(--macos-glass-shadow,0_4px_16px_rgba(0,0,0,0.12))",
+              "transition-all duration-300 hover:scale-105 hover:bg-(--macos-glass-prominent-bg)",
+              "animate-in fade-in slide-in-from-bottom-2 duration-300"
+            ),
+            children: /* @__PURE__ */ t(
+              "svg",
+              {
+                className: "h-[20px] w-[20px] text-(--macos-tahoe-text-muted)",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                stroke: "currentColor",
+                strokeWidth: 1.5,
+                children: /* @__PURE__ */ t(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    d: "M4.5 15.75l7.5-7.5 7.5 7.5"
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  H as MacOSTahoeDockLayout,
+  H as default
+};

package/components/layouts/macos-layout/macos-tahoe-layout.mjs

@@ -0,0 +1,105 @@
+import { jsxs as n, jsx as e, Fragment as O } from "react/jsx-runtime";
+import { useState as T, useEffect as m } from "react";
+import c from "classnames";
+import { useLocation as g } from "react-router-dom";
+import { Logo as k } from "../../logos/logo.mjs";
+import { Hamburger as C } from "../../buttons/hamburger.mjs";
+import { MacOSTahoeLayoutSidebar as p } from "../../macos/tahoe/layout/layout-sidebar-tahoe.mjs";
+import { MacOSTahoeLayoutContent as S } from "../../macos/tahoe/layout/layout-content-tahoe.mjs";
+import { MacOSTahoeToast as w } from "../../macos/tahoe/controls/macos-tahoe-toast.mjs";
+import { findCurrentPageTitle as N } from "./utils.mjs";
+import { useIsMobile as L } from "../../../hooks/use-is-mobile.mjs";
+import { useTheme as M } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as y } from "../../../themes/components/theme-background.mjs";
+import { DrawerContainer as z } from "../../dialog/drawer-container.mjs";
+function Q({
+  children: f,
+  menuItems: r,
+  logo: o,
+  rightButton: i,
+  className: d,
+  headerClassName: u,
+  contentClassName: h
+}) {
+  const { pathname: s } = g(), { isMobile: a } = L(), { backgroundVariant: b } = M(), [l, t] = T(!1), x = N(r, s);
+  return m(() => {
+    a || t(!1);
+  }, [a]), m(() => {
+    a && t(!1);
+  }, [s, a]), /* @__PURE__ */ n(
+    "div",
+    {
+      "data-tucu": "macos-tahoe-root",
+      "data-layout-variant": "tahoe",
+      className: c(
+        "flex h-full w-full overflow-hidden relative bg-transparent p-[12px] min-[500px]:p-[16px]",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ e(y, { mode: "absolute", variant: b }),
+        !a && /* @__PURE__ */ e(p, { menuItems: r, logo: o }),
+        /* @__PURE__ */ e(
+          S,
+          {
+            toolbarCenter: /* @__PURE__ */ e(
+              "div",
+              {
+                "data-tucu": "macos-tahoe-toolbar-center",
+                className: "truncate px-[24px] text-center text-[14px] font-semibold tracking-[0.01em] text-(--macos-tahoe-text)",
+                children: x ?? "Overview"
+              }
+            ),
+            toolbarLeading: a && o ? /* @__PURE__ */ e(
+              k,
+              {
+                ...o,
+                size: "small",
+                className: c("w-auto shrink-0", o.className)
+              }
+            ) : void 0,
+            toolbarTrailing: a ? /* @__PURE__ */ n(O, { children: [
+              i,
+              r.length > 0 && /* @__PURE__ */ e(
+                C,
+                {
+                  isOpen: l,
+                  variant: "ghost",
+                  size: "small",
+                  onClick: () => t((v) => !v)
+                }
+              )
+            ] }) : i,
+            headerClassName: u,
+            contentClassName: h,
+            children: f
+          }
+        ),
+        /* @__PURE__ */ e(
+          z,
+          {
+            isOpen: a && l,
+            setIsOpen: t,
+            position: "left",
+            backdrop: !1,
+            backdropClassName: "backdrop-blur-[2px] bg-transparent",
+            children: /* @__PURE__ */ e("div", { className: "relative h-full w-full", children: /* @__PURE__ */ e("div", { className: "pointer-events-none relative z-10 flex h-full w-full items-stretch p-[12px] min-[500px]:p-[16px]", children: /* @__PURE__ */ e(
+              p,
+              {
+                menuItems: r,
+                logo: o,
+                mobile: !0,
+                onClose: () => t(!1),
+                onItemClick: () => t(!1)
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ e(w, {})
+      ]
+    }
+  );
+}
+export {
+  Q as MacOSTahoeLayout,
+  Q as default
+};

package/components/layouts/macos-layout/macos-tahoe-navbar-layout.mjs

@@ -0,0 +1,138 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as N, useEffect as p } from "react";
+import r from "classnames";
+import { useLocation as g } from "react-router-dom";
+import { Logo as k } from "../../logos/logo.mjs";
+import { Hamburger as w } from "../../buttons/hamburger.mjs";
+import { useBreakpoint as _ } from "../../../hooks/use-breakpoint.mjs";
+import { HorizontalNavMenu as z } from "../menus/horizontal-nav-menu.mjs";
+import { MacOSTahoeLayoutSidebar as O } from "../../macos/tahoe/layout/layout-sidebar-tahoe.mjs";
+import { MacOSTahoeToast as S } from "../../macos/tahoe/controls/macos-tahoe-toast.mjs";
+import { useIsMobile as C } from "../../../hooks/use-is-mobile.mjs";
+import { useTheme as M } from "../../../themes/hooks/use-theme.mjs";
+import { ThemeBackground as T } from "../../../themes/components/theme-background.mjs";
+import { DrawerContainer as y } from "../../dialog/drawer-container.mjs";
+function P({
+  children: c,
+  menuItems: o,
+  logo: t,
+  rightButton: m,
+  className: d,
+  headerClassName: x,
+  contentClassName: b
+}) {
+  const { pathname: f } = g(), { isMobile: l } = C(), u = _(), { backgroundVariant: h } = M(), [s, a] = N(!1), i = ["lg", "xl", "2xl", "3xl", "4xl"].includes(
+    u
+  );
+  return p(() => {
+    l || a(!1);
+  }, [l]), p(() => {
+    l && a(!1);
+  }, [f, l]), /* @__PURE__ */ n(
+    "div",
+    {
+      "data-tucu": "macos-tahoe-navbar-root",
+      "data-layout-variant": "tahoe-navbar",
+      className: r(
+        "flex flex-col h-full w-full overflow-hidden relative bg-transparent p-[12px] min-[500px]:p-[16px]",
+        d
+      ),
+      children: [
+        /* @__PURE__ */ e(T, { mode: "absolute", variant: h }),
+        /* @__PURE__ */ n(
+          "header",
+          {
+            "data-tucu": "macos-tahoe-navbar-toolbar",
+            className: r(
+              "relative z-10 flex h-[58px] min-h-[58px] items-center px-[16px] rounded-t-[16px]",
+              "bg-(--macos-tahoe-panel-bg) backdrop-blur-xl",
+              "border-t border-r border-l border-border",
+              "text-foreground",
+              x
+            ),
+            children: [
+              t && /* @__PURE__ */ e(
+                k,
+                {
+                  ...t,
+                  size: "small",
+                  className: r("w-auto shrink-0 mr-[16px]", t.className)
+                }
+              ),
+              i && o.length > 0 && /* @__PURE__ */ e("div", { className: "flex-1 min-w-0 flex justify-center", children: /* @__PURE__ */ e(
+                z,
+                {
+                  menuItems: o,
+                  className: "[&_a:not(.active)]:!text-foreground/60 [&_a:not(.active):hover]:!text-foreground [&_a.active]:!text-brand [&_li_li_a.active]:!text-white dark:[&_li_li_a.active]:!text-white [&_span.text-brand]:!text-brand",
+                  dropboxClassName: "bg-(--macos-tahoe-panel-bg)! backdrop-blur-xl!"
+                }
+              ) }),
+              !i && /* @__PURE__ */ e("div", { className: "flex-1" }),
+              /* @__PURE__ */ n("div", { className: "flex items-center gap-[8px] shrink-0 ml-[16px]", children: [
+                m,
+                !i && o.length > 0 && /* @__PURE__ */ e(
+                  w,
+                  {
+                    isOpen: s,
+                    variant: "ghost",
+                    size: "small",
+                    onClick: () => a((v) => !v)
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: r(
+              "relative z-0 flex-1 overflow-hidden rounded-b-[16px]",
+              "border border-border"
+            ),
+            children: [
+              /* @__PURE__ */ e("div", { className: "absolute inset-0 bg-(--macos-tahoe-toolbar-bg)/60 backdrop-blur-md rounded-b-[16px] pointer-events-none z-0" }),
+              /* @__PURE__ */ e(
+                "main",
+                {
+                  "data-tucu": "macos-tahoe-navbar-content",
+                  className: r(
+                    "relative z-[1] h-full overflow-auto",
+                    "text-foreground",
+                    b
+                  ),
+                  children: /* @__PURE__ */ e("div", { className: "px-[20px] pb-[20px] pt-[20px] min-[500px]:px-[28px] min-[500px]:pb-[28px] [&>*]:max-w-none", children: c })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          y,
+          {
+            isOpen: !i && s,
+            setIsOpen: a,
+            position: "left",
+            backdrop: !1,
+            backdropClassName: "backdrop-blur-[2px] bg-transparent",
+            children: /* @__PURE__ */ e("div", { className: "relative h-full w-full", children: /* @__PURE__ */ e("div", { className: "pointer-events-none relative z-10 flex h-full w-full items-stretch p-[12px] min-[500px]:p-[16px]", children: /* @__PURE__ */ e(
+              O,
+              {
+                menuItems: o,
+                logo: t,
+                mobile: !0,
+                onClose: () => a(!1),
+                onItemClick: () => a(!1)
+              }
+            ) }) })
+          }
+        ),
+        /* @__PURE__ */ e(S, {})
+      ]
+    }
+  );
+}
+export {
+  P as MacOSTahoeNavbarLayout,
+  P as default
+};

package/components/layouts/macos-layout/utils.mjs

@@ -0,0 +1,27 @@
+function f(t, e, i = !1) {
+  if (t === e)
+    return !0;
+  if (!i)
+    return !1;
+  const n = e.length > 1 && e.endsWith("/") ? e.slice(0, -1) : e;
+  return !n || n === "/" ? t === n : t.startsWith(`${n}/`);
+}
+function u(t, e) {
+  for (const i of t) {
+    if (i.hide) continue;
+    const n = i.dropdownItems?.filter((r) => !r.hide) ?? [], s = n.find(
+      (r) => r.isActive || f(e, r.path, !0)
+    );
+    if (s)
+      return s.name;
+    if (i.isActive || i.path === e || n.some(
+      (r) => r.isActive || f(e, r.path, !0)
+    ))
+      return i.name;
+  }
+  return null;
+}
+export {
+  u as findCurrentPageTitle,
+  f as matchesPath
+};