@blakesteve/roster 5.0.1 → 5.1.0

package/dist/components/molecules/LiquidTabs/liquid-tab-id.js

@@ -0,0 +1,6 @@
+function n(t, i) {
+  return `${t}-tab-${i}`;
+}
+export {
+  n as liquidTabId
+};

package/dist/components/molecules/Toast/Toaster.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react-hot-toast"),p=require("./Toast.cjs"),T=require("../../atoms/Spinner/Spinner.cjs"),b=require("./toast-api.cjs");function g({position:n="bottom-right",duration:e=4e3,dismissible:a=!0,variant:c="soft",gutter:l,reverseOrder:u,containerClassName:m}){return o.jsx(r.Toaster,{position:n,gutter:l,reverseOrder:u,containerClassName:m,toastOptions:{success:{duration:e},error:{duration:e},blank:{duration:e},custom:{duration:e}},children:s=>{const d=s.className?.split(/\s+/)??[],t=E.find(f=>d.includes(`${b.TONE_PREFIX}${f}`)),i=t?S[t]:v[s.type]??"neutral";return o.jsx(p.Toast,{colorScheme:i,variant:c,icon:s.icon??(s.type==="loading"?o.jsx(T.Spinner,{size:"sm"}):void 0),onDismiss:a?()=>r.toast.dismiss(s.id):void 0,...i==="error"?{role:"alert","aria-live":"assertive"}:s.ariaProps,className:y[s.visible?"in":"out"],children:r.resolveValue(s.message,s)})}})}const E=["info","warning"],S={info:"info",warning:"amber"},v={success:"success",error:"error",loading:"neutral",blank:"neutral",custom:"neutral"},y={in:"rst:motion-safe:animate-in rst:motion-safe:fade-in-0 rst:motion-safe:slide-in-from-bottom-2",out:"rst:opacity-0 rst:transition-opacity rst:duration-200"};exports.Toaster=g;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),t=require("react-hot-toast"),E=require("react"),g=require("react-dom"),q=require("./Toast.cjs"),v=require("../../../internal/popup.cjs"),y=require("../../../internal/page-inert.cjs"),R=require("../../atoms/Spinner/Spinner.cjs"),h=require("./toast-api.cjs");function j({position:i="bottom-right",duration:r=4e3,dismissible:c=!0,variant:a="soft",gutter:u,reverseOrder:l,containerClassName:m}){const{ref:d,inDarkScope:p}=v.useDarkScope(),f=E.useSyncExternalStore(x,O,M),S=s.jsx(t.Toaster,{position:i,gutter:u,reverseOrder:l,containerClassName:m,toastOptions:{success:{duration:r},error:{duration:r},blank:{duration:r},custom:{duration:r}},children:e=>{const T=e.className?.split(/\s+/)??[],o=N.find(b=>T.includes(`${h.TONE_PREFIX}${b}`)),n=o?k[o]:A[e.type]??"neutral";return s.jsx(q.Toast,{colorScheme:n,variant:a,icon:e.icon??(e.type==="loading"?s.jsx(R.Spinner,{size:"sm"}):void 0),onDismiss:c?()=>t.toast.dismiss(e.id):void 0,...n==="error"?{role:"alert","aria-live":"assertive"}:e.ariaProps,className:D[e.visible?"in":"out"],children:t.resolveValue(e.message,e)})}});return s.jsxs(s.Fragment,{children:[s.jsx("span",{ref:d,hidden:!0}),f&&g.createPortal(s.jsx("div",{...y.TOASTER_MARKER,className:p?"dark":void 0,style:{display:"contents"},children:S}),document.body)]})}const x=()=>()=>{},O=()=>!0,M=()=>!1,N=["info","warning"],k={info:"info",warning:"amber"},A={success:"success",error:"error",loading:"neutral",blank:"neutral",custom:"neutral"},D={in:"rst:motion-safe:animate-in rst:motion-safe:fade-in-0 rst:motion-safe:slide-in-from-bottom-2",out:"rst:opacity-0 rst:transition-opacity rst:duration-200"};exports.Toaster=j;

package/dist/components/molecules/Toast/Toaster.d.ts

