admin-ui-starter-kit 0.1.4 → 0.4.3

package/dist/showcase/assets/layout-users-nuioUkeu.js

@@ -1,104 +0,0 @@
-import{n as e}from"./chunk-QTnfLwEv.js";import{Cr as t,gr as n,hr as r,mr as i,r as a,t as o}from"./example-C6-_Sy6B.js";import{t as s}from"./chevrons-up-down-DJNnSBAj.js";import{b as c,f as l,m as u,n as d,r as f,t as p}from"./sidebar.context-D3P7qppn.js";import{t as m}from"./settings-DlKX-bZT.js";import{t as h}from"./user-plus-iOsntM6P.js";import{t as g}from"./user-CGcV8Ppb.js";import{D as _,a as v}from"./index-B8DVXCmf.js";import{a as y,c as b,l as x,r as S,t as C}from"./dropdown-menu-Q1BV3wPP.js";import{a as w,i as T,n as E,o as D,r as O,t as k}from"./avatar-QBwg3fvR.js";import{n as A}from"./PreviewLayout-N1PTTyZK.js";import{t as j}from"./sidebar-JWZ88xw5.js";var M=v(),N={profile:`Profile`,settings:`Settings`,logout:`Log out`};function P(e){return e.split(` `).map(e=>e[0]).filter(Boolean).slice(0,2).join(``).toUpperCase()}function F({user:e,customContent:n,onProfile:r,onSettings:i,onLogout:a,strings:o,renderTrigger:f}){let p=_(N,o),{state:h,isMobile:v}=d(),w=v||h!==`collapsed`?`bottom`:`right`,T=P(e.name),E=(0,M.jsxs)(M.Fragment,{children:[!!r&&(0,M.jsxs)(y,{onClick:r,children:[(0,M.jsx)(g,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,M.jsx)(t,{tag:`span`,size:`xs`,className:`text-inherit`,children:p.profile})]}),!!i&&(0,M.jsxs)(y,{onClick:i,children:[(0,M.jsx)(m,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,M.jsx)(t,{tag:`span`,size:`xs`,className:`text-inherit`,children:p.settings})]}),!!(r||i)&&!!a&&(0,M.jsx)(b,{}),!!a&&(0,M.jsxs)(y,{onClick:a,children:[(0,M.jsx)(c,{className:`mr-2 size-4`,"aria-hidden":`true`}),(0,M.jsx)(t,{tag:`span`,size:`xs`,className:`text-inherit`,children:p.logout})]})]});return(0,M.jsx)(l,{children:(0,M.jsx)(u,{children:(0,M.jsxs)(C,{children:[(0,M.jsx)(x,{render:(0,M.jsx)(j,{size:`lg`,className:`group text-sidebar-accent-foreground data-[state=open]:bg-sidebar-accent`}),children:f?.(e)??(0,M.jsxs)(M.Fragment,{children:[(0,M.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-2`,children:[(0,M.jsxs)(k,{className:`size-8 rounded-full`,children:[!!e.avatar&&(0,M.jsx)(D,{src:e.avatar,alt:e.name}),(0,M.jsx)(O,{className:`bg-sidebar-accent text-xs text-sidebar-accent-foreground`,children:T})]}),(0,M.jsxs)(`div`,{className:`flex flex-1 flex-col items-start justify-center overflow-hidden`,children:[(0,M.jsx)(t,{weight:`medium`,className:`w-full truncate`,children:e.name}),!!e.email&&(0,M.jsx)(t,{size:`xs`,type:`secondary`,className:`w-full truncate`,children:e.email})]})]}),(0,M.jsx)(s,{className:`ml-auto size-4 shrink-0`,"aria-hidden":`true`})]})}),(0,M.jsx)(S,{className:`w-(--radix-dropdown-menu-trigger-width) min-w-56 rounded-lg`,align:`end`,side:w,sideOffset:4,children:n??E})]})})})}var I=e({AvatarStates:()=>z,CustomTriggerCustomContent:()=>H,HeaderUserMenuExample:()=>B,SidebarUserMenu:()=>V}),L=[{name:`Sarah Smitha`,email:`maria@example.com`,avatar:`https://i.pravatar.cc/96?img=5`},{name:`Daniel Kowalski`,email:`stefan@example.com`,avatar:`https://i.pravatar.cc/96?img=12`},{name:`Emma Markova`,email:`elena@example.com`}];function R(e){return e.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase()}function z(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsxs)(A,{children:[L.map((e,t)=>(0,M.jsxs)(k,{size:t===0?`lg`:`default`,children:[!!e.avatar&&(0,M.jsx)(D,{src:e.avatar,alt:e.name}),(0,M.jsx)(O,{children:R(e.name)}),(0,M.jsx)(E,{className:t===1?`bg-warning`:`bg-success`})]},e.name)),(0,M.jsxs)(T,{children:[L.map(e=>(0,M.jsxs)(k,{children:[!!e.avatar&&(0,M.jsx)(D,{src:e.avatar,alt:e.name}),(0,M.jsx)(O,{children:R(e.name)})]},e.name)),(0,M.jsx)(w,{children:`+8`})]})]})})}function B(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsxs)(`div`,{className:`flex flex-col gap-4 rounded-xl border border-border p-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,M.jsxs)(`div`,{className:`min-w-0`,children:[(0,M.jsx)(t,{weight:`semibold`,children:`Account switcher surface`}),(0,M.jsx)(t,{size:`xs`,type:`secondary`,children:`Default trigger renders avatar, name, email, and dropdown actions.`})]}),(0,M.jsx)(f,{user:L[0],onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})]})})}function V(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsx)(p,{children:(0,M.jsx)(`div`,{className:`max-w-sm rounded-xl border border-border bg-sidebar p-2 text-sidebar-foreground`,children:(0,M.jsx)(F,{user:L[1],onProfile:()=>{},onSettings:()=>{},onLogout:()=>{}})})})})}function H(){return(0,M.jsx)(M.Fragment,{children:(0,M.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-2`,children:[(0,M.jsx)(f,{user:L[2],renderTrigger:e=>(0,M.jsxs)(a,{type:`button`,variant:`secondary`,buttonStyle:`outline`,className:`h-auto gap-3 rounded-full px-3 py-2`,children:[(0,M.jsx)(k,{size:`sm`,children:(0,M.jsx)(O,{children:R(e.name)})}),(0,M.jsx)(t,{tag:`span`,size:`xs`,weight:`medium`,children:e.name}),(0,M.jsx)(n,{variant:`info`,children:`Admin`})]}),customContent:(0,M.jsxs)(`div`,{className:`space-y-1`,children:[(0,M.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:g,className:`w-full justify-start`,children:`Profile`}),(0,M.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:m,className:`w-full justify-start`,children:`Preferences`}),(0,M.jsx)(a,{variant:`secondary`,buttonStyle:`ghost`,icon:c,className:`w-full justify-start`,children:`Sign out`})]})}),(0,M.jsxs)(`div`,{className:`flex items-center gap-3 rounded-xl border border-border p-4`,children:[(0,M.jsx)(a,{variant:`primary`,icon:h,children:`Invite user`}),(0,M.jsx)(t,{size:`xs`,type:`secondary`,children:`Pair user menus with base buttons and badges for app-specific account controls.`})]})]})})}var U=`import { LogOut, Settings, User, UserPlus } from 'lucide-react';
-import { Button } from '@/components/base/buttons';
-import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from '@/components/base/display/avatar';
-import { Text } from '@/components/typography';
-import { Badge } from '@/components/base/badge';
-import { HeaderUserMenu } from '@/components/layout/header';
-import { SidebarNavigationUser, SidebarProvider } from '@/components/layout/sidebar';
-import type { LayoutUser } from '@/components/layout';
-import { Row } from '../../PreviewLayout';
-
-const users: LayoutUser[] = [
-	{ name: 'Sarah Smitha', email: 'maria@example.com', avatar: 'https://i.pravatar.cc/96?img=5' },
-	{ name: 'Daniel Kowalski', email: 'stefan@example.com', avatar: 'https://i.pravatar.cc/96?img=12' },
-	{ name: 'Emma Markova', email: 'elena@example.com' },
-];
-
-function initials(name: string) {
-	return name.split(' ').map((part) => part[0]).join('').slice(0, 2).toUpperCase();
-}
-
-export function AvatarStates() {
-	return (
-		<>
-			<Row>
-								{users.map((user, index) => (
-									<Avatar key={user.name} size={index === 0 ? 'lg' : 'default'}>
-										{!!user.avatar && <AvatarImage src={user.avatar} alt={user.name} />}
-										<AvatarFallback>{initials(user.name)}</AvatarFallback>
-										<AvatarBadge className={index === 1 ? 'bg-warning' : 'bg-success'} />
-									</Avatar>
-								))}
-								<AvatarGroup>
-									{users.map((user) => (
-										<Avatar key={user.name}>
-											{!!user.avatar && <AvatarImage src={user.avatar} alt={user.name} />}
-											<AvatarFallback>{initials(user.name)}</AvatarFallback>
-										</Avatar>
-									))}
-									<AvatarGroupCount>+8</AvatarGroupCount>
-								</AvatarGroup>
-							</Row>
-		</>
-	);
-}
-
-export function HeaderUserMenuExample() {
-	return (
-		<>
-			<div className="flex flex-col gap-4 rounded-xl border border-border p-4 sm:flex-row sm:items-center sm:justify-between">
-				<div className="min-w-0">
-					<Text weight="semibold">Account switcher surface</Text>
-					<Text size="xs" type="secondary">Default trigger renders avatar, name, email, and dropdown actions.</Text>
-				</div>
-				<HeaderUserMenu user={users[0]} onProfile={() => {}} onSettings={() => {}} onLogout={() => {}} />
-			</div>
-		</>
-	);
-}
-
-export function SidebarUserMenu() {
-	return (
-		<>
-			<SidebarProvider>
-								<div className="max-w-sm rounded-xl border border-border bg-sidebar p-2 text-sidebar-foreground">
-									<SidebarNavigationUser user={users[1]} onProfile={() => {}} onSettings={() => {}} onLogout={() => {}} />
-								</div>
-							</SidebarProvider>
-		</>
-	);
-}
-
-export function CustomTriggerCustomContent() {
-	return (
-		<>
-			<div className="grid gap-4 md:grid-cols-2">
-								<HeaderUserMenu
-									user={users[2]}
-									renderTrigger={(user) => (
-										<Button type="button" variant="secondary" buttonStyle="outline" className="h-auto gap-3 rounded-full px-3 py-2">
-											<Avatar size="sm">
-												<AvatarFallback>{initials(user.name)}</AvatarFallback>
-											</Avatar>
-											<Text tag="span" size="xs" weight="medium">{user.name}</Text>
-											<Badge variant="info">Admin</Badge>
-										</Button>
-									)}
-									customContent={(
-										<div className="space-y-1">
-											<Button variant="secondary" buttonStyle="ghost" icon={User} className="w-full justify-start">Profile</Button>
-											<Button variant="secondary" buttonStyle="ghost" icon={Settings} className="w-full justify-start">Preferences</Button>
-											<Button variant="secondary" buttonStyle="ghost" icon={LogOut} className="w-full justify-start">Sign out</Button>
-										</div>
-									)}
-								/>
-
-								<div className="flex items-center gap-3 rounded-xl border border-border p-4">
-									<Button variant="primary" icon={UserPlus}>Invite user</Button>
-									<Text size="xs" type="secondary">Pair user menus with base buttons and badges for app-specific account controls.</Text>
-								</div>
-							</div>
-		</>
-	);
-}
-`;function W(e){return I||K(`Examples`,!1),z||K(`Examples.AvatarStates`,!0),H||K(`Examples.CustomTriggerCustomContent`,!0),B||K(`Examples.HeaderUserMenuExample`,!0),V||K(`Examples.SidebarUserMenu`,!0),(0,M.jsx)(r,{title:`Layout · Users & avatars`,description:`User identity surfaces used by layout headers, sidebars, menus, avatar groups, and status badges.`,layer:`layout`,status:`ready`,children:(0,M.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,M.jsx)(o,{name:`AvatarStates`,source:U,children:(0,M.jsx)(z,{})}),(0,M.jsx)(o,{name:`HeaderUserMenuExample`,source:U,children:(0,M.jsx)(B,{})}),(0,M.jsx)(o,{name:`SidebarUserMenu`,source:U,children:(0,M.jsx)(V,{})}),(0,M.jsx)(o,{name:`CustomTriggerCustomContent`,source:U,children:(0,M.jsx)(H,{})})]})})}function G(e={}){let{wrapper:t}=e.components||{};return t?(0,M.jsx)(t,{...e,children:(0,M.jsx)(W,{...e})}):W(e)}function K(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{G as default};

package/dist/showcase/assets/lock-DQcZ9cEj.js

@@ -1 +0,0 @@
-import{r as e}from"./index-B8DVXCmf.js";var t=e(`lock`,[[`rect`,{width:`18`,height:`11`,x:`3`,y:`11`,rx:`2`,ry:`2`,key:`1w4ew1`}],[`path`,{d:`M7 11V7a5 5 0 0 1 10 0v4`,key:`fwvmzm`}]]);export{t};

package/dist/showcase/assets/mail-yNXDtmNr.js

@@ -1 +0,0 @@
-import{r as e}from"./index-B8DVXCmf.js";var t=e(`mail`,[[`path`,{d:`m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7`,key:`132q7q`}],[`rect`,{x:`2`,y:`4`,width:`20`,height:`16`,rx:`2`,key:`izxlao`}]]);export{t};