@svadmin/ui 0.42.3 → 0.44.0

package/dist/index.js

@@ -166,3 +166,27 @@ export { default as UserCardsNFTPage } from './components/network/UserCardsNFTPa
 export { default as TeamCrewTablePage } from './components/network/TeamCrewTablePage.svelte';
 // Auth extensions
 export { default as TwoFactorAuthPage } from './components/TwoFactorAuthPage.svelte';
+// Stripe-first content page and domain primitives
+export { default as ContentPageShell } from './components/content/ContentPageShell.svelte';
+export { default as ContentPageHeader } from './components/content/ContentPageHeader.svelte';
+export { default as SectionHeader } from './components/content/SectionHeader.svelte';
+export { default as PageToolbar } from './components/content/PageToolbar.svelte';
+export { default as MetricBlock } from './components/content/MetricBlock.svelte';
+export { default as DescriptionList } from './components/content/DescriptionList.svelte';
+export { default as StatusBadge } from './components/content/StatusBadge.svelte';
+export { default as FilterToolbar } from './components/content/FilterToolbar.svelte';
+export { default as DataState } from './components/content/DataState.svelte';
+export { default as ProjectCard } from './components/content/ProjectCard.svelte';
+export { default as TeamCard } from './components/content/TeamCard.svelte';
+export { default as FileList } from './components/content/FileList.svelte';
+export { default as IntegrationCard } from './components/content/IntegrationCard.svelte';
+export { default as ApiKeyList } from './components/content/ApiKeyList.svelte';
+export { default as SecurityEventTable } from './components/content/SecurityEventTable.svelte';
+export { default as MemberList } from './components/content/MemberList.svelte';
+export { default as ImportDropzone } from './components/content/ImportDropzone.svelte';
+export { default as NetworkUserCard } from './components/content/NetworkUserCard.svelte';
+export { default as NetworkTable } from './components/content/NetworkTable.svelte';
+export { default as OtpInput } from './components/content/OtpInput.svelte';
+export { default as TwoFactorStepper } from './components/content/TwoFactorStepper.svelte';
+export { default as SystemErrorState } from './components/content/SystemErrorState.svelte';
+export { referenceDemoData } from './reference-data.js';

package/dist/reference-data.d.ts

