@blakesteve/roster 5.4.0 → 5.5.0

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

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

package/dist/components/organisms/Navbar/Navbar.d.ts

@@ -74,6 +74,8 @@ export interface NavbarProps extends React.HTMLAttributes<HTMLElement>, VariantP
      * when you need mixed weights, colors, or other rich styling that a plain
      * string cannot express (e.g. bold "GAME" + thin "VERDICT").
      * The logo image is always rendered; this only affects the text element.
+     * The logo is decorative (empty alt) because this or the brand name names
+     * the link, so give it text a screen reader can read, visible or not.
      */
     brandElement?: React.ReactNode;
     /**

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

@@ -1,17 +1,17 @@
 "use client";
 import { jsx as r, jsxs as s, Fragment as I } from "react/jsx-runtime";
-import Z, { Fragment as q, useEffect as H, useRef as rr } from "react";
+import Z, { Fragment as E, useEffect as H, useRef as rr } from "react";
 import { FontAwesomeIcon as g } from "../../../node_modules/@fortawesome/react-fontawesome/dist/index.js";
-import { faInbox as tr, faMoon as E, faRightFromBracket as sr, faXmark as K, faBars as er } from "../../../node_modules/@fortawesome/free-solid-svg-icons/index.js";
+import { faInbox as tr, faMoon as K, faRightFromBracket as sr, faXmark as V, 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 V } from "../../atoms/Badge/Badge.js";
+import { Button as u } from "../../atoms/Button/Button.js";
+import { Link as f } from "../../atoms/Link/Link.js";
+import { Badge as _ } from "../../atoms/Badge/Badge.js";
 import { Avatar as ar } from "../../atoms/Avatar/Avatar.js";
 import { switchThumbVariants as nr, switchTrackVariants as ir } from "../../atoms/Switch/switch-variants.js";
 import { navbarVariants as or } from "./navbar-variants.js";
 import { Menu as lr, MenuButton as cr, MenuItems as dr, MenuItem as A } from "../../../node_modules/@headlessui/react/dist/components/menu/menu.js";
-import { Popover as mr, PopoverButton as _, PopoverPanel as hr } from "../../../node_modules/@headlessui/react/dist/components/popover/popover.js";
+import { Popover as mr, PopoverButton as $, PopoverPanel as hr } from "../../../node_modules/@headlessui/react/dist/components/popover/popover.js";
 import { Transition as T } from "../../../node_modules/@headlessui/react/dist/components/transition/transition.js";
 function X({ on: e, size: n }) {
   return /* @__PURE__ */ r(
@@ -46,8 +46,8 @@ function ur(e) {
 function pr({ close: e }) {
   return H(() => {
     const n = (l) => {
-      const u = document.querySelector("[data-roster-mobile-panel]"), v = document.querySelector("[data-roster-hamburger]"), h = l.target;
-      !u?.contains(h) && !v?.contains(h) && e();
+      const x = document.querySelector("[data-roster-mobile-panel]"), v = document.querySelector("[data-roster-hamburger]"), h = l.target;
+      !x?.contains(h) && !v?.contains(h) && e();
     };
     return document.addEventListener("pointerdown", n, { capture: !0 }), () => document.removeEventListener("pointerdown", n, { capture: !0 });
   }, [e]), null;
@@ -65,15 +65,15 @@ const Ir = ({
   logoSrc: e,
   logoSize: n = "2rem",
   logoClassName: l,
-  brandName: u,
+  brandName: x,
   items: v,
   activePath: h,
-  routerElement: y,
+  routerElement: p,
   user: i,
   onLogin: b,
   onLogout: k,
   onInboxClick: N,
-  onThemeToggle: f,
+  onThemeToggle: y,
   actions: J,
   brandElement: M,
   navActions: P,
@@ -86,7 +86,7 @@ const Ir = ({
   notificationFill: L = "solid",
   ...W
 }) => {
-  const C = (i?.notificationCount || 0) > 0, R = typeof n == "number" ? `${n}px` : n, $ = { width: R, height: R }, Y = ur(B === "auto"), c = (B === "auto" ? Y ? "dark" : "light" : B ?? (m === "white" || m === "default" ? "light" : "dark")) === "dark", j = m === "slate" || m === "primary" || m === "default" && c || m === "white" && c || m === "transparent" && c, D = {
+  const C = (i?.notificationCount || 0) > 0, R = typeof n == "number" ? `${n}px` : n, q = { width: R, height: R }, Y = ur(B === "auto"), c = (B === "auto" ? Y ? "dark" : "light" : B ?? (m === "white" || m === "default" ? "light" : "dark")) === "dark", j = m === "slate" || m === "primary" || m === "default" && c || m === "white" && c || m === "transparent" && c, D = {
     brand: j ? "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: j ? "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: j ? "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",
@@ -103,9 +103,9 @@ const Ir = ({
         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,
+              f,
               {
-                as: y,
+                as: p,
                 href: "/",
                 to: "/",
                 variant: "neutral",
@@ -119,12 +119,12 @@ const Ir = ({
                     "img",
                     {
                       src: e,
-                      alt: `${u} Logo`,
-                      style: $,
+                      alt: "",
+                      style: q,
                       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 })
+                  M ?? /* @__PURE__ */ r("span", { className: "rst:text-xl rst:font-bold rst:tracking-tight", children: x })
                 ]
               }
             ),
@@ -132,9 +132,9 @@ const Ir = ({
               /* @__PURE__ */ r("div", { className: "rst:flex rst:items-center rst:gap-6", children: v.map((t) => {
                 const o = h === t.path;
                 return /* @__PURE__ */ s(
-                  x,
+                  f,
                   {
-                    as: y,
+                    as: p,
                     href: t.path,
                     to: t.path,
                     variant: "neutral",
@@ -166,7 +166,7 @@ const Ir = ({
                     }
                   ),
                   C && /* @__PURE__ */ r("div", { className: "rst:absolute rst:-top-1 rst:-right-2", children: /* @__PURE__ */ r(
-                    V,
+                    _,
                     {
                       fill: L,
                       size: "xs",
@@ -179,7 +179,7 @@ const Ir = ({
                 /* @__PURE__ */ r(
                   T,
                   {
-                    as: q,
+                    as: E,
                     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",
@@ -189,7 +189,7 @@ const Ir = ({
                     children: /* @__PURE__ */ s(dr, { 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 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,
+                          u,
                           {
                             variant: "ghost",
                             colorScheme: "neutral",
@@ -213,7 +213,7 @@ const Ir = ({
                             ]
                           }
                         ) }),
-                        f && /* @__PURE__ */ r(A, { children: ({ focus: t }) => (
+                        y && /* @__PURE__ */ r(A, { children: ({ focus: t }) => (
                           /* The row is the control. Headless UI keeps
                              focus on the menu and clicks the active item
                              on Enter or Space, so the row needs no key
@@ -224,7 +224,7 @@ const Ir = ({
                               ref: gr,
                               "aria-checked": c,
                               onClick: (o) => {
-                                o.preventDefault(), f();
+                                o.preventDefault(), y();
                               },
                               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",
@@ -235,7 +235,7 @@ const Ir = ({
                                   /* @__PURE__ */ r(
                                     g,
                                     {
-                                      icon: E,
+                                      icon: K,
                                       className: a(
                                         "rst:w-4 rst:transition-colors",
                                         c ? "rst:text-amber-500" : "rst:text-gray-400"
@@ -251,9 +251,9 @@ const Ir = ({
                         ) })
                       ] }),
                       w.length > 0 && /* @__PURE__ */ r("div", { className: "rst:py-1", children: w.map((t) => /* @__PURE__ */ r(A, { children: ({ focus: o }) => /* @__PURE__ */ s(
-                        x,
+                        f,
                         {
-                          as: y,
+                          as: p,
                           href: t.path,
                           to: t.path,
                           variant: "neutral",
@@ -269,7 +269,7 @@ const Ir = ({
                         }
                       ) }, t.path)) }),
                       k && /* @__PURE__ */ r("div", { className: "rst:py-1", children: /* @__PURE__ */ r(A, { children: ({ focus: t }) => /* @__PURE__ */ r(
-                        p,
+                        u,
                         {
                           variant: "ghost",
                           colorScheme: "neutral",
@@ -292,10 +292,10 @@ const Ir = ({
                     ] })
                   }
                 )
-              ] }) : /* @__PURE__ */ r(p, { size: "sm", variant: "solid", colorScheme: "primary", onClick: b, children: "Log In" }))
+              ] }) : /* @__PURE__ */ r(u, { 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(
-              _,
+              $,
               {
                 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",
@@ -306,7 +306,7 @@ const Ir = ({
                   F ? /* @__PURE__ */ r(
                     g,
                     {
-                      icon: K,
+                      icon: V,
                       className: "rst:block rst:h-6 rst:w-6",
                       "aria-hidden": "true"
                     }
@@ -330,7 +330,7 @@ const Ir = ({
           /* @__PURE__ */ r(
             T,
             {
-              as: q,
+              as: E,
               enter: "rst:duration-200 rst:ease-out",
               enterFrom: "rst:opacity-0 rst:scale-95",
               enterTo: "rst:opacity-100 rst:scale-100",
@@ -350,19 +350,19 @@ const Ir = ({
                             "img",
                             {
                               src: e,
-                              alt: u,
-                              style: $,
+                              alt: "",
+                              style: q,
                               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 })
+                          M ?? /* @__PURE__ */ r("span", { className: "rst:font-bold rst:text-gray-900 rst:dark:text-white", children: x })
                         ] }),
-                        /* @__PURE__ */ r("div", { className: "rst:-mr-2", children: /* @__PURE__ */ s(_, { 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("div", { className: "rst:-mr-2", children: /* @__PURE__ */ s($, { 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: K,
+                              icon: V,
                               className: "rst:h-6 rst:w-6",
                               "aria-hidden": "true"
                             }
@@ -375,9 +375,9 @@ const Ir = ({
                           v.map((t) => {
                             const o = h === t.path;
                             return /* @__PURE__ */ r(
-                              x,
+                              f,
                               {
-                                as: y,
+                                as: p,
                                 href: t.path,
                                 to: t.path,
                                 onClick: () => d(),
@@ -410,9 +410,9 @@ const Ir = ({
                             w.map((t) => {
                               const o = h === t.path;
                               return /* @__PURE__ */ s(
-                                x,
+                                f,
                                 {
-                                  as: y,
+                                  as: p,
                                   href: t.path,
                                   to: t.path,
                                   onClick: () => d(),
@@ -445,7 +445,7 @@ const Ir = ({
                       ] })
                     ] }),
                     (i || S || b) && /* @__PURE__ */ r("div", { className: "rst:py-6 rst:px-5 rst:space-y-4", children: S || (!i && b ? /* @__PURE__ */ r(
-                      p,
+                      u,
                       {
                         variant: "solid",
                         colorScheme: "primary",
@@ -457,7 +457,7 @@ const Ir = ({
                       }
                     ) : /* @__PURE__ */ s(I, { children: [
                       C && N && /* @__PURE__ */ r(
-                        p,
+                        u,
                         {
                           variant: "ghost",
                           colorScheme: "neutral",
@@ -466,7 +466,7 @@ const Ir = ({
                           },
                           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(
-                            V,
+                            _,
                             {
                               fill: L,
                               size: "xs",
@@ -478,19 +478,19 @@ const Ir = ({
                           children: "Pending Invitations"
                         }
                       ),
-                      f && /* The row is the switch: one tab stop, its
+                      y && /* The row is the switch: one tab stop, its
                       state in `aria-checked`, its name from its text. */
                       /* @__PURE__ */ s(
                         "div",
                         {
                           onClick: (t) => {
-                            t.preventDefault(), f();
+                            t.preventDefault(), y();
                           },
                           role: "switch",
                           "aria-checked": c,
                           tabIndex: 0,
                           onKeyDown: (t) => {
-                            t.repeat || (t.key === "Enter" || t.key === " ") && (t.preventDefault(), f());
+                            t.repeat || (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: [
@@ -498,7 +498,7 @@ const Ir = ({
                               /* @__PURE__ */ r(
                                 g,
                                 {
-                                  icon: E,
+                                  icon: K,
                                   className: a(
                                     "rst:w-5 rst:transition-colors",
                                     c ? "rst:text-amber-500" : "rst:text-gray-400"
@@ -512,7 +512,7 @@ const Ir = ({
                         }
                       ),
                       k && /* @__PURE__ */ r(
-                        p,
+                        u,
                         {
                           variant: "outline",
                           colorScheme: "error",

package/dist/index.d.ts

@@ -66,6 +66,7 @@ export * from './components/molecules/CallToAction/call-to-action-variants';
 export * from './components/molecules/EmptyState/EmptyState';
 export * from './components/molecules/EmptyState/empty-state-variants';
 export * from './components/molecules/MediaPreview/MediaPreview';
+export * from './components/molecules/FileUpload/FileUpload';
 export * from './components/molecules/ErrorState/ErrorState';
 export * from './components/molecules/ErrorState/error-state-variants';
 export * from './components/molecules/MatchupCard/MatchupCard';

package/dist/meta.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.4.0",
-  "tests": 1892,
-  "testFiles": 343
+  "version": "5.5.0",
+  "tests": 1966,
+  "testFiles": 362
 }

package/dist/roster.cjs

@@ -1 +1 @@
-"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"),d=require("./components/atoms/Badge/Badge.cjs"),b=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"),t=require("./components/atoms/Disclosure/disclosure-variants.cjs"),v=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),A=require("./components/atoms/Link/Link.cjs"),m=require("./components/atoms/Link/link-variants.cjs"),x=require("./components/atoms/PasswordInput/PasswordInput.cjs"),k=require("./components/atoms/Combobox/Combobox.cjs"),D=require("./components/atoms/Chip/Chip.cjs"),E=require("./components/atoms/Chip/chip-variants.cjs"),B=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),y=require("./components/atoms/Eyebrow/Eyebrow.cjs"),L=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),P=require("./components/atoms/InlineCode/InlineCode.cjs"),I=require("./components/atoms/InlineCode/inline-code-variants.cjs"),M=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),O=require("./components/atoms/Stat/Stat.cjs"),G=require("./components/atoms/Stat/stat-variants.cjs"),N=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),Q=require("./components/atoms/MultiSelect/MultiSelect.cjs"),R=require("./components/atoms/Select/Select.cjs"),o=require("./components/atoms/Select/select-variants.cjs"),H=require("./components/atoms/Spinner/Spinner.cjs"),F=require("./components/atoms/Switch/Switch.cjs"),s=require("./components/atoms/Switch/switch-variants.cjs"),K=require("./components/atoms/Textarea/Textarea.cjs"),_=require("./components/atoms/Textarea/textarea-variants.cjs"),W=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),X=require("./components/atoms/Tooltip/Tooltip.cjs"),f=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),j=require("./components/atoms/SegmentBar/SegmentBar.cjs"),z=require("./components/molecules/Toast/Toast.cjs"),J=require("./components/molecules/Toast/toast-variants.cjs"),U=require("./components/molecules/Toast/Toaster.cjs"),u=require("./components/molecules/Toast/toast-api.cjs"),Y=require("./components/molecules/Alert/Alert.cjs"),Z=require("./components/molecules/Alert/alert-variants.cjs"),$=require("./components/molecules/Accordion/Accordion.cjs"),ee=require("./components/molecules/DescriptionList/DescriptionList.cjs"),re=require("./components/molecules/DescriptionList/description-list-variants.cjs"),ae=require("./components/molecules/Pullquote/Pullquote.cjs"),te=require("./components/molecules/Pullquote/pullquote-variants.cjs"),ie=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),c=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),ne=require("./components/molecules/RadioGroup/RadioGroup.cjs"),a=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),oe=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),se=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),ue=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),ce=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),le=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),Ve=require("./components/molecules/Carousel/Carousel.cjs"),qe=require("./components/molecules/CallToAction/CallToAction.cjs"),de=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),be=require("./components/molecules/EmptyState/EmptyState.cjs"),pe=require("./components/molecules/EmptyState/empty-state-variants.cjs"),Te=require("./components/molecules/MediaPreview/MediaPreview.cjs"),Ce=require("./components/molecules/ErrorState/ErrorState.cjs"),Se=require("./components/molecules/ErrorState/error-state-variants.cjs"),he=require("./components/molecules/MatchupCard/MatchupCard.cjs"),ge=require("./components/organisms/ActionBar/ActionBar.cjs"),we=require("./components/organisms/ActionBar/action-bar-variants.cjs"),ve=require("./components/organisms/Countdown/Countdown.cjs"),Ae=require("./components/organisms/Dialog/Dialog.cjs"),me=require("./components/organisms/Footer/Footer.cjs"),xe=require("./components/organisms/Navbar/Navbar.cjs"),ke=require("./components/organisms/Navbar/navbar-variants.cjs"),De=require("./components/organisms/Sheet/Sheet.cjs"),Ee=require("./components/organisms/ModerationQueue/ModerationQueue.cjs"),Be=require("./components/organisms/ModerationQueue/queue-actions.cjs"),ye=require("./components/organisms/ModerationQueue/QueueEditDialog.cjs"),Le=require("./components/organisms/ModerationQueue/QueueEditSheet.cjs"),e=require("./components/organisms/Table/Table.cjs"),r=require("./components/organisms/Table/table-variants.cjs"),Pe=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),Ie=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=d.Badge;exports.badgeVariants=b.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=t.disclosureContentVariants;exports.disclosureTriggerVariants=t.disclosureTriggerVariants;exports.Input=v.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=A.Link;exports.linkVariants=m.linkVariants;exports.PasswordInput=x.PasswordInput;exports.Combobox=k.Combobox;exports.Chip=D.Chip;exports.chipVariants=E.chipVariants;exports.Pill=B.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=y.Eyebrow;exports.eyebrowVariants=L.eyebrowVariants;exports.InlineCode=P.InlineCode;exports.inlineCodeVariants=I.inlineCodeVariants;exports.LabeledDivider=M.LabeledDivider;exports.Stat=O.Stat;exports.statValueVariants=G.statValueVariants;exports.ThemeToggle=N.ThemeToggle;exports.MultiSelect=Q.MultiSelect;exports.Select=R.Select;exports.selectOptionVariants=o.selectOptionVariants;exports.selectTriggerVariants=o.selectTriggerVariants;exports.Spinner=H.Spinner;exports.Switch=F.Switch;exports.switchThumbVariants=s.switchThumbVariants;exports.switchTrackVariants=s.switchTrackVariants;exports.Textarea=K.Textarea;exports.textareaVariants=_.textareaVariants;exports.AvatarStrip=W.AvatarStrip;exports.Tooltip=X.Tooltip;exports.CollapsibleSection=f.CollapsibleSection;exports.SegmentBar=j.SegmentBar;exports.Toast=z.Toast;exports.toastVariants=J.toastVariants;exports.Toaster=U.Toaster;exports.TONE_PREFIX=u.TONE_PREFIX;exports.toast=u.toast;exports.Alert=Y.Alert;exports.alertVariants=Z.alertVariants;exports.Accordion=$.Accordion;exports.DescriptionList=ee.DescriptionList;exports.descriptionListVariants=re.descriptionListVariants;exports.Pullquote=ae.Pullquote;exports.pullquoteVariants=te.pullquoteVariants;exports.CheckboxGroup=ie.CheckboxGroup;exports.checkboxGroupOptionsVariants=c.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=c.checkboxGroupPanelVariants;exports.RadioGroup=ne.RadioGroup;exports.radioDotVariants=a.radioDotVariants;exports.radioGroupOptionsVariants=a.radioGroupOptionsVariants;exports.radioOptionVariants=a.radioOptionVariants;exports.radioVariants=a.radioVariants;exports.Breadcrumbs=oe.Breadcrumbs;exports.breadcrumbVariants=se.breadcrumbVariants;exports.LiquidTabs=ue.LiquidTabs;exports.LiquidNav=ce.LiquidNav;exports.liquidTabId=le.liquidTabId;exports.Carousel=Ve.Carousel;exports.CallToAction=qe.CallToAction;exports.ctaVariants=de.ctaVariants;exports.EmptyState=be.EmptyState;exports.emptyStateVariants=pe.emptyStateVariants;exports.MediaPreview=Te.MediaPreview;exports.ErrorState=Ce.ErrorState;exports.errorStateVariants=Se.errorStateVariants;exports.MatchupCard=he.MatchupCard;exports.ActionBar=ge.ActionBar;exports.actionBarVariants=we.actionBarVariants;exports.Countdown=ve.Countdown;exports.Dialog=Ae.Dialog;exports.Footer=me.Footer;exports.Navbar=xe.Navbar;exports.navbarVariants=ke.navbarVariants;exports.Sheet=De.Sheet;exports.ModerationQueue=Ee.ModerationQueue;exports.editAction=Be.editAction;exports.QueueEditDialog=ye.QueueEditDialog;exports.QueueEditSheet=Le.QueueEditSheet;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.tableCellVariants=r.tableCellVariants;exports.tableHeadVariants=r.tableHeadVariants;exports.tableHeaderVariants=r.tableHeaderVariants;exports.tableRowVariants=r.tableRowVariants;exports.tableVariants=r.tableVariants;exports.tableWrapperVariants=r.tableWrapperVariants;exports.useCountdown=Pe.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=Ie.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"),d=require("./components/atoms/Badge/Badge.cjs"),b=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"),t=require("./components/atoms/Disclosure/disclosure-variants.cjs"),v=require("./components/atoms/Input/Input.cjs"),i=require("./components/atoms/Input/input-variants.cjs"),A=require("./components/atoms/Link/Link.cjs"),m=require("./components/atoms/Link/link-variants.cjs"),x=require("./components/atoms/PasswordInput/PasswordInput.cjs"),k=require("./components/atoms/Combobox/Combobox.cjs"),D=require("./components/atoms/Chip/Chip.cjs"),E=require("./components/atoms/Chip/chip-variants.cjs"),B=require("./components/atoms/Pill/Pill.cjs"),n=require("./components/atoms/Pill/pill-variants.cjs"),y=require("./components/atoms/Eyebrow/Eyebrow.cjs"),L=require("./components/atoms/Eyebrow/eyebrow-variants.cjs"),P=require("./components/atoms/InlineCode/InlineCode.cjs"),I=require("./components/atoms/InlineCode/inline-code-variants.cjs"),M=require("./components/atoms/LabeledDivider/LabeledDivider.cjs"),O=require("./components/atoms/Stat/Stat.cjs"),G=require("./components/atoms/Stat/stat-variants.cjs"),F=require("./components/atoms/ThemeToggle/ThemeToggle.cjs"),N=require("./components/atoms/MultiSelect/MultiSelect.cjs"),Q=require("./components/atoms/Select/Select.cjs"),o=require("./components/atoms/Select/select-variants.cjs"),R=require("./components/atoms/Spinner/Spinner.cjs"),H=require("./components/atoms/Switch/Switch.cjs"),s=require("./components/atoms/Switch/switch-variants.cjs"),K=require("./components/atoms/Textarea/Textarea.cjs"),_=require("./components/atoms/Textarea/textarea-variants.cjs"),U=require("./components/atoms/AvatarStrip/AvatarStrip.cjs"),W=require("./components/atoms/Tooltip/Tooltip.cjs"),X=require("./components/atoms/CollapsibleSection/CollapsibleSection.cjs"),f=require("./components/atoms/SegmentBar/SegmentBar.cjs"),j=require("./components/molecules/Toast/Toast.cjs"),z=require("./components/molecules/Toast/toast-variants.cjs"),J=require("./components/molecules/Toast/Toaster.cjs"),u=require("./components/molecules/Toast/toast-api.cjs"),Y=require("./components/molecules/Alert/Alert.cjs"),Z=require("./components/molecules/Alert/alert-variants.cjs"),$=require("./components/molecules/Accordion/Accordion.cjs"),ee=require("./components/molecules/DescriptionList/DescriptionList.cjs"),re=require("./components/molecules/DescriptionList/description-list-variants.cjs"),ae=require("./components/molecules/Pullquote/Pullquote.cjs"),te=require("./components/molecules/Pullquote/pullquote-variants.cjs"),ie=require("./components/molecules/CheckboxGroup/CheckboxGroup.cjs"),c=require("./components/molecules/CheckboxGroup/checkbox-group-variants.cjs"),ne=require("./components/molecules/RadioGroup/RadioGroup.cjs"),a=require("./components/molecules/RadioGroup/radio-group-variants.cjs"),oe=require("./components/molecules/Breadcrumbs/Breadcrumbs.cjs"),se=require("./components/molecules/Breadcrumbs/breadcrumb-variants.cjs"),ue=require("./components/molecules/LiquidTabs/LiquidTabs.cjs"),ce=require("./components/molecules/LiquidTabs/LiquidNav.cjs"),le=require("./components/molecules/LiquidTabs/liquid-tab-id.cjs"),Ve=require("./components/molecules/Carousel/Carousel.cjs"),qe=require("./components/molecules/CallToAction/CallToAction.cjs"),de=require("./components/molecules/CallToAction/call-to-action-variants.cjs"),be=require("./components/molecules/EmptyState/EmptyState.cjs"),pe=require("./components/molecules/EmptyState/empty-state-variants.cjs"),Te=require("./components/molecules/MediaPreview/MediaPreview.cjs"),Ce=require("./components/molecules/FileUpload/FileUpload.cjs"),Se=require("./components/molecules/ErrorState/ErrorState.cjs"),he=require("./components/molecules/ErrorState/error-state-variants.cjs"),ge=require("./components/molecules/MatchupCard/MatchupCard.cjs"),we=require("./components/organisms/ActionBar/ActionBar.cjs"),ve=require("./components/organisms/ActionBar/action-bar-variants.cjs"),Ae=require("./components/organisms/Countdown/Countdown.cjs"),me=require("./components/organisms/Dialog/Dialog.cjs"),xe=require("./components/organisms/Footer/Footer.cjs"),ke=require("./components/organisms/Navbar/Navbar.cjs"),De=require("./components/organisms/Navbar/navbar-variants.cjs"),Ee=require("./components/organisms/Sheet/Sheet.cjs"),Be=require("./components/organisms/ModerationQueue/ModerationQueue.cjs"),ye=require("./components/organisms/ModerationQueue/queue-actions.cjs"),Le=require("./components/organisms/ModerationQueue/QueueEditDialog.cjs"),Pe=require("./components/organisms/ModerationQueue/QueueEditSheet.cjs"),e=require("./components/organisms/Table/Table.cjs"),r=require("./components/organisms/Table/table-variants.cjs"),Ie=require("./hooks/useCountdown.cjs"),l=require("./hooks/useKeySequence.cjs"),Me=require("./lib/utils.cjs");exports.Avatar=V.Avatar;exports.avatarVariants=q.avatarVariants;exports.Badge=d.Badge;exports.badgeVariants=b.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=t.disclosureContentVariants;exports.disclosureTriggerVariants=t.disclosureTriggerVariants;exports.Input=v.Input;exports.iconVariants=i.iconVariants;exports.inputVariants=i.inputVariants;exports.Link=A.Link;exports.linkVariants=m.linkVariants;exports.PasswordInput=x.PasswordInput;exports.Combobox=k.Combobox;exports.Chip=D.Chip;exports.chipVariants=E.chipVariants;exports.Pill=B.Pill;exports.pillDotVariants=n.pillDotVariants;exports.pillVariants=n.pillVariants;exports.Eyebrow=y.Eyebrow;exports.eyebrowVariants=L.eyebrowVariants;exports.InlineCode=P.InlineCode;exports.inlineCodeVariants=I.inlineCodeVariants;exports.LabeledDivider=M.LabeledDivider;exports.Stat=O.Stat;exports.statValueVariants=G.statValueVariants;exports.ThemeToggle=F.ThemeToggle;exports.MultiSelect=N.MultiSelect;exports.Select=Q.Select;exports.selectOptionVariants=o.selectOptionVariants;exports.selectTriggerVariants=o.selectTriggerVariants;exports.Spinner=R.Spinner;exports.Switch=H.Switch;exports.switchThumbVariants=s.switchThumbVariants;exports.switchTrackVariants=s.switchTrackVariants;exports.Textarea=K.Textarea;exports.textareaVariants=_.textareaVariants;exports.AvatarStrip=U.AvatarStrip;exports.Tooltip=W.Tooltip;exports.CollapsibleSection=X.CollapsibleSection;exports.SegmentBar=f.SegmentBar;exports.Toast=j.Toast;exports.toastVariants=z.toastVariants;exports.Toaster=J.Toaster;exports.TONE_PREFIX=u.TONE_PREFIX;exports.toast=u.toast;exports.Alert=Y.Alert;exports.alertVariants=Z.alertVariants;exports.Accordion=$.Accordion;exports.DescriptionList=ee.DescriptionList;exports.descriptionListVariants=re.descriptionListVariants;exports.Pullquote=ae.Pullquote;exports.pullquoteVariants=te.pullquoteVariants;exports.CheckboxGroup=ie.CheckboxGroup;exports.checkboxGroupOptionsVariants=c.checkboxGroupOptionsVariants;exports.checkboxGroupPanelVariants=c.checkboxGroupPanelVariants;exports.RadioGroup=ne.RadioGroup;exports.radioDotVariants=a.radioDotVariants;exports.radioGroupOptionsVariants=a.radioGroupOptionsVariants;exports.radioOptionVariants=a.radioOptionVariants;exports.radioVariants=a.radioVariants;exports.Breadcrumbs=oe.Breadcrumbs;exports.breadcrumbVariants=se.breadcrumbVariants;exports.LiquidTabs=ue.LiquidTabs;exports.LiquidNav=ce.LiquidNav;exports.liquidTabId=le.liquidTabId;exports.Carousel=Ve.Carousel;exports.CallToAction=qe.CallToAction;exports.ctaVariants=de.ctaVariants;exports.EmptyState=be.EmptyState;exports.emptyStateVariants=pe.emptyStateVariants;exports.MediaPreview=Te.MediaPreview;exports.FileUpload=Ce.FileUpload;exports.ErrorState=Se.ErrorState;exports.errorStateVariants=he.errorStateVariants;exports.MatchupCard=ge.MatchupCard;exports.ActionBar=we.ActionBar;exports.actionBarVariants=ve.actionBarVariants;exports.Countdown=Ae.Countdown;exports.Dialog=me.Dialog;exports.Footer=xe.Footer;exports.Navbar=ke.Navbar;exports.navbarVariants=De.navbarVariants;exports.Sheet=Ee.Sheet;exports.ModerationQueue=Be.ModerationQueue;exports.editAction=ye.editAction;exports.QueueEditDialog=Le.QueueEditDialog;exports.QueueEditSheet=Pe.QueueEditSheet;exports.Table=e.Table;exports.TableBody=e.TableBody;exports.TableCaption=e.TableCaption;exports.TableCell=e.TableCell;exports.TableFooter=e.TableFooter;exports.TableHead=e.TableHead;exports.TableHeader=e.TableHeader;exports.TableRow=e.TableRow;exports.tableCellVariants=r.tableCellVariants;exports.tableHeadVariants=r.tableHeadVariants;exports.tableHeaderVariants=r.tableHeaderVariants;exports.tableRowVariants=r.tableRowVariants;exports.tableVariants=r.tableVariants;exports.tableWrapperVariants=r.tableWrapperVariants;exports.useCountdown=Ie.useCountdown;exports.KONAMI_CODE=l.KONAMI_CODE;exports.useKeySequence=l.useKeySequence;exports.cn=Me.cn;