nextuiq/dist/index5.js

NextUIQ is a modern, lightweight, and developer-friendly UI component library for React and Next.js. Built with TypeScript and Tailwind CSS, it offers customizable, accessible, and performance-optimized components with built-in dark mode, theme customizat

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index46.js"),t=require("./index4.js");exports.AvatarText=({src:s,fallback:r,title:i,subtitle:a,size:l="md",status:x,className:d="",id:o=`avatar-text-${Math.random().toString(36).substr(2,9)}`,titleId:n=`title-${o}`,subtitleId:m=`subtitle-${o}`})=>{const u=x?`User is ${x}`:void 0;return e.jsxRuntimeExports.jsxs("div",{className:`flex items-center gap-3 ${d}`,role:"group","aria-labelledby":n,"aria-describedby":a?m:void 0,children:[e.jsxRuntimeExports.jsx(t.Avatar,{src:s,fallback:r,size:l,status:x,"aria-hidden":"true",alt:u}),e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("h4",{id:n,className:`font-medium text-[oklch(var(--theme-foreground))] ${{sm:"text-sm",md:"text-base",lg:"text-lg"}[l]}`,children:i}),a&&e.jsxRuntimeExports.jsx("p",{id:m,className:"text-[oklch(var(--theme-muted-foreground))] "+("lg"===l?"text-base":"text-sm"),children:a}),x&&e.jsxRuntimeExports.jsx("span",{className:"sr-only",children:u})]})]})};