@blakesteve/roster 4.12.0 → 4.13.0

package/dist/components/organisms/Navbar/Navbar.js

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

package/dist/components/organisms/Navbar/navbar-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:z-30 rst:border-b rst:transition-colors rst:duration-200",{variants:{variant:{default:"rst:bg-[var(--roster-nav-bg)] rst:border-[var(--roster-nav-border)] rst:text-[var(--roster-nav-text)]",slate:"rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800",primary:"rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900",white:"rst:bg-white rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-100",transparent:"rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-white"},position:{fixed:"rst:fixed rst:top-0 rst:left-0 rst:right-0",sticky:"rst:sticky rst:top-0",static:"rst:static"}},defaultVariants:{variant:"default",position:"sticky"}});exports.navbarVariants=t;

package/dist/components/organisms/Navbar/navbar-variants.js

@@ -0,0 +1,35 @@
+import { cva as r } from "../../../node_modules/class-variance-authority/dist/index.js";
+const a = /* @__PURE__ */ r(
+  "rst:font-ui rst:w-full rst:z-30 rst:border-b rst:transition-colors rst:duration-200",
+  {
+    variants: {
+      variant: {
+        // Driven by --roster-nav-* so a themed app can retint the bar without
+        // selector overrides. The tokens themselves flip under `.dark`, so no
+        // dark: variants are needed here. Defaults match the previous
+        // white / gray-950 pair exactly.
+        default: "rst:bg-[var(--roster-nav-bg)] rst:border-[var(--roster-nav-border)] rst:text-[var(--roster-nav-text)]",
+        // Slate: A solid mid-dark gray in light mode, drops to a moody gray in dark mode
+        slate: "rst:bg-gray-700 rst:border-gray-600 rst:text-gray-100 rst:dark:bg-gray-900 rst:dark:border-gray-800",
+        // Primary: Bold brand color in light mode, deep rich brand color in dark mode
+        primary: "rst:bg-primary-700 rst:border-primary-600 rst:text-white rst:dark:bg-primary-950 rst:dark:border-primary-900",
+        // White: Crisp white in light mode, elevated surface gray in dark mode
+        white: "rst:bg-white rst:border-gray-200 rst:text-gray-900 rst:dark:bg-gray-600 rst:dark:border-gray-700 rst:dark:text-gray-100",
+        // Transparent: Stays invisible, adapts text for standard readability
+        transparent: "rst:bg-transparent rst:border-transparent rst:text-gray-900 rst:dark:text-white"
+      },
+      position: {
+        fixed: "rst:fixed rst:top-0 rst:left-0 rst:right-0",
+        sticky: "rst:sticky rst:top-0",
+        static: "rst:static"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      position: "sticky"
+    }
+  }
+);
+export {
+  a as navbarVariants
+};

package/dist/components/organisms/Table/Table.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),N=require("react"),n=require("../../../lib/utils.cjs"),c=require("./table-variants.cjs");function j(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}}return t.default=e,Object.freeze(t)}const s=j(N),d=s.createContext({variant:"default",size:"md",hoverable:!1}),i=s.forwardRef(({className:e,variant:t="default",size:a="md",hoverable:r=!1,...o},y)=>l.jsx(d.Provider,{value:{variant:t,size:a,hoverable:r},children:l.jsx("div",{className:n.cn(c.tableWrapperVariants({variant:t})),children:l.jsx("table",{ref:y,className:n.cn(c.tableVariants({size:a}),e),...o})})}));i.displayName="Table";const b=s.forwardRef(({className:e,...t},a)=>{const{variant:r}=s.useContext(d);return l.jsx("thead",{ref:a,className:n.cn(c.tableHeaderVariants({variant:r}),e),...t})});b.displayName="TableHeader";const u=s.forwardRef(({className:e,...t},a)=>l.jsx("tbody",{ref:a,className:n.cn("rst:[&_tr:last-child]:border-0",e),...t}));u.displayName="TableBody";const f=s.forwardRef(({className:e,...t},a)=>{const{variant:r}=s.useContext(d);return l.jsx("tfoot",{ref:a,className:n.cn(c.tableHeaderVariants({variant:r}),"rst:border-t rst:font-medium rst:[&>tr]:last:border-b-0",e),...t})});f.displayName="TableFooter";const m=s.forwardRef(({className:e,...t},a)=>{const{variant:r,hoverable:o}=s.useContext(d);return l.jsx("tr",{ref:a,className:n.cn(c.tableRowVariants({variant:r,hoverable:o}),e),...t})});m.displayName="TableRow";const T=s.forwardRef(({className:e,...t},a)=>{const{variant:r,size:o}=s.useContext(d);return l.jsx("th",{ref:a,className:n.cn(c.tableHeadVariants({variant:r,size:o}),e),...t})});T.displayName="TableHead";const p=s.forwardRef(({className:e,...t},a)=>{const{variant:r,size:o}=s.useContext(d);return l.jsx("td",{ref:a,className:n.cn(c.tableCellVariants({variant:r,size:o}),e),...t})});p.displayName="TableCell";const x=s.forwardRef(({className:e,...t},a)=>l.jsx("caption",{ref:a,className:n.cn("rst:mt-4 rst:text-sm rst:text-gray-500 rst:dark:text-gray-400",e),...t}));x.displayName="TableCaption";exports.Table=i;exports.TableBody=u;exports.TableCaption=x;exports.TableCell=p;exports.TableFooter=f;exports.TableHead=T;exports.TableHeader=b;exports.TableRow=m;