@@ -0,0 +1,171 @@
+export interface DemoMember {
+    id: string;
+    name: string;
+    email: string;
+    role: string;
+    department: string;
+    status: 'active' | 'invited' | 'inactive';
+}
+export interface DemoProject {
+    id: string;
+    name: string;
+    description: string;
+    status: 'active' | 'completed' | 'on-hold';
+    members: number;
+    tasks: number;
+    progress: number;
+    tags: string[];
+}
+export interface DemoTeam {
+    id: string;
+    name: string;
+    description: string;
+    totalMembers: number;
+    members: Array<{
+        name: string;
+        role?: string;
+    }>;
+    color?: string;
+    rating?: number;
+}
+export interface DemoIntegration {
+    id: string;
+    name: string;
+    description: string;
+    account: string;
+    connected: boolean;
+}
+export interface DemoApiKey {
+    id: string;
+    name: string;
+    prefix: string;
+    createdAt: string;
+    lastUsedAt: string;
+}
+export interface DemoSecurityEvent {
+    id: string;
+    event: string;
+    actor: string;
+    location: string;
+    createdAt: string;
+    severity: 'info' | 'warning' | 'danger';
+}
+export interface DemoNotification {
+    id: string;
+    title: string;
+    detail: string;
+    unread: boolean;
+}
+export declare const referenceDemoData: {
+    organization: {
+        id: string;
+        name: string;
+        plan: string;
+        members: number;
+    };
+    members: ({
+        id: string;
+        name: string;
+        email: string;
+        role: string;
+        department: string;
+        status: "active";
+    } | {
+        id: string;
+        name: string;
+        email: string;
+        role: string;
+        department: string;
+        status: "invited";
+    } | {
+        id: string;
+        name: string;
+        email: string;
+        role: string;
+        department: string;
+        status: "inactive";
+    })[];
+    projects: ({
+        id: string;
+        name: string;
+        description: string;
+        status: "active";
+        members: number;
+        tasks: number;
+        progress: number;
+        tags: string[];
+    } | {
+        id: string;
+        name: string;
+        description: string;
+        status: "completed";
+        members: number;
+        tasks: number;
+        progress: number;
+        tags: string[];
+    } | {
+        id: string;
+        name: string;
+        description: string;
+        status: "on-hold";
+        members: number;
+        tasks: number;
+        progress: number;
+        tags: string[];
+    })[];
+    teams: {
+        id: string;
+        name: string;
+        description: string;
+        totalMembers: number;
+        members: {
+            name: string;
+        }[];
+    }[];
+    integrations: ({
+        id: string;
+        name: string;
+        description: string;
+        account: string;
+        connected: true;
+    } | {
+        id: string;
+        name: string;
+        description: string;
+        account: string;
+        connected: false;
+    })[];
+    apiKeys: {
+        id: string;
+        name: string;
+        prefix: string;
+        createdAt: string;
+        lastUsedAt: string;
+    }[];
+    securityEvents: ({
+        id: string;
+        event: string;
+        actor: string;
+        location: string;
+        createdAt: string;
+        severity: "info";
+    } | {
+        id: string;
+        event: string;
+        actor: string;
+        location: string;
+        createdAt: string;
+        severity: "warning";
+    })[];
+    notifications: ({
+        id: string;
+        title: string;
+        detail: string;
+        unread: true;
+    } | {
+        id: string;
+        title: string;
+        detail: string;
+        unread: false;
+    })[];
+};

package/dist/reference-data.js

