@blakesteve/roster 4.13.0 → 5.0.0

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

@@ -1,3 +1,4 @@
+"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";
@@ -74,16 +75,16 @@ const k = /* @__PURE__ */ e(
 ), 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,
+  isOpen: c,
   onClose: o,
-  title: c,
+  title: d,
   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(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,
     {
@@ -125,7 +126,7 @@ const k = /* @__PURE__ */ e(
           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 }),
+                /* @__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(

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

@@ -1 +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;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),m=require("../../../lib/utils.cjs"),h=require("./footer-variants.cjs"),s=u.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:m.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

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import p from "react";
 import { cn as x } from "../../../lib/utils.js";

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

@@ -1 +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;
+"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;

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

@@ -1,3 +1,4 @@
+"use client";
 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";

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

@@ -1 +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;
+"use client";"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;

package/dist/components/organisms/Table/Table.js

@@ -1,7 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
+"use client";
+import { jsx as l } from "react/jsx-runtime";
 import * as r from "react";
-import { cn as l } from "../../../lib/utils.js";
-import { tableVariants as m, tableWrapperVariants as c, tableCellVariants as f, tableHeaderVariants as i, tableHeadVariants as p, tableRowVariants as N } from "./table-variants.js";
+import { cn as o } from "../../../lib/utils.js";
+import { tableVariants as c, tableWrapperVariants as m, tableCellVariants as f, tableHeaderVariants as i, tableHeadVariants as p, tableRowVariants as N } from "./table-variants.js";
 const d = r.createContext({
   variant: "default",
   size: "md",
@@ -13,11 +14,11 @@ const d = r.createContext({
     size: e = "md",
     hoverable: s = !1,
     ...n
-  }, b) => /* @__PURE__ */ o(d.Provider, { value: { variant: a, size: e, hoverable: s }, children: /* @__PURE__ */ o("div", { className: l(c({ variant: a })), children: /* @__PURE__ */ o(
+  }, b) => /* @__PURE__ */ l(d.Provider, { value: { variant: a, size: e, hoverable: s }, children: /* @__PURE__ */ l("div", { className: o(m({ variant: a })), children: /* @__PURE__ */ l(
     "table",
     {
       ref: b,
-      className: l(m({ size: e }), t),
+      className: o(c({ size: e }), t),
       ...n
     }
   ) }) })
@@ -25,32 +26,32 @@ const d = r.createContext({
 T.displayName = "Table";
 const u = r.forwardRef(({ className: t, ...a }, e) => {
   const { variant: s } = r.useContext(d);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "thead",
     {
       ref: e,
-      className: l(i({ variant: s }), t),
+      className: o(i({ variant: s }), t),
       ...a
     }
   );
 });
 u.displayName = "TableHeader";
-const y = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ o(
+const y = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ l(
   "tbody",
   {
     ref: e,
-    className: l("rst:[&_tr:last-child]:border-0", t),
+    className: o("rst:[&_tr:last-child]:border-0", t),
     ...a
   }
 ));
 y.displayName = "TableBody";
 const x = r.forwardRef(({ className: t, ...a }, e) => {
   const { variant: s } = r.useContext(d);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "tfoot",
     {
       ref: e,
-      className: l(
+      className: o(
         i({ variant: s }),
         "rst:border-t rst:font-medium rst:[&>tr]:last:border-b-0",
         t
@@ -62,11 +63,11 @@ const x = r.forwardRef(({ className: t, ...a }, e) => {
 x.displayName = "TableFooter";
 const C = r.forwardRef(({ className: t, ...a }, e) => {
   const { variant: s, hoverable: n } = r.useContext(d);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "tr",
     {
       ref: e,
-      className: l(N({ variant: s, hoverable: n }), t),
+      className: o(N({ variant: s, hoverable: n }), t),
       ...a
     }
   );
@@ -74,11 +75,11 @@ const C = r.forwardRef(({ className: t, ...a }, e) => {
 C.displayName = "TableRow";
 const R = r.forwardRef(({ className: t, ...a }, e) => {
   const { variant: s, size: n } = r.useContext(d);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "th",
     {
       ref: e,
-      className: l(p({ variant: s, size: n }), t),
+      className: o(p({ variant: s, size: n }), t),
       ...a
     }
   );
@@ -86,21 +87,21 @@ const R = r.forwardRef(({ className: t, ...a }, e) => {
 R.displayName = "TableHead";
 const w = r.forwardRef(({ className: t, ...a }, e) => {
   const { variant: s, size: n } = r.useContext(d);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ l(
     "td",
     {
       ref: e,
-      className: l(f({ variant: s, size: n }), t),
+      className: o(f({ variant: s, size: n }), t),
       ...a
     }
   );
 });
 w.displayName = "TableCell";
-const v = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ o(
+const v = r.forwardRef(({ className: t, ...a }, e) => /* @__PURE__ */ l(
   "caption",
   {
     ref: e,
-    className: l("rst:mt-4 rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", t),
+    className: o("rst:mt-4 rst:text-sm rst:text-gray-500 rst:dark:text-gray-400", t),
     ...a
   }
 ));

package/dist/data-table.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/organisms/DataTable/DataTable.cjs");exports.DataTable=e.DataTable;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/organisms/DataTable/DataTable.cjs");exports.DataTable=e.DataTable;

package/dist/data-table.js

@@ -1,5 +1,4 @@
-"use client";
-import { DataTable as t } from "./components/organisms/DataTable/DataTable.js";
+import { DataTable as o } from "./components/organisms/DataTable/DataTable.js";
 export {
-  t as DataTable
+  o as DataTable
 };

package/dist/hooks/useCountdown.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("../node_modules/date-fns/isAfter.cjs"),f=require("../node_modules/date-fns/intervalToDuration.cjs"),m=u=>{const e=u.getTime(),n=i.useCallback(()=>{const t=new Date,s=new Date(e);if(l.isAfter(t,s))return{days:0,hours:0,minutes:0,seconds:0,isFinished:!0};const r=f.intervalToDuration({start:t,end:s});return{days:r.days??0,hours:r.hours??0,minutes:r.minutes??0,seconds:r.seconds??0,isFinished:!1}},[e]),[a,o]=i.useState(n),[c,d]=i.useState(e);return Object.is(c,e)||(d(e),o(n())),i.useEffect(()=>{if(Number.isNaN(e))return;const t=setInterval(()=>{const s=n();o(s),s.isFinished&&clearInterval(t)},1e3);return()=>clearInterval(t)},[e,n]),a};exports.useCountdown=m;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react"),l=require("../node_modules/date-fns/isAfter.cjs"),f=require("../node_modules/date-fns/intervalToDuration.cjs"),m=u=>{const e=u.getTime(),n=i.useCallback(()=>{const t=new Date,s=new Date(e);if(l.isAfter(t,s))return{days:0,hours:0,minutes:0,seconds:0,isFinished:!0};const r=f.intervalToDuration({start:t,end:s});return{days:r.days??0,hours:r.hours??0,minutes:r.minutes??0,seconds:r.seconds??0,isFinished:!1}},[e]),[a,o]=i.useState(n),[c,d]=i.useState(e);return Object.is(c,e)||(d(e),o(n())),i.useEffect(()=>{if(Number.isNaN(e))return;const t=setInterval(()=>{const s=n();o(s),s.isFinished&&clearInterval(t)},1e3);return()=>clearInterval(t)},[e,n]),a};exports.useCountdown=m;

package/dist/hooks/useCountdown.js

@@ -1,3 +1,4 @@
+"use client";
 import { useCallback as m, useState as o, useEffect as f } from "react";
 import { isAfter as l } from "../node_modules/date-fns/isAfter.js";
 import { intervalToDuration as h } from "../node_modules/date-fns/intervalToDuration.js";

package/dist/hooks/useKeySequence.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),y={timeout:1500,ignoreCase:!0,preventDefault:!1,enabled:!0,ignoreWhenTyping:!0},T=["ArrowUp","ArrowUp","ArrowDown","ArrowDown","ArrowLeft","ArrowRight","ArrowLeft","ArrowRight","b","a","Enter"];function D(e){if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable)return!0;const t=e.getAttribute("contenteditable");return t!==null&&t!=="false"?!0:["INPUT","TEXTAREA","SELECT"].includes(e.tagName)}function b(e,t,p={}){const{timeout:u,ignoreCase:s,preventDefault:c,enabled:f,ignoreWhenTyping:a}={...y,...p},r=o.useRef(0),l=o.useRef(0),w=o.useRef(t);o.useEffect(()=>{w.current=t},[t]),o.useEffect(()=>{if(!f||e.length===0)return;const d=n=>s?n.toLowerCase():n,i=e.map(d);function g(n){if(a&&D(n.target))return;const A=Date.now();u>0&&r.current>0&&A-l.current>u&&(r.current=0),l.current=A;const E=d(n.key);if(E===i[r.current]){c&&n.preventDefault(),r.current+=1,r.current===i.length&&(r.current=0,w.current());return}r.current=E===i[0]?1:0}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[e,u,s,c,f,a])}exports.KONAMI_CODE=T;exports.useKeySequence=b;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),y={timeout:1500,ignoreCase:!0,preventDefault:!1,enabled:!0,ignoreWhenTyping:!0},T=["ArrowUp","ArrowUp","ArrowDown","ArrowDown","ArrowLeft","ArrowRight","ArrowLeft","ArrowRight","b","a","Enter"];function D(e){if(!(e instanceof HTMLElement))return!1;if(e.isContentEditable)return!0;const r=e.getAttribute("contenteditable");return r!==null&&r!=="false"?!0:["INPUT","TEXTAREA","SELECT"].includes(e.tagName)}function b(e,r,p={}){const{timeout:u,ignoreCase:s,preventDefault:c,enabled:f,ignoreWhenTyping:a}={...y,...p},t=o.useRef(0),l=o.useRef(0),w=o.useRef(r);o.useEffect(()=>{w.current=r},[r]),o.useEffect(()=>{if(!f||e.length===0)return;const d=n=>s?n.toLowerCase():n,i=e.map(d);function g(n){if(a&&D(n.target))return;const A=Date.now();u>0&&t.current>0&&A-l.current>u&&(t.current=0),l.current=A;const E=d(n.key);if(E===i[t.current]){c&&n.preventDefault(),t.current+=1,t.current===i.length&&(t.current=0,w.current());return}t.current=E===i[0]?1:0}return window.addEventListener("keydown",g),()=>window.removeEventListener("keydown",g)},[e,u,s,c,f,a])}exports.KONAMI_CODE=T;exports.useKeySequence=b;

package/dist/hooks/useKeySequence.js

@@ -1,3 +1,4 @@
+"use client";
 import { useRef as u, useEffect as E } from "react";
 const m = {
   timeout: 1500,

package/dist/internal/PopupOption.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const o=require("../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),c=require("../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../lib/utils.cjs"),l=require("../components/atoms/Select/select-variants.cjs");function u({as:r,value:n,disabled:a,size:e,children:i}){return t.jsxs(r,{value:n,disabled:a,className:s.cn(l.selectOptionVariants({size:e})),children:[t.jsx("span",{className:"rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold",children:i}),t.jsx("span",{className:s.cn("rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex",e==="sm"?"rst:pr-3":"rst:pr-4"),children:t.jsx(o.FontAwesomeIcon,{icon:c.faCheck,className:"rst:h-3.5 rst:w-3.5"})})]})}exports.PopupOption=u;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");require("react");const c=require("../node_modules/@fortawesome/react-fontawesome/dist/index.cjs"),o=require("../node_modules/@fortawesome/free-solid-svg-icons/index.cjs"),s=require("../lib/utils.cjs"),l=require("../components/atoms/Select/select-variants.cjs");function u({as:r,value:n,disabled:i,size:e,children:a}){return t.jsxs(r,{value:n,disabled:i,className:s.cn(l.selectOptionVariants({size:e})),children:[t.jsx("span",{className:"rst:block rst:truncate rst:font-normal rst:group-data-selected:font-semibold",children:a}),t.jsx("span",{className:s.cn("rst:absolute rst:inset-y-0 rst:right-0 rst:hidden rst:items-center rst:text-primary-600 rst:dark:text-primary-400 rst:group-data-selected:flex",e==="sm"?"rst:pr-3":"rst:pr-4"),children:t.jsx(c.FontAwesomeIcon,{icon:o.faCheck,className:"rst:h-3.5 rst:w-3.5"})})]})}exports.PopupOption=u;

package/dist/internal/PopupOption.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import "react";
 import { FontAwesomeIcon as i } from "../node_modules/@fortawesome/react-fontawesome/dist/index.js";

package/dist/internal/popup.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function a(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=a(s);function c(){const t=o.useRef(null),[e,r]=o.useState(!1);return o.useLayoutEffect(()=>{r(!!t.current?.closest(".dark"))},[]),{ref:t,inDarkScope:e}}const u=["rst:font-ui","rst:z-50 rst:rounded-md rst:py-1 rst:elevation-anchored rst:ring-1 rst:focus:outline-hidden","rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-[var(--roster-popover-border)]","rst:[--anchor-gap:4px]"].join(" ");function P(t,e){return t||e==="slate"}const p="rst:w-(--button-width)",i="rst:w-(--input-width)",O="bottom start";exports.POPUP_ANCHOR=O;exports.POPUP_PANEL=u;exports.POPUP_WIDTH_OF_BUTTON=p;exports.POPUP_WIDTH_OF_INPUT=i;exports.popupInDarkPalette=P;exports.useDarkScope=c;
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function c(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(e,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return e.default=t,Object.freeze(e)}const o=c(s);function a(){const t=o.useRef(null),[e,r]=o.useState(!1);return o.useLayoutEffect(()=>{r(!!t.current?.closest(".dark"))},[]),{ref:t,inDarkScope:e}}const u=["rst:font-ui","rst:z-50 rst:rounded-md rst:py-1 rst:elevation-anchored rst:ring-1 rst:focus:outline-hidden","rst:bg-[var(--roster-popover-bg)] rst:text-[var(--roster-popover-text)] rst:ring-[var(--roster-popover-border)]","rst:[--anchor-gap:4px]"].join(" ");function P(t,e){return t||e==="slate"}const p="rst:w-(--button-width)",i="rst:w-(--input-width)",l="bottom start";exports.POPUP_ANCHOR=l;exports.POPUP_PANEL=u;exports.POPUP_WIDTH_OF_BUTTON=p;exports.POPUP_WIDTH_OF_INPUT=i;exports.popupInDarkPalette=P;exports.useDarkScope=a;

package/dist/internal/popup.js

@@ -1,8 +1,9 @@
-import * as o from "react";
+"use client";
+import * as e from "react";
 function s() {
-  const t = o.useRef(null), [r, e] = o.useState(!1);
-  return o.useLayoutEffect(() => {
-    e(!!t.current?.closest(".dark"));
+  const t = e.useRef(null), [r, o] = e.useState(!1);
+  return e.useLayoutEffect(() => {
+    o(!!t.current?.closest(".dark"));
   }, []), { ref: t, inDarkScope: r };
 }
 const n = [
@@ -17,12 +18,12 @@ const n = [
 function a(t, r) {
   return t || r === "slate";
 }
-const c = "rst:w-(--button-width)", p = "rst:w-(--input-width)", u = "bottom start";
+const c = "rst:w-(--button-width)", u = "rst:w-(--input-width)", p = "bottom start";
 export {
-  u as POPUP_ANCHOR,
+  p as POPUP_ANCHOR,
   n as POPUP_PANEL,
   c as POPUP_WIDTH_OF_BUTTON,
-  p as POPUP_WIDTH_OF_INPUT,
+  u as POPUP_WIDTH_OF_INPUT,
   a as popupInDarkPalette,
   s as useDarkScope
 };

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.13.0",
+  "version": "5.0.0",
   "tests": 1420,
   "testFiles": 111
 }

package/dist/roster.cjs

@@ -1 +1 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const V=require("./components/atoms/Avatar/Avatar.cjs"),q=require("./components/atoms/Avatar/avatar-variants.cjs"),b=require("./components/atoms/Badge/Badge.cjs"),d=require("./components/atoms/Badge/badge-variants.cjs"),p=require("./components/atoms/Button/Button.cjs"),T=require("./components/atoms/Button/button-variants.cjs"),C=require("./components/atoms/Card/Card.cjs"),S=require("./components/atoms/Card/card-variants.cjs"),h=require("./components/atoms/Checkbox/Checkbox.cjs"),g=require("./components/atoms/Checkbox/checkbox-variants.cjs"),w=require("./components/atoms/Disclosure/Disclosure.cjs"),e=require("./components/atoms/Disclosure/disclosure-variants.cjs"),m=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),x=require("./components/atoms/Link/Link.cjs"),k=require("./components/atoms/Link/link-variants.cjs"),A=require("./components/atoms/PasswordInput/PasswordInput.cjs"),B=require("./components/atoms/Combobox/Combobox.cjs"),v=require("./components/atoms/Chip/Chip.cjs"),y=require("./components/atoms/Chip/chip-variants.cjs"),D=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),E=require("./components/atoms/Eyebrow/Eyebrow.cjs"),L=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),O=require("./components/atoms/InlineCode/InlineCode.cjs"),G=require("./components/atoms/InlineCode/inline-code-variants.cjs"),P=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),I=require("./components/atoms/Stat/Stat.cjs"),M=require("./components/atoms/Stat/stat-variants.cjs"),R=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),H=require("./components/atoms/MultiSelect/MultiSelect.cjs"),F=require("./components/atoms/Select/Select.cjs"),s=require("./components/atoms/Select/select-variants.cjs"),N=require("./components/atoms/Spinner/Spinner.cjs"),K=require("./components/atoms/Switch/Switch.cjs"),o=require("./components/atoms/Switch/switch-variants.cjs"),_=require("./components/atoms/Textarea/Textarea.cjs"),W=require("./components/atoms/Textarea/textarea-variants.cjs"),X=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),f=require("./components/atoms/LiquidTabs/LiquidTabs.cjs"),j=require("./components/atoms/Tooltip/Tooltip.cjs"),z=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),J=require("./components/atoms/SegmentBar/SegmentBar.cjs"),Q=require("./components/molecules/Toast/Toast.cjs"),U=require("./components/molecules/Toast/toast-variants.cjs"),Y=require("./components/molecules/Toast/Toaster.cjs"),c=require("./components/molecules/Toast/toast-api.cjs"),Z=require("./components/molecules/Alert/Alert.cjs"),$=require("./components/molecules/Alert/alert-variants.cjs"),rr=require("./components/molecules/Accordion/Accordion.cjs"),ar=require("./components/molecules/DescriptionList/DescriptionList.cjs"),tr=require("./components/molecules/DescriptionList/description-list-variants.cjs"),er=require("./components/molecules/Pullquote/Pullquote.cjs"),ir=require("./components/molecules/Pullquote/pullquote-variants.cjs"),nr=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),u=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),sr=require("./components/molecules/RadioGroup/RadioGroup.cjs"),t=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),or=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),cr=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),ur=require("./components/molecules/CallToAction/CallToAction.cjs"),lr=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),Vr=require("./components/molecules/EmptyState/EmptyState.cjs"),qr=require("./components/molecules/EmptyState/empty-state-variants.cjs"),br=require("./components/molecules/ErrorState/ErrorState.cjs"),dr=require("./components/molecules/ErrorState/error-state-variants.cjs"),pr=require("./components/molecules/MatchupCard/MatchupCard.cjs"),Tr=require("./components/organisms/ActionBar/ActionBar.cjs"),Cr=require("./components/organisms/ActionBar/action-bar-variants.cjs"),Sr=require("./components/organisms/Countdown/Countdown.cjs"),hr=require("./components/organisms/Dialog/Dialog.cjs"),gr=require("./components/organisms/Footer/Footer.cjs"),wr=require("./components/organisms/Navbar/Navbar.cjs"),mr=require("./components/organisms/Navbar/navbar-variants.cjs"),r=require("./components/organisms/Table/Table.cjs"),a=require("./components/organisms/Table/table-variants.cjs"),xr=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),kr=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=b.Badge;exports.badgeVariants=d.badgeVariants;exports.Button=p.Button;exports.buttonVariants=T.buttonVariants;exports.Card=C.Card;exports.cardVariants=S.cardVariants;exports.Checkbox=h.Checkbox;exports.checkboxVariants=g.checkboxVariants;exports.Disclosure=w.Disclosure;exports.disclosureContentVariants=e.disclosureContentVariants;exports.disclosureTriggerVariants=e.disclosureTriggerVariants;exports.Input=m.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=x.Link;exports.linkVariants=k.linkVariants;exports.PasswordInput=A.PasswordInput;exports.Combobox=B.Combobox;exports.Chip=v.Chip;exports.chipVariants=y.chipVariants;exports.Pill=D.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=E.Eyebrow;exports.eyebrowVariants=L.eyebrowVariants;exports.InlineCode=O.InlineCode;exports.inlineCodeVariants=G.inlineCodeVariants;exports.LabeledDivider=P.LabeledDivider;exports.Stat=I.Stat;exports.statValueVariants=M.statValueVariants;exports.ThemeToggle=R.ThemeToggle;exports.MultiSelect=H.MultiSelect;exports.Select=F.Select;exports.selectOptionVariants=s.selectOptionVariants;exports.selectTriggerVariants=s.selectTriggerVariants;exports.Spinner=N.Spinner;exports.Switch=K.Switch;exports.switchThumbVariants=o.switchThumbVariants;exports.switchTrackVariants=o.switchTrackVariants;exports.Textarea=_.Textarea;exports.textareaVariants=W.textareaVariants;exports.AvatarStrip=X.AvatarStrip;exports.LiquidTabs=f.LiquidTabs;exports.Tooltip=j.Tooltip;exports.CollapsibleSection=z.CollapsibleSection;exports.SegmentBar=J.SegmentBar;exports.Toast=Q.Toast;exports.toastVariants=U.toastVariants;exports.Toaster=Y.Toaster;exports.TONE_PREFIX=c.TONE_PREFIX;exports.toast=c.toast;exports.Alert=Z.Alert;exports.alertVariants=$.alertVariants;exports.Accordion=rr.Accordion;exports.DescriptionList=ar.DescriptionList;exports.descriptionListVariants=tr.descriptionListVariants;exports.Pullquote=er.Pullquote;exports.pullquoteVariants=ir.pullquoteVariants;exports.CheckboxGroup=nr.CheckboxGroup;exports.checkboxGroupOptionsVariants=u.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=u.checkboxGroupPanelVariants;exports.RadioGroup=sr.RadioGroup;exports.radioDotVariants=t.radioDotVariants;exports.radioGroupOptionsVariants=t.radioGroupOptionsVariants;exports.radioOptionVariants=t.radioOptionVariants;exports.radioVariants=t.radioVariants;exports.Breadcrumbs=or.Breadcrumbs;exports.breadcrumbVariants=cr.breadcrumbVariants;exports.CallToAction=ur.CallToAction;exports.ctaVariants=lr.ctaVariants;exports.EmptyState=Vr.EmptyState;exports.emptyStateVariants=qr.emptyStateVariants;exports.ErrorState=br.ErrorState;exports.errorStateVariants=dr.errorStateVariants;exports.MatchupCard=pr.MatchupCard;exports.ActionBar=Tr.ActionBar;exports.actionBarVariants=Cr.actionBarVariants;exports.Countdown=Sr.Countdown;exports.Dialog=hr.Dialog;exports.Footer=gr.Footer;exports.Navbar=wr.Navbar;exports.navbarVariants=mr.navbarVariants;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=a.tableCellVariants;exports.tableHeadVariants=a.tableHeadVariants;exports.tableHeaderVariants=a.tableHeaderVariants;exports.tableRowVariants=a.tableRowVariants;exports.tableVariants=a.tableVariants;exports.tableWrapperVariants=a.tableWrapperVariants;exports.useCountdown=xr.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=kr.cn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});;/* empty css            */const V=require("./components/atoms/Avatar/Avatar.cjs"),q=require("./components/atoms/Avatar/avatar-variants.cjs"),b=require("./components/atoms/Badge/Badge.cjs"),d=require("./components/atoms/Badge/badge-variants.cjs"),p=require("./components/atoms/Button/Button.cjs"),T=require("./components/atoms/Button/button-variants.cjs"),C=require("./components/atoms/Card/Card.cjs"),S=require("./components/atoms/Card/card-variants.cjs"),h=require("./components/atoms/Checkbox/Checkbox.cjs"),g=require("./components/atoms/Checkbox/checkbox-variants.cjs"),w=require("./components/atoms/Disclosure/Disclosure.cjs"),e=require("./components/atoms/Disclosure/disclosure-variants.cjs"),m=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),x=require("./components/atoms/Link/Link.cjs"),k=require("./components/atoms/Link/link-variants.cjs"),A=require("./components/atoms/PasswordInput/PasswordInput.cjs"),B=require("./components/atoms/Combobox/Combobox.cjs"),v=require("./components/atoms/Chip/Chip.cjs"),y=require("./components/atoms/Chip/chip-variants.cjs"),D=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),E=require("./components/atoms/Eyebrow/Eyebrow.cjs"),L=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),O=require("./components/atoms/InlineCode/InlineCode.cjs"),G=require("./components/atoms/InlineCode/inline-code-variants.cjs"),P=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),I=require("./components/atoms/Stat/Stat.cjs"),M=require("./components/atoms/Stat/stat-variants.cjs"),R=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),H=require("./components/atoms/MultiSelect/MultiSelect.cjs"),F=require("./components/atoms/Select/Select.cjs"),o=require("./components/atoms/Select/select-variants.cjs"),N=require("./components/atoms/Spinner/Spinner.cjs"),K=require("./components/atoms/Switch/Switch.cjs"),s=require("./components/atoms/Switch/switch-variants.cjs"),_=require("./components/atoms/Textarea/Textarea.cjs"),W=require("./components/atoms/Textarea/textarea-variants.cjs"),X=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),f=require("./components/atoms/LiquidTabs/LiquidTabs.cjs"),j=require("./components/atoms/Tooltip/Tooltip.cjs"),z=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),J=require("./components/atoms/SegmentBar/SegmentBar.cjs"),Q=require("./components/molecules/Toast/Toast.cjs"),U=require("./components/molecules/Toast/toast-variants.cjs"),Y=require("./components/molecules/Toast/Toaster.cjs"),c=require("./components/molecules/Toast/toast-api.cjs"),Z=require("./components/molecules/Alert/Alert.cjs"),$=require("./components/molecules/Alert/alert-variants.cjs"),rr=require("./components/molecules/Accordion/Accordion.cjs"),ar=require("./components/molecules/DescriptionList/DescriptionList.cjs"),tr=require("./components/molecules/DescriptionList/description-list-variants.cjs"),er=require("./components/molecules/Pullquote/Pullquote.cjs"),ir=require("./components/molecules/Pullquote/pullquote-variants.cjs"),nr=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),u=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),or=require("./components/molecules/RadioGroup/RadioGroup.cjs"),t=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),sr=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),cr=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),ur=require("./components/molecules/CallToAction/CallToAction.cjs"),lr=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),Vr=require("./components/molecules/EmptyState/EmptyState.cjs"),qr=require("./components/molecules/EmptyState/empty-state-variants.cjs"),br=require("./components/molecules/ErrorState/ErrorState.cjs"),dr=require("./components/molecules/ErrorState/error-state-variants.cjs"),pr=require("./components/molecules/MatchupCard/MatchupCard.cjs"),Tr=require("./components/organisms/ActionBar/ActionBar.cjs"),Cr=require("./components/organisms/ActionBar/action-bar-variants.cjs"),Sr=require("./components/organisms/Countdown/Countdown.cjs"),hr=require("./components/organisms/Dialog/Dialog.cjs"),gr=require("./components/organisms/Footer/Footer.cjs"),wr=require("./components/organisms/Navbar/Navbar.cjs"),mr=require("./components/organisms/Navbar/navbar-variants.cjs"),r=require("./components/organisms/Table/Table.cjs"),a=require("./components/organisms/Table/table-variants.cjs"),xr=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),kr=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=b.Badge;exports.badgeVariants=d.badgeVariants;exports.Button=p.Button;exports.buttonVariants=T.buttonVariants;exports.Card=C.Card;exports.cardVariants=S.cardVariants;exports.Checkbox=h.Checkbox;exports.checkboxVariants=g.checkboxVariants;exports.Disclosure=w.Disclosure;exports.disclosureContentVariants=e.disclosureContentVariants;exports.disclosureTriggerVariants=e.disclosureTriggerVariants;exports.Input=m.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=x.Link;exports.linkVariants=k.linkVariants;exports.PasswordInput=A.PasswordInput;exports.Combobox=B.Combobox;exports.Chip=v.Chip;exports.chipVariants=y.chipVariants;exports.Pill=D.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=E.Eyebrow;exports.eyebrowVariants=L.eyebrowVariants;exports.InlineCode=O.InlineCode;exports.inlineCodeVariants=G.inlineCodeVariants;exports.LabeledDivider=P.LabeledDivider;exports.Stat=I.Stat;exports.statValueVariants=M.statValueVariants;exports.ThemeToggle=R.ThemeToggle;exports.MultiSelect=H.MultiSelect;exports.Select=F.Select;exports.selectOptionVariants=o.selectOptionVariants;exports.selectTriggerVariants=o.selectTriggerVariants;exports.Spinner=N.Spinner;exports.Switch=K.Switch;exports.switchThumbVariants=s.switchThumbVariants;exports.switchTrackVariants=s.switchTrackVariants;exports.Textarea=_.Textarea;exports.textareaVariants=W.textareaVariants;exports.AvatarStrip=X.AvatarStrip;exports.LiquidTabs=f.LiquidTabs;exports.Tooltip=j.Tooltip;exports.CollapsibleSection=z.CollapsibleSection;exports.SegmentBar=J.SegmentBar;exports.Toast=Q.Toast;exports.toastVariants=U.toastVariants;exports.Toaster=Y.Toaster;exports.TONE_PREFIX=c.TONE_PREFIX;exports.toast=c.toast;exports.Alert=Z.Alert;exports.alertVariants=$.alertVariants;exports.Accordion=rr.Accordion;exports.DescriptionList=ar.DescriptionList;exports.descriptionListVariants=tr.descriptionListVariants;exports.Pullquote=er.Pullquote;exports.pullquoteVariants=ir.pullquoteVariants;exports.CheckboxGroup=nr.CheckboxGroup;exports.checkboxGroupOptionsVariants=u.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=u.checkboxGroupPanelVariants;exports.RadioGroup=or.RadioGroup;exports.radioDotVariants=t.radioDotVariants;exports.radioGroupOptionsVariants=t.radioGroupOptionsVariants;exports.radioOptionVariants=t.radioOptionVariants;exports.radioVariants=t.radioVariants;exports.Breadcrumbs=sr.Breadcrumbs;exports.breadcrumbVariants=cr.breadcrumbVariants;exports.CallToAction=ur.CallToAction;exports.ctaVariants=lr.ctaVariants;exports.EmptyState=Vr.EmptyState;exports.emptyStateVariants=qr.emptyStateVariants;exports.ErrorState=br.ErrorState;exports.errorStateVariants=dr.errorStateVariants;exports.MatchupCard=pr.MatchupCard;exports.ActionBar=Tr.ActionBar;exports.actionBarVariants=Cr.actionBarVariants;exports.Countdown=Sr.Countdown;exports.Dialog=hr.Dialog;exports.Footer=gr.Footer;exports.Navbar=wr.Navbar;exports.navbarVariants=mr.navbarVariants;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.tableCellVariants=a.tableCellVariants;exports.tableHeadVariants=a.tableHeadVariants;exports.tableHeaderVariants=a.tableHeaderVariants;exports.tableRowVariants=a.tableRowVariants;exports.tableVariants=a.tableVariants;exports.tableWrapperVariants=a.tableWrapperVariants;exports.useCountdown=xr.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=kr.cn;