@@ -29,5 +29,12 @@ export interface ToasterProps extends Pick<HotToasterProps, "position" | "gutter
  * someone else's markup. That is what lets `Toast` be tested and viewed on its
  * own, and what lets a toast carry a title, a dismiss control and the popover
  * tokens.
+ *
+ * Rendered into `<body>` rather than where it is placed, carrying
+ * `data-roster-toaster`. An open `Dialog` or `Sheet` makes every other child of
+ * `<body>` inert and hidden from assistive technology, and a toast host inside
+ * one of them would go silent with it: a "Saved" or a failure fired from the
+ * dialog would be shown and never announced. Where it is placed, it leaves an
+ * empty `<span hidden>`, which is how it carries a scoped `.dark` across.
  */
 export declare function Toaster({ position, duration, dismissible, variant, gutter, reverseOrder, containerClassName, }: ToasterProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/molecules/Toast/Toaster.js

@@ -1,62 +1,84 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Toaster as p, resolveValue as d, toast as E } from "react-hot-toast";
-import { Toast as T } from "./Toast.js";
-import { Spinner as b } from "../../atoms/Spinner/Spinner.js";
-import { TONE_PREFIX as g } from "./toast-api.js";
-function I({
-  position: t = "bottom-right",
-  duration: o = 4e3,
-  dismissible: n = !0,
+import { jsxs as E, Fragment as b, jsx as s } from "react/jsx-runtime";
+import { Toaster as v, resolveValue as T, toast as h } from "react-hot-toast";
+import { useSyncExternalStore as y } from "react";
+import { createPortal as g } from "react-dom";
+import { Toast as N } from "./Toast.js";
+import { useDarkScope as R } from "../../../internal/popup.js";
+import { TOASTER_MARKER as k } from "../../../internal/page-inert.js";
+import { Spinner as O } from "../../atoms/Spinner/Spinner.js";
+import { TONE_PREFIX as A } from "./toast-api.js";
+function B({
+  position: n = "bottom-right",
+  duration: e = 4e3,
+  dismissible: i = !0,
   variant: a = "soft",
   gutter: c,
   reverseOrder: m,
   containerClassName: l
 }) {
-  return /* @__PURE__ */ r(
-    p,
-    {
-      position: t,
-      gutter: c,
-      reverseOrder: m,
-      containerClassName: l,
-      toastOptions: {
-        success: { duration: o },
-        error: { duration: o },
-        blank: { duration: o },
-        custom: { duration: o }
-      },
-      children: (s) => {
-        const f = s.className?.split(/\s+/) ?? [], e = v.find(
-          (u) => f.includes(`${g}${u}`)
-        ), i = e ? N[e] : h[s.type] ?? "neutral";
-        return /* @__PURE__ */ r(
-          T,
-          {
-            colorScheme: i,
-            variant: a,
-            icon: s.icon ?? (s.type === "loading" ? /* @__PURE__ */ r(b, { size: "sm" }) : void 0),
-            onDismiss: n ? () => E.dismiss(s.id) : void 0,
-            ...i === "error" ? { role: "alert", "aria-live": "assertive" } : s.ariaProps,
-            className: O[s.visible ? "in" : "out"],
-            children: d(s.message, s)
-          }
-        );
-      }
-    }
-  );
+  const { ref: u, inDarkScope: f } = R(), p = y(M, x, C);
+  return /* @__PURE__ */ E(b, { children: [
+    /* @__PURE__ */ s("span", { ref: u, hidden: !0 }),
+    p && g(
+      /* `display: contents`, so the wrapper adds no box to `<body>`: the
+         queue inside is `position: fixed` and lays itself out. */
+      /* @__PURE__ */ s(
+        "div",
+        {
+          ...k,
+          className: f ? "dark" : void 0,
+          style: { display: "contents" },
+          children: /* @__PURE__ */ s(
+            v,
+            {
+              position: n,
+              gutter: c,
+              reverseOrder: m,
+              containerClassName: l,
+              toastOptions: {
+                success: { duration: e },
+                error: { duration: e },
+                blank: { duration: e },
+                custom: { duration: e }
+              },
+              children: (o) => {
+                const d = o.className?.split(/\s+/) ?? [], r = D.find(
+                  (S) => d.includes(`${A}${S}`)
+                ), t = r ? _[r] : F[o.type] ?? "neutral";
+                return /* @__PURE__ */ s(
+                  N,
+                  {
+                    colorScheme: t,
+                    variant: a,
+                    icon: o.icon ?? (o.type === "loading" ? /* @__PURE__ */ s(O, { size: "sm" }) : void 0),
+                    onDismiss: i ? () => h.dismiss(o.id) : void 0,
+                    ...t === "error" ? { role: "alert", "aria-live": "assertive" } : o.ariaProps,
+                    className: I[o.visible ? "in" : "out"],
+                    children: T(o.message, o)
+                  }
+                );
+              }
+            }
+          )
+        }
+      ),
+      document.body
+    )
+  ] });
 }
-const v = ["info", "warning"], N = {
+const M = () => () => {
+}, x = () => !0, C = () => !1, D = ["info", "warning"], _ = {
   info: "info",
   /* `amber` is the library's warning color; Alert names it the same way. */
   warning: "amber"
-}, h = {
+}, F = {
   success: "success",
   error: "error",
   loading: "neutral",
   blank: "neutral",
   custom: "neutral"
-}, O = {
+}, I = {
   in: "rst:motion-safe:animate-in rst:motion-safe:fade-in-0 rst:motion-safe:slide-in-from-bottom-2",
   /* Leaving is a transition rather than an `animate-out`: this build ships the
      enter half of the animation utilities and not the exit half, which
@@ -66,5 +88,5 @@ const v = ["info", "warning"], N = {
   out: "rst:opacity-0 rst:transition-opacity rst:duration-200"
 };
 export {
-  I as Toaster
+  B as Toaster
 };

package/dist/components/organisms/Dialog/Dialog.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),v=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),b=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),e=require("../../../node_modules/class-variance-authority/dist/index.cjs"),t=require("../../../lib/utils.cjs"),s=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),o=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),f=e.cva("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:"rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",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"}}),y=e.cva("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"),p=e.cva("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"),h=e.cva("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"),w=({isOpen:c,onClose:i,title:d,description:n,size:m,variant:l,status:x,children:g,className:u})=>r.jsx(o.Transition,{appear:!0,show:c,as:a.Fragment,children:r.jsxs(s.Dialog,{as:"div",className:"rst:font-ui rst:relative rst:z-50",onClose:i,children:[r.jsx(o.TransitionChild,{as:a.Fragment,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:r.jsx(s.DialogBackdrop,{className:t.cn("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")})}),r.jsx("div",{className:"rst:fixed rst:inset-0 rst:overflow-y-auto",children:r.jsx("div",{className:"rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center",children:r.jsx(o.TransitionChild,{as:a.Fragment,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:r.jsxs(s.DialogPanel,{className:t.cn(f({size:m,variant:l,status:x}),u),children:[r.jsxs("div",{className:"rst:flex rst:items-start rst:justify-between",children:[r.jsxs("div",{children:[r.jsx(s.DialogTitle,{as:"h2",className:t.cn(y()),children:d}),n&&r.jsx("p",{className:t.cn(p()),children:n})]}),r.jsx("div",{className:"rst:ml-4 rst:flex rst:shrink-0",children:r.jsx("button",{type:"button",onClick:i,className:t.cn(h()),"aria-label":"Close dialog",children:r.jsx(v.FontAwesomeIcon,{icon:b.faXmark,className:"rst:h-5 rst:w-5"})})})]}),r.jsx("div",{className:"rst:mt-6",children:g})]})})})})]})});exports.Dialog=w;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("react"),p=require("../../../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),h=require("../../../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),o=require("../../../node_modules/class-variance-authority/dist/index.cjs"),s=require("../../../lib/utils.cjs"),j=require("../../../internal/page-inert.cjs"),a=require("../../../node_modules/@headlessui/react/dist/components/dialog/dialog.cjs"),d=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs"),k=o.cva("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:"rst:bg-[var(--roster-popover-bg)] rst:border-[var(--roster-popover-border)] rst:text-[var(--roster-popover-text)]",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"}}),w=o.cva("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"),N=o.cva("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"),q=o.cva("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"),F=({isOpen:u,onClose:i,title:m,description:n,size:x,variant:l,status:g,children:f,className:v})=>{const[b,y]=t.useState(!1);t.useLayoutEffect(()=>{y(!0)},[]);const e=u&&b,c=t.useRef(null);return t.useLayoutEffect(()=>{if(e)return j.lockPage(c.current)},[e]),r.jsxs(r.Fragment,{children:[e&&r.jsx("span",{ref:c,hidden:!0}),r.jsxs(a.Dialog,{open:e,as:"div",className:"rst:font-ui rst:relative rst:z-50",onClose:i,children:[r.jsx(d.TransitionChild,{as:t.Fragment,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:r.jsx(a.DialogBackdrop,{className:s.cn("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")})}),r.jsx("div",{className:"rst:fixed rst:inset-0 rst:overflow-y-auto",children:r.jsx("div",{className:"rst:flex rst:min-h-full rst:items-center rst:justify-center rst:p-4 rst:text-center",children:r.jsx(d.TransitionChild,{as:t.Fragment,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:r.jsxs(a.DialogPanel,{className:s.cn(k({size:x,variant:l,status:g}),v),children:[r.jsxs("div",{className:"rst:flex rst:items-start rst:justify-between",children:[r.jsxs("div",{children:[r.jsx(a.DialogTitle,{as:"h2",className:s.cn(w()),children:m}),n&&r.jsx("p",{className:s.cn(N()),children:n})]}),r.jsx("div",{className:"rst:ml-4 rst:flex rst:shrink-0",children:r.jsx("button",{type:"button",onClick:i,className:s.cn(q()),"aria-label":"Close dialog",children:r.jsx(p.FontAwesomeIcon,{icon:h.faXmark,className:"rst:h-5 rst:w-5"})})})]}),r.jsx("div",{className:"rst:mt-6",children:f})]})})})})]})]})};exports.Dialog=F;

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

@@ -1,13 +1,14 @@
 "use client";
-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(
+import { jsxs as t, Fragment as h, jsx as r } from "react/jsx-runtime";
+import { useState as k, useLayoutEffect as c, useRef as w, Fragment as d } from "react";
+import { FontAwesomeIcon as N } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
+import { faXmark as F } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { cva as a } from "../../../node_modules/class-variance-authority/dist/index.js";
+import { cn as s } from "../../../lib/utils.js";
+import { lockPage as T } from "../../../internal/page-inert.js";
+import { Dialog as j, DialogBackdrop as z, DialogPanel as D, DialogTitle as V } from "../../../node_modules/@headlessui/react/dist/components/dialog/dialog.js";
+import { TransitionChild as m } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
+const C = /* @__PURE__ */ a(
   "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: {
@@ -72,81 +73,103 @@ const k = /* @__PURE__ */ e(
       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(
+), L = /* @__PURE__ */ a("rst:text-xl rst:font-bold rst:leading-6 rst:text-inherit"), P = /* @__PURE__ */ a("rst:mt-1 rst:text-sm rst:text-inherit rst:opacity-75"), R = /* @__PURE__ */ a(
   "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: c,
+), $ = ({
+  isOpen: f,
   onClose: o,
-  title: d,
+  title: g,
   description: i,
-  size: m,
-  variant: l,
-  status: f,
-  children: g,
-  className: p
-}) => /* @__PURE__ */ r(w, { appear: !0, show: c, 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
+  size: p,
+  variant: n,
+  status: u,
+  children: v,
+  className: b
+}) => {
+  const [x, y] = k(!1);
+  c(() => {
+    y(!0);
+  }, []);
+  const e = f && x, l = w(null);
+  return c(() => {
+    if (e)
+      return T(l.current);
+  }, [e]), /* @__PURE__ */ t(h, { children: [
+    e && /* @__PURE__ */ r("span", { ref: l, hidden: !0 }),
+    /* @__PURE__ */ t(
+      j,
+      {
+        open: e,
+        as: "div",
+        className: "rst:font-ui rst:relative rst:z-50",
+        onClose: o,
+        children: [
+          /* @__PURE__ */ r(
+            m,
+            {
+              as: d,
+              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(
+                z,
+                {
+                  className: s(
+                    "rst:fixed rst:inset-0 rst:transition-opacity",
+                    n === "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"
+                  )
+                }
+              )
+            }
           ),
-          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: d }),
-                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",
+          /* @__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(
+            m,
+            {
+              as: d,
+              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__ */ t(
+                D,
                 {
-                  type: "button",
-                  onClick: o,
-                  className: t(F()),
-                  "aria-label": "Close dialog",
-                  children: /* @__PURE__ */ r(v, { icon: b, className: "rst:h-5 rst:w-5" })
+                  className: s(
+                    C({ size: p, variant: n, status: u }),
+                    b
+                  ),
+                  children: [
+                    /* @__PURE__ */ t("div", { className: "rst:flex rst:items-start rst:justify-between", children: [
+                      /* @__PURE__ */ t("div", { children: [
+                        /* @__PURE__ */ r(V, { as: "h2", className: s(L()), children: g }),
+                        i && /* @__PURE__ */ r("p", { className: s(P()), children: i })
+                      ] }),
+                      /* @__PURE__ */ r("div", { className: "rst:ml-4 rst:flex rst:shrink-0", children: /* @__PURE__ */ r(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: o,
+                          className: s(R()),
+                          "aria-label": "Close dialog",
+                          children: /* @__PURE__ */ r(N, { icon: F, className: "rst:h-5 rst:w-5" })
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ r("div", { className: "rst:mt-6", children: v })
+                  ]
                 }
-              ) })
-            ] }),
-            /* @__PURE__ */ r("div", { className: "rst:mt-6", children: g })
-          ]
-        }
-      )
-    }
-  ) }) })
-] }) });
+              )
+            }
+          ) }) })
+        ]
+      }
+    )
+  ] });
+};
 export {
-  K as Dialog
+  $ as Dialog
 };

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

