@svadmin/ui 0.34.9 → 0.35.0

package/dist/components/profile/TeamsShowcase.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+  import { t } from '@svadmin/core/i18n';
+  import * as Card from '../ui/card/index.js';
+  import { Badge } from '../ui/badge/index.js';
+  import { Button } from '../ui/button/index.js';
+  import { Avatar } from '../ui/avatar/index.js';
+  import { Users, ArrowRight } from '@lucide/svelte';
+
+  interface TeamMember {
+    name: string;
+    avatar?: string;
+    role?: string;
+  }
+
+  interface Team {
+    id: string;
+    name: string;
+    description: string;
+    members: TeamMember[];
+    totalMembers: number;
+    color?: string;
+  }
+
+  interface Props {
+    teams?: Team[];
+  }
+
+  let { teams = [] }: Props = $props();
+
+  const initials = (name: string) => name.split(' ').map(n => n[0]).join('').toUpperCase().slice(0, 2);
+</script>
+
+<div class="space-y-4">
+  <h3 class="text-lg font-semibold text-foreground">{t('publicProfile.teams')}</h3>
+
+  {#if teams.length === 0}
+    <div class="rounded-xl border border-dashed border-border/60 p-8 text-center">
+      <p class="text-sm text-muted-foreground">{t('publicProfile.noTeams')}</p>
+    </div>
+  {:else}
+    <div class="grid gap-4 sm:grid-cols-1 md:grid-cols-2">
+      {#each teams as team (team.id)}
+        <Card.Card class="border-border/60 hover:border-primary/30 transition-colors">
+          <Card.CardContent class="p-4 space-y-3">
+            <div class="flex items-start justify-between gap-2">
+              <div class="flex items-center gap-3">
+                {#if team.color}
+                  <div class="h-8 w-8 rounded-lg" style="background-color: {team.color}20;">
+                    <Users class="h-4 w-4" style="color: {team.color}" />
+                  </div>
+                {:else}
+                  <div class="flex h-8 w-8 items-center justify-center rounded-lg bg-primary/10 text-primary">
+                    <Users class="h-4 w-4" />
+                  </div>
+                {/if}
+                <div>
+                  <h4 class="font-semibold text-foreground">{team.name}</h4>
+                  <p class="text-xs text-muted-foreground">{team.totalMembers} {t('publicProfile.projectMembers', { count: team.totalMembers })}</p>
+                </div>
+              </div>
+              <Badge variant="secondary" class="shrink-0">
+                <Users class="h-3 w-3 mr-1" />{team.totalMembers}
+              </Badge>
+            </div>
+
+            <p class="text-sm text-muted-foreground line-clamp-2">{team.description}</p>
+
+            <!-- Member avatars -->
+            <div class="flex items-center gap-1">
+              {#each team.members.slice(0, 5) as member (member.name)}
+                {#if member.avatar}
+                  <Avatar class="h-7 w-7 ring-1 ring-background">
+                    <img src={member.avatar} alt={member.name} />
+                  </Avatar>
+                {:else}
+                  <div class="flex h-7 w-7 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground ring-1 ring-background">
+                    {initials(member.name)}
+                  </div>
+                {/if}
+              {/each}
+              {#if team.members.length > 5}
+                <div class="flex h-7 w-7 items-center justify-center rounded-full bg-muted text-[10px] font-semibold text-muted-foreground ring-1 ring-background">
+                  +{team.members.length - 5}
+                </div>
+              {/if}
+            </div>
+
+            <div class="pt-2 border-t">
+              <Button variant="ghost" size="sm" class="w-full">
+                {t('publicProfile.viewProfile')} <ArrowRight class="h-3.5 w-3.5 ml-1" />
+              </Button>
+            </div>
+          </Card.CardContent>
+        </Card.Card>
+      {/each}
+    </div>
+  {/if}
+</div>

package/dist/components/profile/TeamsShowcase.svelte.d.ts

@@ -0,0 +1,19 @@
+interface TeamMember {
+    name: string;
+    avatar?: string;
+    role?: string;
+}
+interface Team {
+    id: string;
+    name: string;
+    description: string;
+    members: TeamMember[];
+    totalMembers: number;
+    color?: string;
+}
+interface Props {
+    teams?: Team[];
+}
+declare const TeamsShowcase: import("svelte").Component<Props, {}, "">;
+type TeamsShowcase = ReturnType<typeof TeamsShowcase>;
+export default TeamsShowcase;

package/dist/components/ui/alert/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import Alert, { alertVariants } from "./alert.svelte";
 import AlertTitle from "./alert-title.svelte";

package/dist/components/ui/badge/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 export { default as Badge } from "./badge.svelte";
 export { badgeVariants } from "./badge.svelte";

package/dist/components/ui/button/button.svelte

@@ -42,6 +42,7 @@
 </script>
 
 <script lang="ts">
+/* eslint-disable no-useless-assignment, @typescript-eslint/no-explicit-any */
 	let {
 		class: className,
 		variant = "default",

package/dist/components/ui/button/index.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 // @ts-nocheck
 import Root, { buttonVariants, } from "./button.svelte";
 export { Root, 

package/dist/components/ui/dropdown-menu/dropdown-menu-trigger.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable @typescript-eslint/no-explicit-any */
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLButtonAttributes } from "svelte/elements";
 	import { getContext } from "svelte";

package/dist/components/ui/dropdown-menu/dropdown-menu.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { cn, type WithElementRef } from "../../../utils.js";
-	import type { HTMLAttributes, HTMLButtonAttributes } from "svelte/elements";
+	import type { HTMLAttributes } from "svelte/elements";
 
 	type Props = WithElementRef<HTMLAttributes<HTMLDivElement>> & {
 		open?: boolean;

package/dist/components/ui/sheet/sheet.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable svelte/no-unused-svelte-ignore */
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 

package/dist/components/ui/tabs/tabs.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+/* eslint-disable no-useless-assignment */
 	import { cn, type WithElementRef } from "../../../utils.js";
 	import type { HTMLAttributes } from "svelte/elements";
 

package/dist/index.d.ts

@@ -13,6 +13,7 @@ export { default as FieldRenderer } from './components/FieldRenderer.svelte';
 export { default as EmptyState } from './components/EmptyState.svelte';
 export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
 export { default as LoginPage } from './components/LoginPage.svelte';
 export { default as RegisterPage } from './components/RegisterPage.svelte';
 export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.svelte';
@@ -59,6 +60,11 @@ export { default as SettingsPage } from "./components/SettingsPage.svelte";
 export { setRichTextEditor, getRichTextEditor } from "./editor-config.svelte.js";
 export { default as AppearanceSettings } from "./components/AppearanceSettings.svelte";
 export { default as AboutSettings } from "./components/AboutSettings.svelte";
+export { default as SecuritySettings } from "./components/SecuritySettings.svelte";
+export { default as IntegrationsSettings } from "./components/IntegrationsSettings.svelte";
+export { default as NotificationsSettings } from "./components/NotificationsSettings.svelte";
+export { default as ApiSettings } from "./components/ApiSettings.svelte";
+export { default as ErrorPage } from "./components/ErrorPage.svelte";
 export { default as PermissionMatrix } from "./components/PermissionMatrix.svelte";
 export type { RoleInfo, ResourceInfo, ActionInfo } from "./types.js";
 export { default as RolesSettings } from "./components/RolesSettings.svelte";
@@ -120,3 +126,20 @@ export { setComponentRegistry, getComponentRegistry, useComponent, type Componen
 export { builtinDisplayComponents, registerDisplayComponent, getDisplayComponent, hasDisplayComponent, } from './components/fieldComponentMap';
 export type { FieldComponentMap } from './components/fieldComponentMap';
 export { clickOutside, shortcut, intersect, copyOnClick } from './actions';
+export { default as ProfileCard } from './components/profile/ProfileCard.svelte';
+export { default as ProjectsGrid } from './components/profile/ProjectsGrid.svelte';
+export { default as ActivityTimeline } from './components/profile/ActivityTimeline.svelte';
+export { default as TeamsShowcase } from './components/profile/TeamsShowcase.svelte';
+export { default as PublicProfilePage } from './components/profile/PublicProfilePage.svelte';
+export { default as GetStartedPage } from './components/account/GetStartedPage.svelte';
+export { default as CompanyProfilePage } from './components/account/CompanyProfilePage.svelte';
+export { default as SettingsPlainPage } from './components/account/SettingsPlainPage.svelte';
+export { default as SettingsSidebarPage } from './components/account/SettingsSidebarPage.svelte';
+export { default as SettingsEnterprisePage } from './components/account/SettingsEnterprisePage.svelte';
+export { default as ImportMembersPage } from './components/account/ImportMembersPage.svelte';
+export { default as MembersStarterPage } from './components/account/MembersStarterPage.svelte';
+export { default as SecurityLogPage } from './components/account/SecurityLogPage.svelte';
+export { default as TeamMembersPage } from './components/account/TeamMembersPage.svelte';
+export { default as UserCardsNFTPage } from './components/network/UserCardsNFTPage.svelte';
+export { default as TeamCrewTablePage } from './components/network/TeamCrewTablePage.svelte';
+export { default as TwoFactorAuthPage } from './components/TwoFactorAuthPage.svelte';

package/dist/index.js

@@ -16,6 +16,7 @@ export { default as FieldRenderer } from './components/FieldRenderer.svelte';
 export { default as EmptyState } from './components/EmptyState.svelte';
 export { default as StatsCard } from './components/StatsCard.svelte';
 export { default as PageHeader } from './components/PageHeader.svelte';
+export { default as ResourceOperationsPage } from './components/ResourceOperationsPage.svelte';
 export { default as LoginPage } from './components/LoginPage.svelte';
 export { default as RegisterPage } from './components/RegisterPage.svelte';
 export { default as ForgotPasswordPage } from './components/ForgotPasswordPage.svelte';
@@ -64,6 +65,11 @@ export { setRichTextEditor, getRichTextEditor } from "./editor-config.svelte.js"
 // Settings & Preferences
 export { default as AppearanceSettings } from "./components/AppearanceSettings.svelte";
 export { default as AboutSettings } from "./components/AboutSettings.svelte";
+export { default as SecuritySettings } from "./components/SecuritySettings.svelte";
+export { default as IntegrationsSettings } from "./components/IntegrationsSettings.svelte";
+export { default as NotificationsSettings } from "./components/NotificationsSettings.svelte";
+export { default as ApiSettings } from "./components/ApiSettings.svelte";
+export { default as ErrorPage } from "./components/ErrorPage.svelte";
 export { default as PermissionMatrix } from "./components/PermissionMatrix.svelte";
 export { default as RolesSettings } from "./components/RolesSettings.svelte";
 export { default as AuditLogViewer } from "./components/AuditLogViewer.svelte";
@@ -131,3 +137,24 @@ export { setComponentRegistry, getComponentRegistry, useComponent, } from './com
 export { builtinDisplayComponents, registerDisplayComponent, getDisplayComponent, hasDisplayComponent, } from './components/fieldComponentMap';
 // Svelte Actions
 export { clickOutside, shortcut, intersect, copyOnClick } from './actions';
+// Public Profile
+export { default as ProfileCard } from './components/profile/ProfileCard.svelte';
+export { default as ProjectsGrid } from './components/profile/ProjectsGrid.svelte';
+export { default as ActivityTimeline } from './components/profile/ActivityTimeline.svelte';
+export { default as TeamsShowcase } from './components/profile/TeamsShowcase.svelte';
+export { default as PublicProfilePage } from './components/profile/PublicProfilePage.svelte';
+// Account extensions
+export { default as GetStartedPage } from './components/account/GetStartedPage.svelte';
+export { default as CompanyProfilePage } from './components/account/CompanyProfilePage.svelte';
+export { default as SettingsPlainPage } from './components/account/SettingsPlainPage.svelte';
+export { default as SettingsSidebarPage } from './components/account/SettingsSidebarPage.svelte';
+export { default as SettingsEnterprisePage } from './components/account/SettingsEnterprisePage.svelte';
+export { default as ImportMembersPage } from './components/account/ImportMembersPage.svelte';
+export { default as MembersStarterPage } from './components/account/MembersStarterPage.svelte';
+export { default as SecurityLogPage } from './components/account/SecurityLogPage.svelte';
+export { default as TeamMembersPage } from './components/account/TeamMembersPage.svelte';
+// Network
+export { default as UserCardsNFTPage } from './components/network/UserCardsNFTPage.svelte';
+export { default as TeamCrewTablePage } from './components/network/TeamCrewTablePage.svelte';
+// Auth extensions
+export { default as TwoFactorAuthPage } from './components/TwoFactorAuthPage.svelte';

package/dist/router-state.svelte.js

@@ -10,9 +10,26 @@ const ROUTES = [
     '/register',
     '/forgot-password',
     '/update-password',
+    '/2fa',
     '/settings',
     '/settings/:tab',
     '/',
+    '/public-profile',
+    '/public-profile/projects/:columns',
+    '/public-profile/activity',
+    '/public-profile/teams',
+    '/public-profile/profiles/:variant',
+    '/account/get-started',
+    '/account/company-profile',
+    '/account/settings-plain',
+    '/account/settings-sidebar',
+    '/account/settings-enterprise',
+    '/account/import-members',
+    '/account/members-starter',
+    '/account/team-members',
+    '/account/security-log',
+    '/network/user-cards',
+    '/network/team-crew',
     '/:resource',
     '/:resource/create',
     '/:resource/edit/:id',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.34.9",
+  "version": "0.35.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -33,11 +33,11 @@
     "./components/*": "./dist/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.25.5",
+    "@svadmin/core": "^0.28.0",
     "@tanstack/svelte-query": "^6.1.29",
     "highlight.js": "^11.11.1",
-    "isomorphic-dompurify": "^3.7.1",
-    "marked": "^17.0.5",
+    "isomorphic-dompurify": "^3.15.0",
+    "marked": "^18.0.0",
     "marked-highlight": "^2.2.3",
     "svelte": "^5.0.0"
   },
@@ -68,14 +68,14 @@
     }
   },
   "dependencies": {
-    "@lucide/svelte": "^1.7.0",
-    "@tanstack/svelte-table": "9.0.0-alpha.45",
-    "@tanstack/table-core": "9.0.0-alpha.43",
-    "bits-ui": "^2.17.1",
+    "@lucide/svelte": "^1.17.0",
+    "@tanstack/svelte-table": "9.0.0-alpha.53",
+    "@tanstack/table-core": "9.0.0-alpha.53",
+    "bits-ui": "^2.18.1",
     "clsx": "^2.1.1",
     "cmdk-sv": "^0.0.19",
     "sonner-svelte": "^0.3.3",
-    "tailwind-merge": "^3.5.0",
+    "tailwind-merge": "^3.6.0",
     "tailwind-variants": "^3.2.2"
   },
   "license": "MIT",
@@ -90,13 +90,13 @@
     "url": "https://github.com/zuohuadong/svadmin/issues"
   },
   "devDependencies": {
-    "@happy-dom/global-registrator": "^20.9.0",
-    "@sveltejs/vite-plugin-svelte": "^7.0.0",
+    "@happy-dom/global-registrator": "^20.10.0",
+    "@sveltejs/vite-plugin-svelte": "^7.1.2",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.3.1",
     "@testing-library/user-event": "^14.6.1",
-    "happy-dom": "^20.9.0",
-    "vitest": "^4.1.4"
+    "happy-dom": "^20.10.0",
+    "vitest": "^4.1.8"
   },
   "scripts": {
     "build": "svelte-package -i src -o dist",