package/dist/roster.js

@@ -1,4 +1,3 @@
-"use client";
 /* empty css          */
 import { Avatar as e } from "./components/atoms/Avatar/Avatar.js";
 import { avatarVariants as p } from "./components/atoms/Avatar/avatar-variants.js";
@@ -7,7 +6,7 @@ import { badgeVariants as n } from "./components/atoms/Badge/badge-variants.js";
 import { Button as s } from "./components/atoms/Button/Button.js";
 import { buttonVariants as V } from "./components/atoms/Button/button-variants.js";
 import { Card as b } from "./components/atoms/Card/Card.js";
-import { cardVariants as d } from "./components/atoms/Card/card-variants.js";
+import { cardVariants as u } from "./components/atoms/Card/card-variants.js";
 import { Checkbox as C } from "./components/atoms/Checkbox/Checkbox.js";
 import { checkboxVariants as S } from "./components/atoms/Checkbox/checkbox-variants.js";
 import { Disclosure as w } from "./components/atoms/Disclosure/Disclosure.js";
@@ -32,7 +31,7 @@ import { statValueVariants as xr } from "./components/atoms/Stat/stat-variants.j
 import { ThemeToggle as fr } from "./components/atoms/ThemeToggle/ThemeToggle.js";
 import { MultiSelect as lr } from "./components/atoms/MultiSelect/MultiSelect.js";
 import { Select as cr } from "./components/atoms/Select/Select.js";