@@ -1 +1 @@
-"use client";"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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),p=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"),y=require("../../atoms/Button/Button.cjs"),b=require("../../atoms/Link/Link.cjs"),E=require("../../atoms/Badge/Badge.cjs"),W=require("../../atoms/Avatar/Avatar.cjs"),T=require("../../atoms/Switch/switch-variants.cjs"),Y=require("./navbar-variants.cjs"),m=require("../../../node_modules/@headlessui/react/dist/components/menu/menu.cjs"),q=require("../../../node_modules/@headlessui/react/dist/components/popover/popover.cjs"),$=require("../../../node_modules/@headlessui/react/dist/components/transition/transition.cjs");function P({on:s,size:a}){return r.jsx("span",{"aria-hidden":"true","data-testid":"navbar-theme-track","data-checked":s?"":void 0,className:e.cn(T.switchTrackVariants({size:a,variant:"neutral"}),"rst:pointer-events-none"),children:r.jsx("span",{className:e.cn(T.switchThumbVariants({size:a}))})})}const Z=s=>{s?.setAttribute("role","menuitemcheckbox")},X=(s,a)=>typeof s=="function"?s({close:a}):s;function _(s){return p.useSyncExternalStore(a=>{if(!s||typeof document>"u")return()=>{};const o=new MutationObserver(a);return o.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>o.disconnect()},()=>s&&document.documentElement.classList.contains("dark"),()=>!1)}function rr({close:s}){return p.useEffect(()=>{const a=o=>{const g=document.querySelector("[data-roster-mobile-panel]"),k=document.querySelector("[data-roster-hamburger]"),x=o.target;!g?.contains(x)&&!k?.contains(x)&&s()};return document.addEventListener("pointerdown",a,{capture:!0}),()=>document.removeEventListener("pointerdown",a,{capture:!0})},[s]),null}function tr({activePath:s,close:a}){const o=p.useRef(s);return p.useEffect(()=>{o.current!==s&&(o.current=s,a())},[s,a]),null}const sr=({logoSrc:s,logoSize:a="2rem",logoClassName:o,brandName:g,items:k,activePath:x,routerElement:f,user:n,onLogin:j,onLogout:N,onInboxClick:w,onThemeToggle:v,actions:K,brandElement:L,navActions:G,userMenuItems:B=[],className:H,variant:d="default",position:J="sticky",themeMode:S,notificationVariant:z="error",notificationFill:O="solid",...Q})=>{const A=(n?.notificationCount||0)>0,R=typeof a=="number"?`${a}px`:a,V={width:R,height:R},U=_(S==="auto"),c=(S==="auto"?U?"dark":"light":S??(d==="white"||d==="default"?"light":"dark"))==="dark",C=d==="slate"||d==="primary"||d==="default"&&c||d==="white"&&c||d==="transparent"&&c,F={brand:C?"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:C?"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:C?"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:C?"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(q.Popover,{as:"nav",className:e.cn("rst:z-50",Y.navbarVariants({variant:d,position:J}),H),...Q,children:({open:M,close:l})=>{const I=X(K,l),D=X(G,l);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:f,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:V,className:e.cn("rst:shrink-0",o??"rst:rounded-md")}),L??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 i=x===t.path;return r.jsxs(b.Link,{as:f,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",i?F.linkActive:F.linkBase),children:[t.label,t.badge&&r.jsx("span",{className:"rst:inline-flex",children:t.badge})]},t.path)})}),D,I??(n?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:n.initials,src:n.avatarSrc,size:"sm",shape:"circle",colorScheme:n.avatarColor??"primary"}),A&&r.jsx("div",{className:"rst:absolute rst:-top-1 rst:-right-2",children:r.jsx(E.Badge,{fill:O,size:"xs",statusBadge:!0,variant:z,children:n.notificationCount})})]}),r.jsx($.Transition,{as:p.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:[A&&w&&r.jsx(m.MenuItem,{children:({focus:t})=>r.jsxs(y.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 (",n.notificationCount,")"]})}),v&&r.jsx(m.MenuItem,{children:({focus:t})=>r.jsxs("div",{ref:Z,"aria-checked":c,onClick:i=>{i.preventDefault(),v()},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"),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",c?"rst:text-amber-500":"rst:text-gray-400")}),r.jsx("span",{className:"rst:font-medium",children:"Dark Mode"})]}),r.jsx(P,{on:c,size:"xs"})]})})]}),B.length>0&&r.jsx("div",{className:"rst:py-1",children:B.map(t=>r.jsx(m.MenuItem,{children:({focus:i})=>r.jsxs(b.Link,{as:f,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",i&&"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(y.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(y.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(q.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"}),M?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"}),A&&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"})]})]})})]}),M&&r.jsx(rr,{close:l}),M&&r.jsx(tr,{activePath:x,close:l}),r.jsx($.Transition,{as:p.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(q.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:V,className:e.cn("rst:shrink-0",o??"rst:rounded-md")}),L??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(q.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:[D&&r.jsx("div",{className:"rst:mb-4",children:D}),r.jsxs("nav",{className:"rst:grid rst:gap-y-4",children:[k.map(t=>{const i=x===t.path;return r.jsx(b.Link,{as:f,href:t.path,to:t.path,onClick:()=>l(),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",i?"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",i?"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)}),n&&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 i=x===t.path;return r.jsxs(b.Link,{as:f,href:t.path,to:t.path,onClick:()=>l(),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",i?"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",i?"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)})]})]})]})]}),(n||I||j)&&r.jsx("div",{className:"rst:py-6 rst:px-5 rst:space-y-4",children:I||(!n&&j?r.jsx(y.Button,{variant:"solid",colorScheme:"primary",className:"rst:w-full rst:justify-center",onClick:()=>{j(),l()},children:"Log In"}):r.jsxs(r.Fragment,{children:[A&&w&&r.jsx(y.Button,{variant:"ghost",colorScheme:"neutral",onClick:()=>{w?.(),l()},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(E.Badge,{fill:O,size:"xs",statusBadge:!0,variant:z,children:n?.notificationCount}),children:"Pending Invitations"}),v&&r.jsxs("div",{onClick:t=>{t.preventDefault(),v()},role:"switch","aria-checked":c,tabIndex:0,onKeyDown:t=>{t.repeat||(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),v())},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",c?"rst:text-amber-500":"rst:text-gray-400")}),r.jsx("span",{children:"Dark Mode"})]}),r.jsx(P,{on:c,size:"sm"})]}),N&&r.jsx(y.Button,{variant:"outline",colorScheme:"error",className:"rst:w-full rst:justify-center",onClick:()=>{N?.(),l()},children:"Log Out"})]}))})]})})})]})}})};exports.Navbar=sr;