admin-ui-starter-kit 0.4.2 → 0.4.4

package/dist/showcase/assets/vendor-profile-wfI3PBuO.js

@@ -0,0 +1,37 @@
+import{n as e,r as t}from"./chunk-QTnfLwEv.js";import{n}from"./react-dom-Bz4cALsF.js";import{Dr as r,Er as i,Rr as a,Ur as o,r as s,t as c}from"./example-CTJ8AdNR.js";import{t as l}from"./chevron-right-t68um2_G.js";import{t as u}from"./message-square-DNOTaOFs.js";import{k as d,n as f,s as p}from"./index-DaYVSqKu.js";import{t as m}from"./props-table-C8la6vcG.js";import{t as h}from"./icon-badge-DMNu8xb5.js";import{t as g}from"./inline-stat-BYu-tiUU.js";import{c as _,i as v,r as y,t as b,u as x}from"./item-C4Xk3DC1.js";var S={tabOverview:`Overview`,tabStats:`Stats`,totalEarnings:`Total Earnings`,message:`Message`,hire:`Hire Me`,verifiedAriaLabel:`Verified`},C=t(n(),1),w=p();function T({name:e,initials:t,avatarUrl:n,role:r,verified:i=!1,earnings:c,earningsChange:p,metrics:m=[],stats:T=[],onMessage:E,onHire:D,className:O,strings:k}){let A=d(S,k),[j,M]=(0,C.useState)(`overview`),N=t??e.split(` `).map(e=>e[0]).join(``).slice(0,2).toUpperCase(),P={overview:A.tabOverview,stats:A.tabStats},F=!!c||m.length>0,I=T.length>0,L=[[`overview`,F],[`stats`,I]].filter(([,e])=>e).map(([e])=>e),R=j===`overview`&&!F&&I?`stats`:j;return(0,w.jsxs)(`div`,{className:f(`vendor-profile--component`,`flex flex-col gap-3 rounded-lg border border-border bg-card p-4 shadow-sm`,O),children:[(0,w.jsxs)(b,{className:`items-start px-0`,children:[(0,w.jsx)(_,{variant:n?`avatar`:`default`,children:n?(0,w.jsx)(`img`,{src:n,alt:e,className:`size-10 rounded-full object-cover ring-1 ring-border`}):(0,w.jsx)(h,{tone:`primary`,size:`md`,className:`font-semibold ring-1 ring-primary/15`,children:N})}),(0,w.jsxs)(y,{children:[(0,w.jsx)(x,{children:(0,w.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[e,!!i&&(0,w.jsx)(h,{tone:`success`,solid:!0,size:`xs`,"aria-label":A.verifiedAriaLabel,className:`size-4 shrink-0`,children:(0,w.jsx)(o,{className:`size-2.5`,strokeWidth:3})})]})}),!!r&&(0,w.jsx)(v,{clamp:2,children:r})]})]}),L.length>1&&(0,w.jsx)(`div`,{className:`flex gap-1 rounded-md bg-muted/60 p-0.5`,children:L.map(e=>(0,w.jsx)(s,{type:`button`,"aria-pressed":R===e,onClick:()=>M(e),variant:`secondary`,buttonStyle:`ghost`,size:`xs`,className:f(`h-auto flex-1 rounded-sm px-3 py-1.5 text-xs font-medium transition-colors`,R===e?`bg-card text-foreground shadow-sm`:`text-muted-foreground hover:text-foreground`),children:P[e]},e))}),R===`overview`&&F&&(0,w.jsxs)(`div`,{className:`space-y-3`,children:[!!c&&(0,w.jsxs)(`div`,{children:[(0,w.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:A.totalEarnings}),(0,w.jsxs)(`div`,{className:`mt-0.5 flex items-baseline gap-2`,children:[(0,w.jsx)(a,{size:`xl`,weight:`semibold`,className:`tabular-nums tracking-tight`,children:c}),!!p&&(0,w.jsx)(a,{tag:`span`,size:`xs`,weight:`semibold`,className:`rounded-full bg-success/15 px-1.5 py-0.5 text-success tabular-nums`,children:p})]})]}),m.length>0&&(0,w.jsx)(`div`,{className:`space-y-1.5`,children:m.map(e=>(0,w.jsx)(g,{className:`border-b border-border/50 pb-1.5 last:border-0`,label:e.label,value:e.value,mono:!0,labelClassName:`text-sm`,valueClassName:`text-sm font-semibold`},e.label))})]}),R===`stats`&&I&&(0,w.jsx)(`div`,{className:`grid grid-cols-2 gap-1.5`,children:T.map(e=>(0,w.jsxs)(`div`,{className:`rounded-lg border border-border/60 bg-muted/20 px-3 py-2`,children:[(0,w.jsx)(a,{size:`xxs`,type:`secondary`,weight:`medium`,className:`uppercase tracking-wider`,children:e.label}),(0,w.jsxs)(`div`,{className:`mt-1 flex items-baseline gap-1.5`,children:[(0,w.jsx)(a,{size:`base`,weight:`semibold`,className:`tabular-nums`,children:e.value}),!!e.change&&(0,w.jsx)(a,{tag:`span`,size:`xxs`,weight:`semibold`,className:f(`rounded-full px-1.5 py-0.5 tabular-nums`,e.change.startsWith(`+`)?`bg-success/15 text-success`:`bg-destructive/15 text-destructive`),children:e.change})]})]},e.label))}),(0,w.jsxs)(`div`,{className:`flex gap-1.5`,children:[(0,w.jsxs)(s,{variant:`light`,buttonStyle:`outline`,className:`flex-1 rounded-md`,onClick:E,children:[(0,w.jsx)(u,{className:`mr-1.5 size-3.5`}),A.message]}),(0,w.jsxs)(s,{variant:`dark`,className:`flex-1 rounded-md`,onClick:D,children:[A.hire,(0,w.jsx)(l,{className:`ml-1 size-3.5`})]})]})]})}T.displayName=`VendorProfileCard`;var E=e({Minimal:()=>O,WithEverything:()=>D});function D(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Dimitar Kostadinov`,role:`Experience Vendor`,verified:!0,earnings:`8,420 USD`,earningsChange:`+12.5%`,metrics:[{label:`Experiences hosted`,value:`47`},{label:`Avg. rating`,value:`4.8 / 5.0`},{label:`Repeat customers`,value:`68%`}],stats:[{label:`This month`,value:`1,240 USD`,change:`+8%`},{label:`Bookings`,value:`23`,change:`+3`},{label:`Conversion`,value:`74%`,change:`+5%`},{label:`Avg. order`,value:`54 USD`,change:`-2%`}],onMessage:()=>{},onHire:()=>{}})})}function O(){return(0,w.jsx)(w.Fragment,{children:(0,w.jsx)(T,{name:`Emma Garcia`,role:`New vendor`})})}var k=`import { VendorProfileCard } from '@/components/composed/cards/vendor-profile';
+
+export function WithEverything() {
+	return (
+		<>
+			<VendorProfileCard
+								name="Dimitar Kostadinov"
+								role="Experience Vendor"
+								verified
+								earnings="8,420 USD"
+								earningsChange="+12.5%"
+								metrics={[
+									{ label: 'Experiences hosted', value: '47' },
+									{ label: 'Avg. rating', value: '4.8 / 5.0' },
+									{ label: 'Repeat customers', value: '68%' },
+								]}
+								stats={[
+									{ label: 'This month', value: '1,240 USD', change: '+8%' },
+									{ label: 'Bookings', value: '23', change: '+3' },
+									{ label: 'Conversion', value: '74%', change: '+5%' },
+									{ label: 'Avg. order', value: '54 USD', change: '-2%' },
+								]}
+								onMessage={() => {}}
+								onHire={() => {}}
+							/>
+		</>
+	);
+}
+
+export function Minimal() {
+	return (
+		<>
+			<VendorProfileCard name="Emma Garcia" role="New vendor" />
+		</>
+	);
+}
+`;function A(e){let t={h4:`h4`,...e.components};return E||M(`Examples`,!1),O||M(`Examples.Minimal`,!0),D||M(`Examples.WithEverything`,!0),(0,w.jsxs)(r,{title:`Composed · Vendor profile`,description:`VendorProfileCard with metrics, stats and actions.`,layer:`composed`,status:`ready`,children:[(0,w.jsxs)(i,{title:`Examples`,id:`examples`,children:[(0,w.jsx)(c,{name:`WithEverything`,source:k,children:(0,w.jsx)(D,{})}),(0,w.jsx)(c,{name:`Minimal`,source:k,children:(0,w.jsx)(O,{})})]}),(0,w.jsxs)(i,{title:`API`,id:`api`,children:[(0,w.jsx)(t.h4,{children:`VendorProfileCard`}),(0,w.jsx)(m,{component:`VendorProfileCard`})]})]})}function j(e={}){let{wrapper:t}=e.components||{};return t?(0,w.jsx)(t,{...e,children:(0,w.jsx)(A,{...e})}):A(e)}function M(e,t){throw Error(`Expected `+(t?`component`:`object`)+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}export{j as default};

package/dist/showcase/assets/video-e4hDbTQ2.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`video`,[[`path`,{d:`m16 13 5.223 3.482a.5.5 0 0 0 .777-.416V7.87a.5.5 0 0 0-.752-.432L16 10.5`,key:`ftymec`}],[`rect`,{x:`2`,y:`6`,width:`14`,height:`12`,rx:`2`,key:`158x01`}]]);export{t};

package/dist/showcase/assets/wrench-CBUvtxdr.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`wrench`,[[`path`,{d:`M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z`,key:`1ngwbx`}]]);export{t};

package/dist/showcase/assets/x-oVTJnCJn.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);export{t};

package/dist/showcase/assets/zap-CzABYL3c.js

@@ -0,0 +1 @@
+import{a as e}from"./index-DaYVSqKu.js";var t=e(`zap`,[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`,key:`1xq2db`}]]);export{t};

package/dist/showcase/index.html

@@ -5,10 +5,10 @@
     <link rel="icon" type="image/svg+xml" href="./favicon.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Admin UI Starter Kit — Component Showcase</title>
-    <script type="module" crossorigin src="./assets/index-Cz4UGUT2.js"></script>
+    <script type="module" crossorigin src="./assets/index-DaYVSqKu.js"></script>
     <link rel="modulepreload" crossorigin href="./assets/chunk-QTnfLwEv.js">
     <link rel="modulepreload" crossorigin href="./assets/react-dom-Bz4cALsF.js">
-    <link rel="stylesheet" crossorigin href="./assets/index-ADfexGMA.css">
+    <link rel="stylesheet" crossorigin href="./assets/index-DN3tqopz.css">
   </head>
   <body>
     <div id="root"></div>