@svadmin/ui 0.23.0 → 0.23.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -20,17 +20,13 @@
     "./components/*": "./src/components/*"
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.5.0",
+    "@svadmin/core": "^0.19.3",
     "@tanstack/svelte-query": "^6.0.0",
-    "bits-ui": "^2.0.0",
-    "clsx": "^2.0.0",
     "highlight.js": "^11.0.0",
     "isomorphic-dompurify": "^2.0.0",
     "marked": "^15.0.0",
     "marked-highlight": "^2.2.0",
-    "svelte": "^5.0.0",
-    "tailwind-merge": "^3.0.0",
-    "tailwind-variants": "^3.0.0"
+    "svelte": "^5.0.0"
   },
   "peerDependenciesMeta": {
     "marked": {
@@ -52,10 +48,13 @@
   "dependencies": {
     "@lucide/svelte": "^0.577.0",
     "@tanstack/svelte-table": "^9.0.0-alpha.10",
+    "bits-ui": "^2.0.0",
+    "clsx": "^2.0.0",
     "cmdk-sv": "^0.0.19",
     "lucide-svelte": "^0.577.0",
     "sonner-svelte": "^0.3.3",
-    "vaul-svelte": "^0.3.2"
+    "tailwind-merge": "^3.0.0",
+    "tailwind-variants": "^3.0.0"
   },
   "license": "MIT",
   "author": "zuohuadong",

package/src/components/Toast.svelte

@@ -1,8 +1,33 @@
 <script lang="ts">
-  import { Toaster } from 'sonner-svelte';
-  import { getResolvedTheme } from '@svadmin/core';
+  import { Toaster, toast as sonner } from 'sonner-svelte';
+  import { getResolvedTheme, getToastQueue, consumeToastQueue, getPromiseQueue, consumePromiseQueue } from '@svadmin/core';
 
   const theme = $derived(getResolvedTheme() === 'dark' ? 'dark' : 'light');
+
+  $effect(() => {
+    const queue = getToastQueue();
+    if (queue.length > 0) {
+      for (const t of queue) {
+        switch (t.type) {
+          case 'success': sonner.success(t.message, { duration: t.duration }); break;
+          case 'error': sonner.error(t.message, { duration: t.duration }); break;
+          case 'warning': sonner.warning(t.message, { duration: t.duration }); break;
+          case 'info': sonner.info(t.message, { duration: t.duration }); break;
+        }
+      }
+      consumeToastQueue();
+    }
+  });
+
+  $effect(() => {
+    const pQueue = getPromiseQueue();
+    if (pQueue.length > 0) {
+      for (const p of pQueue) {
+        sonner.promise(p.promise, p.opts);
+      }
+      consumePromiseQueue();
+    }
+  });
 </script>
 
 <Toaster

package/src/index.ts

@@ -130,7 +130,7 @@ export * as DropdownMenu from './components/ui/dropdown-menu/index.js';
 export * as Breadcrumb from './components/ui/breadcrumb/index.js';
 export * as Pagination from './components/ui/pagination/index.js';
 export * as ContextMenu from './components/ui/context-menu/index.js';
-export * as Drawer from './components/ui/drawer/index.js';
+
 export * as Collapsible from './components/ui/collapsible/index.js';
 export { Label } from './components/ui/label/index.js';
 export { Command } from './components/ui/command/index.js';

package/src/components/ui/drawer/drawer-content.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-
-  let { class: className, children, ...restProps }: { class?: string; children?: Snippet; [key: string]: unknown } = $props();
-</script>
-
-<DrawerPrimitive.Portal>
-  <DrawerPrimitive.Overlay class="fixed inset-0 z-50 bg-black/80" />
-  <DrawerPrimitive.Content
-    class={cn(
-      "bg-background fixed inset-x-0 bottom-0 z-50 mt-24 flex h-auto flex-col rounded-t-[10px] border",
-      className
-    )}
-    {...restProps}
-  >
-    <div class="bg-muted mx-auto mt-4 h-2 w-[100px] rounded-full"></div>
-    {@render children?.()}
-  </DrawerPrimitive.Content>
-</DrawerPrimitive.Portal>

package/src/components/ui/drawer/drawer-description.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-
-  let { class: className, children, ...restProps }: { class?: string; children?: Snippet; [key: string]: unknown } = $props();
-</script>
-
-<DrawerPrimitive.Description class={cn("text-muted-foreground text-sm", className)} {...restProps}>
-  {@render children?.()}
-</DrawerPrimitive.Description>

package/src/components/ui/drawer/drawer-footer.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLAttributes<HTMLDivElement> & { children?: Snippet } = $props();
-</script>
-
-<div data-slot="drawer-footer" class={cn("mt-auto flex flex-col gap-2 p-4", className)} {...restProps}>
-  {@render children?.()}
-</div>

package/src/components/ui/drawer/drawer-header.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-  import type { HTMLAttributes } from 'svelte/elements';
-
-  let { class: className, children, ...restProps }: HTMLAttributes<HTMLDivElement> & { children?: Snippet } = $props();
-</script>
-
-<div data-slot="drawer-header" class={cn("grid gap-1.5 p-4 text-center sm:text-left", className)} {...restProps}>
-  {@render children?.()}
-</div>

package/src/components/ui/drawer/drawer-title.svelte

@@ -1,11 +0,0 @@
-<script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import { cn } from '../../../utils.js';
-  import type { Snippet } from 'svelte';
-
-  let { class: className, children, ...restProps }: { class?: string; children?: Snippet; [key: string]: unknown } = $props();
-</script>
-
-<DrawerPrimitive.Title class={cn("text-lg font-semibold leading-none tracking-tight", className)} {...restProps}>
-  {@render children?.()}
-</DrawerPrimitive.Title>

package/src/components/ui/drawer/drawer.svelte

@@ -1,18 +0,0 @@
-<script lang="ts">
-  import { Drawer as DrawerPrimitive } from 'vaul-svelte';
-  import type { Snippet } from 'svelte';
-
-  let {
-    open = $bindable(false),
-    children,
-    ...restProps
-  }: {
-    open?: boolean;
-    children?: Snippet;
-    [key: string]: unknown;
-  } = $props();
-</script>
-
-<DrawerPrimitive.Root bind:open {...restProps}>
-  {@render children?.()}
-</DrawerPrimitive.Root>

package/src/components/ui/drawer/index.ts

@@ -1,6 +0,0 @@
-export { default as Root } from './drawer.svelte';
-export { default as Content } from './drawer-content.svelte';
-export { default as Header } from './drawer-header.svelte';
-export { default as Footer } from './drawer-footer.svelte';
-export { default as Title } from './drawer-title.svelte';
-export { default as Description } from './drawer-description.svelte';