@blakesteve/roster 4.12.1 → 4.13.0

package/dist/components/organisms/Dialog/Dialog.js

@@ -0,0 +1,151 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { Fragment as a } from "react";
+import { FontAwesomeIcon as v } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faXmark as b } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cva as e } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as t } from "../../../lib/utils.js";
+import { Dialog as x, DialogBackdrop as y, DialogPanel as u, DialogTitle as h } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { Transition as w, TransitionChild as n } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+const k = /* @__PURE__ */ e(
+  "rst:relative rst:w-full rst:transform rst:overflow-hidden rst:rounded-2xl rst:p-6 rst:text-left rst:align-middle rst:elevation-overlay rst:transition-all rst:border",
+  {
+    variants: {
+      size: {
+        xs: "rst:max-w-xs",
+        sm: "rst:max-w-sm",
+        md: "rst:max-w-md",
+        lg: "rst:max-w-lg",
+        xl: "rst:max-w-xl",
+        "2xl": "rst:max-w-2xl",
+        "3xl": "rst:max-w-3xl",
+        full: "rst:max-w-[95vw] rst:m-4"
+      },
+      variant: {
+        /* `white` is the neutral surface, so it is the one that reads
+           `--roster-popover-*`. The tokens default to exactly the values this
+           variant already used, in both schemes, so nothing moves for a
+           consumer who sets none of them. The other three name a specific
+           surface and stay opinionated — a token that meant something
+           different inside each name would not be a token. */
+        white: "rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",
+        /* These two carry their own ring, because they are the two that invert.
+                   `--roster-ring` and `--roster-ring-offset` are declared once at
+                   `:root` and once under `.dark`, so they follow the PAGE — and on a
+                   light page that hands a dark panel the light-mode ring, primary-500
+                   on gray-700: 1.61:1, which is not a focus indicator. A consumer found
+                   it by saying the focus "was just not noticeable".
+        
+                   So the variant states what it knows: it is dark regardless of the
+                   page. primary-400 gives 3.80 on the light-mode slate and 6.47 on the
+                   dark one, 4.04 and 6.75 on `primary`. The offset is set to each
+                   surface's own color so the gap between border and ring reads as a
+                   gap rather than as a stray white or black line — the offset was the
+                   most visible part of the indicator before, at 10.27:1 against slate
+                   while the ring itself sat at 1.61.
+        
+                   The `--roster-control-*` trio rides along for the same reason, and
+                   fixing only the ring would have been worse than fixing neither: an
+                   `outline` field on these panels draws `--roster-control-text`, which
+                   is `:root`'s gray-900 on a light page — 1.70:1 on slate, 1.60:1 on
+                   primary. That has been true of `Input` since 4.8.0 and was about to
+                   become true of `Textarea`, which previously drew its own white box
+                   and so escaped it. A correct focus ring around illegible text is not
+                   an improvement. Inverted values give 9.42 / 16.03 for the text and
+                   4.07 / 6.93 for the border.
+        
+                   `white` and `glass` are not here on purpose: both follow the page's
+                   scheme, so the page-level tokens are already right for them. */
+        slate: "rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-gray-700,#44403c)] rst:dark:[--roster-ring-offset:var(--roster-gray-900,#1c1917)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",
+        primary: "rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900 rst:[--roster-ring:var(--roster-primary-400,#5ea3de)] rst:[--roster-ring-offset:var(--roster-primary-700,#084063)] rst:dark:[--roster-ring-offset:var(--roster-primary-950,#021724)] rst:[--roster-control-text:var(--roster-gray-100,#f5f5f4)] rst:[--roster-control-border:var(--roster-gray-400,#a8a29e)] rst:[--roster-control-border-focus:var(--roster-primary-400,#5ea3de)]",
+        glass: "rst:bg-white/80 rst:border-white/20 rst:backdrop-blur-xl rst:text-gray-900 rst:dark:bg-slate-900/80 rst:dark:border-slate-700/50 rst:dark:text-white"
+      },
+      status: {
+        default: "",
+        destructive: "rst:border-t-4 rst:border-t-error-500",
+        success: "rst:border-t-4 rst:border-t-success-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "white",
+      status: "default"
+    }
+  }
+), N = /* @__PURE__ */ e("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), T = /* @__PURE__ */ e("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), F = /* @__PURE__ */ e(
+  "rst:inline-flex rst:size-11 rst:shrink-0 rst:items-center rst:justify-center rst:-m-3 rst:cursor-pointer rst:rounded-md rst:bg-transparent rst:text-inherit rst:opacity-50 rst:hover:opacity-100 rst:focus:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background rst:transition-opacity"
+), K = ({
+  isOpen: d,
+  onClose: o,
+  title: c,
+  description: i,
+  size: m,
+  variant: l,
+  status: f,
+  children: g,
+  className: p
+}) => /* @__PURE__ */ r(w, { appear: !0, show: d, as: a, children: /* @__PURE__ */ s(x, { as: "div", className: "rst:font-ui rst:relative rst:z-50", onClose: o, children: [
+  /* @__PURE__ */ r(
+    n,
+    {
+      as: a,
+      enter: "rst:ease-out rst:duration-300",
+      enterFrom: "rst:opacity-0",
+      enterTo: "rst:opacity-100",
+      leave: "rst:ease-in rst:duration-200",
+      leaveFrom: "rst:opacity-100",
+      leaveTo: "rst:opacity-0",
+      children: /* @__PURE__ */ r(
+        y,
+        {
+          className: t(
+            "rst:fixed rst:inset-0 rst:transition-opacity",
+            l === "glass" ? "rst:bg-slate-900/40 rst:dark:bg-black/60" : "rst:bg-slate-900/60 rst:dark:bg-black/80 rst:backdrop-blur-sm"
+          )
+        }
+      )
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: "rst:fixed rst:inset-0 rst:overflow-y-auto", children: /* @__PURE__ */ r("div", { className: "rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center", children: /* @__PURE__ */ r(
+    n,
+    {
+      as: a,
+      enter: "rst:ease-out rst:duration-300",
+      enterFrom: "rst:opacity-0 rst:scale-95",
+      enterTo: "rst:opacity-100 rst:scale-100",
+      leave: "rst:ease-in rst:duration-200",
+      leaveFrom: "rst:opacity-100 rst:scale-100",
+      leaveTo: "rst:opacity-0 rst:scale-95",
+      children: /* @__PURE__ */ s(
+        u,
+        {
+          className: t(
+            k({ size: m, variant: l, status: f }),
+            p
+          ),
+          children: [
+            /* @__PURE__ */ s("div", { className: "rst:flex rst:items-start rst:justify-between", children: [
+              /* @__PURE__ */ s("div", { children: [
+                /* @__PURE__ */ r(h, { as: "h2", className: t(N()), children: c }),
+                i && /* @__PURE__ */ r("p", { className: t(T()), children: i })
+              ] }),
+              /* @__PURE__ */ r("div", { className: "rst:ml-4 rst:flex rst:shrink-0", children: /* @__PURE__ */ r(
+                "button",
+                {
+                  type: "button",
+                  onClick: o,
+                  className: t(F()),
+                  "aria-label": "Close dialog",
+                  children: /* @__PURE__ */ r(v, { icon: b, className: "rst:h-5 rst:w-5" })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ r("div", { className: "rst:mt-6", children: g })
+          ]
+        }
+      )
+    }
+  ) }) })
+] }) });
+export {
+  K as Dialog
+};

package/dist/components/organisms/Footer/Footer.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react"),u=require("../../../lib/utils.cjs"),h=require("./footer-variants.cjs"),s=m.forwardRef(({className:a,variant:o,companyName:i="Ball Collaborative",links:r,routerElement:n,...c},l)=>{const x=new Date().getFullYear(),f=n??"a";return t.jsx("footer",{ref:l,className:u.cn(h.footerVariants({variant:o}),a),...c,children:t.jsxs("div",{className:"rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2",children:[r&&r.length>0&&t.jsx("nav",{"aria-label":"Footer navigation",className:"rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1",children:r.map(e=>t.jsx(f,{href:e.href,to:e.href,className:"rst:text-sm rst:text-inherit rst:opacity-70 rst:hover:opacity-100 rst:transition-opacity",children:e.label},e.href))}),t.jsxs("p",{className:"rst:text-center rst:text-sm rst:font-medium rst:text-inherit",children:["© ",x," ",i,", All rights reserved."]})]})})});s.displayName="Footer";exports.Footer=s;

package/dist/components/organisms/Footer/Footer.js

@@ -0,0 +1,40 @@
+import { jsx as e, jsxs as s } from "react/jsx-runtime";
+import p from "react";
+import { cn as x } from "../../../lib/utils.js";
+import { footerVariants as h } from "./footer-variants.js";
+const d = p.forwardRef(
+  ({ className: a, variant: o, companyName: i = "Ball Collaborative", links: r, routerElement: l, ...c }, n) => {
+    const m = (/* @__PURE__ */ new Date()).getFullYear(), f = l ?? "a";
+    return /* @__PURE__ */ e(
+      "footer",
+      {
+        ref: n,
+        className: x(h({ variant: o }), a),
+        ...c,
+        children: /* @__PURE__ */ s("div", { className: "rst:container rst:mx-auto rst:px-4 rst:flex rst:flex-col rst:items-center rst:gap-2", children: [
+          r && r.length > 0 && /* @__PURE__ */ e("nav", { "aria-label": "Footer navigation", className: "rst:flex rst:flex-wrap rst:justify-center rst:gap-x-5 rst:gap-y-1", children: r.map((t) => /* @__PURE__ */ e(
+            f,
+            {
+              href: t.href,
+              to: t.href,
+              className: "rst:text-sm rst:text-inherit rst:opacity-70 rst:hover:opacity-100 rst:transition-opacity",
+              children: t.label
+            },
+            t.href
+          )) }),
+          /* @__PURE__ */ s("p", { className: "rst:text-center rst:text-sm rst:font-medium rst:text-inherit", children: [
+            "© ",
+            m,
+            " ",
+            i,
+            ", All rights reserved."
+          ] })
+        ] })
+      }
+    );
+  }
+);
+d.displayName = "Footer";
+export {
+  d as Footer
+};

package/dist/components/organisms/Footer/footer-variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=r.cva("rst:font-ui rst:w-full rst:py-6 rst:mt-auto rst:transition-colors rst:duration-200",{variants:{variant:{default:"rst:bg-[var(--roster-footer-bg)] rst:text-[var(--roster-footer-text)] rst:border-t rst:border-[var(--roster-footer-border)]",primary:"rst:bg-primary-900 rst:text-primary-200 rst:dark:bg-primary-950 rst:dark:text-primary-400",transparent:"rst:bg-transparent rst:text-gray-500 rst:dark:text-gray-400"}},defaultVariants:{variant:"default"}});exports.footerVariants=t;

package/dist/components/organisms/Footer/footer-variants.js

@@ -0,0 +1,25 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ r(
+  "rst:font-ui rst:w-full rst:py-6 rst:mt-auto rst:transition-colors rst:duration-200",
+  {
+    variants: {
+      variant: {
+        // Standard elevated surface that matches the app's default backgrounds.
+        // Driven by --roster-footer-* so themed apps can retint it; the tokens
+        // flip under `.dark` and reproduce the previous gray-50 / gray-900/50
+        // pair, alpha included.
+        default: "rst:bg-[var(--roster-footer-bg)] rst:text-[var(--roster-footer-text)] rst:border-t rst:border-[var(--roster-footer-border)]",
+        // Deep brand color for high contrast
+        primary: "rst:bg-primary-900 rst:text-primary-200 rst:dark:bg-primary-950 rst:dark:text-primary-400",
+        // No background or border, text adapts to whatever surface it's placed on
+        transparent: "rst:bg-transparent rst:text-gray-500 rst:dark:text-gray-400"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+export {
+  a as footerVariants
+};

package/dist/components/organisms/Navbar/Navbar.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),u=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),h=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),e=require("../../../lib/utils.cjs"),p=require("../../atoms/Button/Button.cjs"),b=require("../../atoms/Link/Link.cjs"),$=require("../../atoms/Badge/Badge.cjs"),W=require("../../atoms/Avatar/Avatar.cjs"),K=require("../../atoms/Switch/Switch.cjs"),Y=require("./navbar-variants.cjs"),m=require("../../../node_modules/@headlessui/react/dist/components/menu/menu.cjs"),S=require("../../../node_modules/@headlessui/react/dist/components/popover/popover.cjs"),P=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),X=(s,n)=>typeof s=="function"?s({close:n}):s;function Z(s){return f.useSyncExternalStore(n=>{if(!s||typeof document>"u")return()=>{};const o=new MutationObserver(n);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>o.disconnect()},()=>s&&document.documentElement.classList.contains("dark"),()=>!1)}function _({close:s}){return f.useEffect(()=>{const n=o=>{const g=document.querySelector("[data-roster-mobile-panel]"),k=document.querySelector("[data-roster-hamburger]"),d=o.target;!g?.contains(d)&&!k?.contains(d)&&s()};return document.addEventListener("pointerdown",n,{capture:!0}),()=>document.removeEventListener("pointerdown",n,{capture:!0})},[s]),null}function T({activePath:s,close:n}){const o=f.useRef(s);return f.useEffect(()=>{o.current!==s&&(o.current=s,n())},[s,n]),null}const rr=({logoSrc:s,logoSize:n="2rem",logoClassName:o,brandName:g,items:k,activePath:d,routerElement:v,user:i,onLogin:j,onLogout:N,onInboxClick:w,onThemeToggle:y,actions:V,brandElement:z,navActions:G,userMenuItems:B=[],className:H,variant:l="default",position:J="sticky",themeMode:q,notificationVariant:L="error",notificationFill:O="solid",...Q})=>{const C=(i?.notificationCount||0)>0,E=typeof n=="number"?`${n}px`:n,R={width:E,height:E},U=Z(q==="auto"),x=(q==="auto"?U?"dark":"light":q??(l==="white"||l==="default"?"light":"dark"))==="dark",A=l==="slate"||l==="primary"||l==="default"&&x||l==="white"&&x||l==="transparent"&&x,F={brand:A?"rst:text-white rst:dark:text-white rst:hover:text-gray-200 rst:dark:hover:text-gray-200":"rst:text-gray-900 rst:dark:text-gray-900 rst:hover:text-gray-600 rst:dark:hover:text-gray-600",linkBase:A?"rst:text-gray-300 rst:dark:text-gray-300 rst:hover:text-white rst:dark:hover:text-white":"rst:text-gray-600 rst:dark:text-gray-600 rst:hover:text-gray-900 rst:dark:hover:text-gray-900",linkActive:A?"rst:text-primary-400 rst:dark:text-primary-400 rst:font-semibold rst:hover:text-primary-300 rst:dark:hover:text-primary-300":"rst:text-primary-600 rst:dark:text-primary-600 rst:font-semibold rst:hover:text-primary-700 rst:dark:hover:text-primary-700",hamburger:A?"rst:text-gray-300 rst:dark:text-gray-300 rst:hover:bg-white/10 rst:dark:hover:bg-white/10 rst:hover:text-white rst:dark:hover:text-white":"rst:text-gray-500 rst:dark:text-gray-500 rst:hover:bg-gray-100 rst:dark:hover:bg-gray-100 rst:hover:text-gray-700 rst:dark:hover:text-gray-700"};return r.jsx(S.Popover,{as:"nav",className:e.cn("rst:z-50",Y.navbarVariants({variant:l,position:J}),H),...Q,children:({open:D,close:c})=>{const I=X(V,c),M=X(G,c);return r.jsxs(r.Fragment,{children:[r.jsxs("div",{className:"rst:container rst:mx-auto rst:flex rst:items-center rst:justify-between rst:px-4 rst:h-16",children:[r.jsxs(b.Link,{as:v,href:"/",to:"/",variant:"neutral",underline:"none",className:e.cn("rst:flex rst:items-center rst:gap-3 rst:transition-opacity",F.brand),children:[r.jsx("img",{src:s,alt:`${g} Logo`,style:R,className:e.cn("rst:shrink-0",o??"rst:rounded-md")}),z??r.jsx("span",{className:"rst:text-xl rst:font-bold rst:tracking-tight",children:g})]}),r.jsxs("div",{className:"rst:hidden rst:md:flex rst:items-center rst:gap-8",children:[r.jsx("div",{className:"rst:flex rst:items-center rst:gap-6",children:k.map(t=>{const a=d===t.path;return r.jsxs(b.Link,{as:v,href:t.path,to:t.path,variant:"neutral",underline:"none",className:e.cn("rst:inline-flex rst:items-center rst:gap-1.5 rst:text-sm rst:transition-colors rst:duration-200",a?F.linkActive:F.linkBase),children:[t.label,t.badge&&r.jsx("span",{className:"rst:inline-flex",children:t.badge})]},t.path)})}),M,I??(i?r.jsxs(m.Menu,{as:"div",className:"rst:relative rst:ml-2",children:[r.jsxs(m.MenuButton,{className:"rst:relative rst:flex rst:rounded-full rst:text-sm rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",children:[r.jsx("span",{className:"rst:sr-only",children:"Open user menu"}),r.jsx(W.Avatar,{initials:i.initials,src:i.avatarSrc,size:"sm",shape:"circle",colorScheme:i.avatarColor??"primary"}),C&&r.jsx("div",{className:"rst:absolute rst:-top-1 rst:-right-2",children:r.jsx($.Badge,{fill:O,size:"xs",statusBadge:!0,variant:L,children:i.notificationCount})})]}),r.jsx(P.Transition,{as:f.Fragment,enter:"rst:transition rst:ease-out rst:duration-100",enterFrom:"rst:transform rst:opacity-0 rst:scale-95",enterTo:"rst:transform rst:opacity-100 rst:scale-100",leave:"rst:transition rst:ease-in rst:duration-75",leaveFrom:"rst:transform rst:opacity-100 rst:scale-100",leaveTo:"rst:transform rst:opacity-0 rst:scale-95",children:r.jsxs(m.MenuItems,{className:"rst:absolute rst:right-0 rst:z-50 rst:mt-2 rst:w-48 rst:origin-top-right rst:rounded-md rst:bg-white rst:dark:bg-gray-800 rst:py-1 rst:elevation-anchored rst:ring-1 rst:ring-black/5 rst:dark:ring-white/10 rst:focus:outline-hidden rst:divide-y rst:divide-gray-100 rst:dark:divide-gray-700",children:[r.jsxs("div",{className:"rst:py-1",children:[C&&w&&r.jsx(m.MenuItem,{children:({focus:t})=>r.jsxs(p.Button,{variant:"ghost",colorScheme:"neutral",size:"sm",onClick:w,className:e.cn("rst:w-full rst:justify-start rst:rounded-none rst:px-4",t&&"rst:bg-gray-50 rst:dark:bg-gray-700"),startIcon:r.jsx(u.FontAwesomeIcon,{icon:h.faInbox,className:"rst:text-primary-500 rst:w-4"}),children:["Inbox (",i.notificationCount,")"]})}),y&&r.jsx(m.MenuItem,{children:({focus:t})=>r.jsxs("div",{onClick:a=>{a.preventDefault(),y()},role:"button",tabIndex:0,className:e.cn("rst:flex rst:w-full rst:items-center rst:justify-between rst:px-4 rst:py-2 rst:text-sm rst:text-gray-700 rst:dark:text-gray-200 rst:cursor-pointer rst:transition-colors",t&&"rst:bg-gray-50 rst:dark:bg-gray-700"),onKeyDown:a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),y())},children:[r.jsxs("div",{className:"rst:flex rst:items-center rst:gap-2",children:[r.jsx(u.FontAwesomeIcon,{icon:h.faMoon,className:e.cn("rst:w-4 rst:transition-colors",x?"rst:text-amber-500":"rst:text-gray-400")}),r.jsx("span",{className:"rst:font-medium",children:"Dark Mode"})]}),r.jsx(K.Switch,{checked:x,onChange:()=>{},size:"xs",variant:"neutral",className:"rst:pointer-events-none rst:m-0"})]})})]}),B.length>0&&r.jsx("div",{className:"rst:py-1",children:B.map(t=>r.jsx(m.MenuItem,{children:({focus:a})=>r.jsxs(b.Link,{as:v,href:t.path,to:t.path,variant:"neutral",underline:"none",className:e.cn("rst:flex rst:w-full rst:items-center rst:justify-between rst:gap-2 rst:px-4 rst:py-2 rst:text-sm rst:text-gray-700 rst:dark:text-gray-200 rst:transition-colors",a&&"rst:bg-gray-50 rst:dark:bg-gray-700"),children:[t.label,t.badge&&r.jsx("span",{className:"rst:inline-flex",children:t.badge})]})},t.path))}),N&&r.jsx("div",{className:"rst:py-1",children:r.jsx(m.MenuItem,{children:({focus:t})=>r.jsx(p.Button,{variant:"ghost",colorScheme:"neutral",size:"sm",onClick:N,className:e.cn("rst:w-full rst:justify-start rst:rounded-none rst:px-4",t&&"rst:bg-gray-50 rst:dark:bg-gray-700"),startIcon:r.jsx(u.FontAwesomeIcon,{icon:h.faRightFromBracket,className:"rst:text-gray-400 rst:dark:text-gray-500 rst:w-4"}),children:"Log Out"})})})]})})]}):r.jsx(p.Button,{size:"sm",variant:"solid",colorScheme:"primary",onClick:j,children:"Log In"}))]}),r.jsx("div",{"data-roster-hamburger":!0,className:"rst:flex rst:md:hidden",children:r.jsxs(S.PopoverButton,{className:e.cn("rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:focus-visible:outline-hidden rst:focus-visible:ring-2 rst:focus-visible:ring-ring rst:focus-visible:ring-offset-2 rst:ring-offset-background",F.hamburger),children:[r.jsx("span",{className:"rst:sr-only",children:"Open main menu"}),D?r.jsx(u.FontAwesomeIcon,{icon:h.faXmark,className:"rst:block rst:h-6 rst:w-6","aria-hidden":"true"}):r.jsxs("div",{className:"rst:relative",children:[r.jsx(u.FontAwesomeIcon,{icon:h.faBars,className:"rst:block rst:h-6 rst:w-6","aria-hidden":"true"}),C&&r.jsx("span",{className:"rst:absolute rst:top-0 rst:right-0 rst:block rst:h-2.5 rst:w-2.5 rst:rounded-full rst:bg-error-500 rst:ring-2 rst:ring-transparent rst:transform rst:translate-x-1/4 rst:-translate-y-1/4"})]})]})})]}),D&&r.jsx(_,{close:c}),D&&r.jsx(T,{activePath:d,close:c}),r.jsx(P.Transition,{as:f.Fragment,enter:"rst:duration-200 rst:ease-out",enterFrom:"rst:opacity-0 rst:scale-95",enterTo:"rst:opacity-100 rst:scale-100",leave:"rst:duration-100 rst:ease-in",leaveFrom:"rst:opacity-100 rst:scale-100",leaveTo:"rst:opacity-0 rst:scale-95",children:r.jsx(S.PopoverPanel,{focus:!0,className:"rst:absolute rst:top-0 rst:inset-x-0 rst:z-50 rst:origin-top-right rst:transform rst:p-2 rst:transition rst:md:hidden",children:r.jsxs("div",{"data-roster-mobile-panel":!0,className:"rst:rounded-lg rst:elevation-anchored rst:ring-1 rst:ring-black/5 rst:dark:ring-white/10 rst:divide-y rst:divide-gray-100 rst:dark:divide-gray-700 rst:bg-white rst:dark:bg-gray-800",children:[r.jsxs("div",{className:"rst:px-5 rst:pt-5 rst:pb-6",children:[r.jsxs("div",{className:"rst:flex rst:items-center rst:justify-between",children:[r.jsxs("div",{className:"rst:flex rst:items-center rst:gap-3",children:[r.jsx("img",{src:s,alt:g,style:R,className:e.cn("rst:shrink-0",o??"rst:rounded-md")}),z??r.jsx("span",{className:"rst:font-bold rst:text-gray-900 rst:dark:text-white",children:g})]}),r.jsx("div",{className:"rst:-mr-2",children:r.jsxs(S.PopoverButton,{className:"rst:inline-flex rst:items-center rst:justify-center rst:rounded-md rst:p-2 rst:text-gray-400 rst:hover:bg-gray-100 rst:dark:hover:bg-gray-700 rst:hover:text-gray-500 rst:dark:hover:text-white rst:focus:outline-hidden",children:[r.jsx("span",{className:"rst:sr-only",children:"Close menu"}),r.jsx(u.FontAwesomeIcon,{icon:h.faXmark,className:"rst:h-6 rst:w-6","aria-hidden":"true"})]})})]}),r.jsxs("div",{className:"rst:mt-6",children:[M&&r.jsx("div",{className:"rst:mb-4",children:M}),r.jsxs("nav",{className:"rst:grid rst:gap-y-4",children:[k.map(t=>{const a=d===t.path;return r.jsx(b.Link,{as:v,href:t.path,to:t.path,onClick:()=>c(),variant:"neutral",underline:"none",className:e.cn("rst:-m-3 rst:flex rst:items-center rst:rounded-md rst:p-3 rst:transition-colors","rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700",a?"rst:bg-gray-50 rst:dark:bg-gray-700":"rst:text-gray-900 rst:dark:text-gray-100"),children:r.jsxs("span",{className:e.cn("rst:ml-3 rst:inline-flex rst:items-center rst:gap-1.5 rst:text-base rst:font-medium",a?"rst:text-primary-600 rst:dark:text-primary-400 rst:font-bold":"rst:text-gray-900 rst:dark:text-gray-100"),children:[t.label,t.badge&&r.jsx("span",{className:"rst:inline-flex",children:t.badge})]})},t.path)}),i&&B.length>0&&r.jsxs(r.Fragment,{children:[r.jsx("hr",{className:"rst:border-gray-100 rst:dark:border-gray-700"}),B.map(t=>{const a=d===t.path;return r.jsxs(b.Link,{as:v,href:t.path,to:t.path,onClick:()=>c(),variant:"neutral",underline:"none",className:e.cn("rst:-m-3 rst:flex rst:items-center rst:rounded-md rst:p-3 rst:transition-colors","rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700",a?"rst:bg-gray-50 rst:dark:bg-gray-700":"rst:text-gray-900 rst:dark:text-gray-100"),children:[r.jsx("span",{className:e.cn("rst:ml-3 rst:text-base rst:font-medium",a?"rst:text-primary-600 rst:dark:text-primary-400 rst:font-bold":"rst:text-gray-900 rst:dark:text-gray-100"),children:t.label}),t.badge&&r.jsx("span",{className:"rst:ml-2 rst:inline-flex",children:t.badge})]},t.path)})]})]})]})]}),(i||I||j)&&r.jsx("div",{className:"rst:py-6 rst:px-5 rst:space-y-4",children:I||(!i&&j?r.jsx(p.Button,{variant:"solid",colorScheme:"primary",className:"rst:w-full rst:justify-center",onClick:()=>{j(),c()},children:"Log In"}):r.jsxs(r.Fragment,{children:[C&&w&&r.jsx(p.Button,{variant:"ghost",colorScheme:"neutral",onClick:()=>{w?.(),c()},className:"rst:w-full rst:justify-between rst:px-4 rst:text-base rst:font-medium rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700 rst:text-gray-900 rst:dark:text-gray-100",endIcon:r.jsx($.Badge,{fill:O,size:"xs",statusBadge:!0,variant:L,children:i?.notificationCount}),children:"Pending Invitations"}),y&&r.jsxs("div",{onClick:t=>{t.preventDefault(),y()},role:"button",tabIndex:0,onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),y())},className:"rst:flex rst:w-full rst:items-center rst:justify-between rst:rounded-md rst:px-4 rst:py-2 rst:text-base rst:transition-colors rst:cursor-pointer rst:hover:bg-gray-50 rst:dark:hover:bg-gray-700 rst:text-gray-900 rst:dark:text-gray-100",children:[r.jsxs("div",{className:"rst:flex rst:items-center rst:gap-3 rst:font-medium",children:[r.jsx(u.FontAwesomeIcon,{icon:h.faMoon,className:e.cn("rst:w-5 rst:transition-colors",x?"rst:text-amber-500":"rst:text-gray-400")}),r.jsx("span",{children:"Dark Mode"})]}),r.jsx(K.Switch,{checked:x,onChange:()=>{},size:"sm",variant:"neutral",className:"rst:pointer-events-none rst:m-0"})]}),N&&r.jsx(p.Button,{variant:"outline",colorScheme:"error",className:"rst:w-full rst:justify-center",onClick:()=>{N?.(),c()},children:"Log Out"})]}))})]})})})]})}})};exports.Navbar=rr;