@@ -0,0 +1,47 @@
+export const referenceDemoData = {
+    organization: { id: 'acme', name: 'Acme Corporation', plan: 'Enterprise', members: 1250 },
+    members: [
+        { id: '1', name: 'Alex Chen', email: 'alex@acme.com', role: 'Admin', department: 'Engineering', status: 'active' },
+        { id: '2', name: 'Sarah Kim', email: 'sarah@acme.com', role: 'Editor', department: 'Design', status: 'active' },
+        { id: '3', name: 'Mike Johnson', email: 'mike@acme.com', role: 'Viewer', department: 'Marketing', status: 'invited' },
+        { id: '4', name: 'Lisa Wang', email: 'lisa@acme.com', role: 'Editor', department: 'Engineering', status: 'active' },
+        { id: '5', name: 'Tom Brown', email: 'tom@acme.com', role: 'Viewer', department: 'Sales', status: 'inactive' },
+    ],
+    projects: [
+        { id: '1', name: 'Dashboard Redesign', description: 'Modern admin dashboard with real-time analytics and customizable widgets.', status: 'active', members: 8, tasks: 34, progress: 72, tags: ['UI', 'Analytics'] },
+        { id: '2', name: 'API Gateway v2', description: 'High-performance API gateway with rate limiting and circuit breaker patterns.', status: 'active', members: 5, tasks: 21, progress: 45, tags: ['Backend', 'Infra'] },
+        { id: '3', name: 'Mobile App', description: 'Cross-platform mobile application built with shared native modules.', status: 'completed', members: 12, tasks: 56, progress: 100, tags: ['Mobile', 'Product'] },
+        { id: '4', name: 'Data Pipeline', description: 'Real-time data processing pipeline for event streaming.', status: 'on-hold', members: 3, tasks: 18, progress: 20, tags: ['Data', 'Streaming'] },
+        { id: '5', name: 'Access Review', description: 'Quarterly access certification and role ownership workflow.', status: 'active', members: 4, tasks: 16, progress: 63, tags: ['Security', 'RBAC'] },
+        { id: '6', name: 'Billing Portal', description: 'Self-service plans, invoices, and subscription controls.', status: 'active', members: 6, tasks: 27, progress: 58, tags: ['Billing', 'Portal'] },
+        { id: '7', name: 'Warehouse Console', description: 'Receiving, transfers, cycle counts, and exception handling.', status: 'completed', members: 9, tasks: 48, progress: 100, tags: ['Inventory', 'Operations'] },
+        { id: '8', name: 'Notification Center', description: 'Priority routing, delivery preferences, and read-state controls.', status: 'active', members: 5, tasks: 22, progress: 74, tags: ['Messaging', 'Workflow'] },
+        { id: '9', name: 'Partner Directory', description: 'Supplier, customer, and integration partner records.', status: 'active', members: 7, tasks: 31, progress: 46, tags: ['Directory', 'CRM'] },
+        { id: '10', name: 'Audit Export', description: 'Scheduled evidence packages for security and compliance review.', status: 'on-hold', members: 3, tasks: 14, progress: 28, tags: ['Audit', 'Export'] },
+        { id: '11', name: 'Team Onboarding', description: 'Invitations, import validation, and first-week account setup.', status: 'active', members: 5, tasks: 19, progress: 81, tags: ['People', 'Onboarding'] },
+        { id: '12', name: 'AI Prompt Library', description: 'Governed operational prompts with ownership and usage signals.', status: 'completed', members: 4, tasks: 24, progress: 100, tags: ['AI', 'Governance'] },
+    ],
+    teams: [
+        { id: '1', name: 'Frontend Platform', description: 'Core UI component library and design system.', totalMembers: 8, members: [{ name: 'Alice' }, { name: 'Bob' }, { name: 'Carol' }] },
+        { id: '2', name: 'Backend Services', description: 'API development, services architecture, and reliability.', totalMembers: 5, members: [{ name: 'Dave' }, { name: 'Eve' }] },
+        { id: '3', name: 'Design Systems', description: 'Research, visual design, and accessibility standards.', totalMembers: 6, members: [{ name: 'Frank' }, { name: 'Grace' }] },
+    ],
+    integrations: [
+        { id: 'repo', name: 'Source Control', description: 'Pull requests, issues, and repository activity.', account: 'alexchen', connected: true },
+        { id: 'chat', name: 'ChatOps', description: 'Team notifications and direct messages.', account: '@alex.chen', connected: true },
+        { id: 'drive', name: 'Cloud Drive', description: 'Shared files and document previews.', account: 'alex@example.com', connected: false },
+    ],
+    apiKeys: [
+        { id: 'key-1', name: 'Local development', prefix: 'sv_demo_dev_', createdAt: '2026-08-01', lastUsedAt: 'Today, 09:20' },
+        { id: 'key-2', name: 'CI deploy', prefix: 'sv_demo_ci_', createdAt: '2026-07-18', lastUsedAt: 'Yesterday, 18:02' },
+    ],
+    securityEvents: [
+        { id: '1', event: 'Login succeeded', actor: 'Alex Chen', location: 'Shanghai, CN', createdAt: '2 minutes ago', severity: 'info' },
+        { id: '2', event: 'API key created', actor: 'Alex Chen', location: 'Shanghai, CN', createdAt: '1 hour ago', severity: 'info' },
+        { id: '3', event: 'Login failed', actor: 'Unknown', location: 'Unknown', createdAt: '3 hours ago', severity: 'warning' },
+    ],
+    notifications: [
+        { id: 'n1', title: 'Sarah commented on Dashboard Redesign', detail: '8 minutes ago', unread: true },
+        { id: 'n2', title: 'Weekly security summary is ready', detail: 'Yesterday', unread: false },
+    ],
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.42.3",
+  "version": "0.44.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -39,7 +39,7 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.36.3",
+    "@svadmin/core": "^0.37.0",
     "@tanstack/svelte-query": "^6.1.38",
     "highlight.js": "^11.11.1",
     "isomorphic-dompurify": "^3.22.0",