-import { selectOptionVariants as ur, selectTriggerVariants as dr } from "./components/atoms/Select/select-variants.js";
+import { selectOptionVariants as dr, selectTriggerVariants as ur } from "./components/atoms/Select/select-variants.js";
 import { Spinner as Cr } from "./components/atoms/Spinner/Spinner.js";
 import { Switch as Sr } from "./components/atoms/Switch/Switch.js";
 import { switchThumbVariants as wr, switchTrackVariants as kr } from "./components/atoms/Switch/switch-variants.js";
@@ -76,7 +75,7 @@ import { Navbar as Uo } from "./components/organisms/Navbar/Navbar.js";
 import { navbarVariants as Zo } from "./components/organisms/Navbar/navbar-variants.js";
 import { Table as rt, TableBody as ot, TableCaption as tt, TableCell as et, TableFooter as at, TableHead as pt, TableHeader as it, TableRow as mt } from "./components/organisms/Table/Table.js";
 import { tableCellVariants as nt, tableHeadVariants as ft, tableHeaderVariants as st, tableRowVariants as lt, tableVariants as Vt, tableWrapperVariants as ct } from "./components/organisms/Table/table-variants.js";
-import { useCountdown as ut } from "./hooks/useCountdown.js";
+import { useCountdown as dt } from "./hooks/useCountdown.js";
 import { KONAMI_CODE as Tt, useKeySequence as Ct } from "./hooks/useKeySequence.js";
 import { cn as St } from "./lib/utils.js";
 export {
@@ -141,7 +140,7 @@ export {
   n as badgeVariants,
   ko as breadcrumbVariants,
   V as buttonVariants,
-  d as cardVariants,
+  u as cardVariants,
   so as checkboxGroupOptionsVariants,
   lo as checkboxGroupPanelVariants,
   S as checkboxVariants,
@@ -166,8 +165,8 @@ export {
   To as radioGroupOptionsVariants,
   Co as radioOptionVariants,
   ho as radioVariants,
-  ur as selectOptionVariants,
-  dr as selectTriggerVariants,
+  dr as selectOptionVariants,
+  ur as selectTriggerVariants,
   xr as statValueVariants,
   wr as switchThumbVariants,
   kr as switchTrackVariants,
@@ -180,6 +179,6 @@ export {
   Or as textareaVariants,
   zr as toast,
   Kr as toastVariants,
-  ut as useCountdown,
+  dt as useCountdown,
   Ct as useKeySequence
 };

package/dist/utils.d.ts

@@ -1,14 +1,17 @@
 /**
  * Utilities, shipped from their own entry.
  *
- * The main bundle carries a `"use client"` directive, because the modules
- * inside it do and the bundler hoists the directive to the top of the chunk.
- * That makes everything exported from `@blakesteve/roster` a client reference,
- * which is correct for components but wrong for a plain function: importing
- * `cn` from the root and calling it inside a React Server Component
- * typechecks, then throws at render.
+ * This entry has no `"use client"` directive and no React, so `cn` is callable
+ * from either side of the boundary.
  *
- * This entry has no directive and no React, so `cn` is callable from either
- * side. It is still re-exported from the root for existing consumers.
+ * It used to be the only way to get that. The package entry carried the
+ * directive, which made everything exported from the root a client reference:
+ * importing `cn` from there and calling it inside a React Server Component
+ * typechecked, then threw at render. The directive now sits on the modules
+ * that need it, so the root resolves through a bare barrel to this same
+ * module and works too.
+ *
+ * The entry stays because it is the narrower import, and because it can not be
+ * affected by a later change to what the barrel does.
  */
 export { cn } from './lib/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blakesteve/roster",
-  "version": "4.13.0",
+  "version": "5.0.0",
   "description": "A production-grade atomic component library: accessible, theme-aware, and documented in Storybook. React 19, TypeScript, Tailwind CSS v4.",
   "keywords": [
     "react",
@@ -55,7 +55,7 @@
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build && node scripts/check-prefix.mjs && node scripts/check-classes-emit.mjs && node scripts/check-tokens.mjs",
+    "build": "tsc -b && vite build && node scripts/check-prefix.mjs && node scripts/check-classes-emit.mjs && node scripts/check-tokens.mjs && node scripts/check-client-boundary.mjs",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
@@ -66,7 +66,8 @@
     "check:prefix": "node scripts/check-prefix.mjs",
     "check:classes-emit": "node scripts/check-classes-emit.mjs",
     "prepack": "npm run build && node scripts/write-meta.mjs",
-    "check:tokens": "node scripts/check-tokens.mjs"
+    "check:tokens": "node scripts/check-tokens.mjs",
+    "check:client-boundary": "node scripts/check-client-boundary.mjs"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^9.1.2",