@teamix-evo/ui 0.4.0 → 0.5.0

package/src/components/navigation-menu/navigation-menu.stories.tsx

@@ -1,215 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import {
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuTrigger,
-  NavigationMenuContent,
-  NavigationMenuLink,
-  navigationMenuTriggerStyle,
-} from './navigation-menu';
-import { cn } from '@/utils/cn';
-
-const meta: Meta<typeof NavigationMenu> = {
-  title: '废弃 · Deprecated/NavigationMenu',
-  component: NavigationMenu,
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component:
-          '⚠️ **已废弃** — 仅 Storybook 留档,不通过 manifest 对外发布。\n\nNavigationMenu 导航菜单 —— 在网站、营销页或应用顶部承载主导航，每项可展开富面板预览子页面。Radix `NavigationMenu` 内核 + shadcn 原子，**对齐 antd `Menu mode="horizontal"`** 的水平主导航能力，对齐 shadcn `NavigationMenu` 的 `NavigationMenuTrigger` / `NavigationMenuContent` / `NavigationMenuLink` / `navigationMenuTriggerStyle`，并补足 antd 的 `disabled` 项与简单链接形态。视觉走 OpenTrek semantic tokens，所有样式来自 `@teamix-evo/tokens`，无 mock。',
-      },
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj<typeof NavigationMenu>;
-
-export const Default: Story = {
-  parameters: { layout: 'centered' },
-  render: () => (
-    <NavigationMenu>
-      <NavigationMenuList>
-        <NavigationMenuItem>
-          <NavigationMenuTrigger>产品</NavigationMenuTrigger>
-          <NavigationMenuContent>
-            <ul className="grid w-[420px] gap-3 p-4 md:w-[520px] md:grid-cols-2">
-              <li>
-                <NavigationMenuLink asChild>
-                  <a
-                    href="#design"
-                    onClick={(e) => e.preventDefault()}
-                    className="block rounded-md p-3 hover:bg-accent"
-                  >
-                    <div className="text-sm font-medium">Design</div>
-                    <p className="text-xs text-muted-foreground">
-                      设计体系与 tokens
-                    </p>
-                  </a>
-                </NavigationMenuLink>
-              </li>
-              <li>
-                <NavigationMenuLink asChild>
-                  <a
-                    href="#ui"
-                    onClick={(e) => e.preventDefault()}
-                    className="block rounded-md p-3 hover:bg-accent"
-                  >
-                    <div className="text-sm font-medium">UI</div>
-                    <p className="text-xs text-muted-foreground">
-                      源码注入式组件
-                    </p>
-                  </a>
-                </NavigationMenuLink>
-              </li>
-              <li>
-                <NavigationMenuLink asChild>
-                  <a
-                    href="#cli"
-                    onClick={(e) => e.preventDefault()}
-                    className="block rounded-md p-3 hover:bg-accent"
-                  >
-                    <div className="text-sm font-medium">CLI</div>
-                    <p className="text-xs text-muted-foreground">
-                      teamix-evo 命令行
-                    </p>
-                  </a>
-                </NavigationMenuLink>
-              </li>
-              <li>
-                <NavigationMenuLink asChild>
-                  <a
-                    href="#skills"
-                    onClick={(e) => e.preventDefault()}
-                    className="block rounded-md p-3 hover:bg-accent"
-                  >
-                    <div className="text-sm font-medium">Skills</div>
-                    <p className="text-xs text-muted-foreground">AI IDE 技能</p>
-                  </a>
-                </NavigationMenuLink>
-              </li>
-            </ul>
-          </NavigationMenuContent>
-        </NavigationMenuItem>
-        <NavigationMenuItem>
-          <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-            <a href="#docs" onClick={(e) => e.preventDefault()}>
-              文档
-            </a>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-        <NavigationMenuItem>
-          <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-            <a href="#pricing" onClick={(e) => e.preventDefault()}>
-              定价
-            </a>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-        <NavigationMenuItem>
-          <NavigationMenuLink
-            asChild
-            className={cn(
-              navigationMenuTriggerStyle(),
-              'pointer-events-none opacity-50',
-            )}
-            aria-disabled
-          >
-            <span>企业版（即将上线）</span>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-      </NavigationMenuList>
-    </NavigationMenu>
-  ),
-};
-
-export const SimpleLinks: Story = {
-  parameters: { layout: 'centered' },
-  render: () => (
-    <NavigationMenu>
-      <NavigationMenuList>
-        {['首页', '产品', '文档', '社区', '联系我们'].map((label) => (
-          <NavigationMenuItem key={label}>
-            <NavigationMenuLink
-              asChild
-              className={navigationMenuTriggerStyle()}
-            >
-              <a href={`#${label}`} onClick={(e) => e.preventDefault()}>
-                {label}
-              </a>
-            </NavigationMenuLink>
-          </NavigationMenuItem>
-        ))}
-      </NavigationMenuList>
-    </NavigationMenu>
-  ),
-};
-
-export const DisabledItem: Story = {
-  parameters: { layout: 'centered' },
-  render: () => (
-    <NavigationMenu>
-      <NavigationMenuList>
-        <NavigationMenuItem>
-          <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-            <a href="#docs" onClick={(e) => e.preventDefault()}>
-              文档
-            </a>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-        <NavigationMenuItem>
-          <NavigationMenuLink
-            asChild
-            aria-disabled
-            className={cn(
-              navigationMenuTriggerStyle(),
-              'pointer-events-none opacity-50',
-            )}
-          >
-            <span>API（内部预览）</span>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-        <NavigationMenuItem>
-          <NavigationMenuLink asChild className={navigationMenuTriggerStyle()}>
-            <a href="#blog" onClick={(e) => e.preventDefault()}>
-              博客
-            </a>
-          </NavigationMenuLink>
-        </NavigationMenuItem>
-      </NavigationMenuList>
-    </NavigationMenu>
-  ),
-};
-
-/**
- * “纵向”其实是侧边列表形态的导航。Radix `NavigationMenu` 主要面向水平、
- * 可开富面板的主导航；需要侧边导航选 `Sidebar`。下面是将 NavigationMenu
- * `orientation="vertical"` 下的简样实例（供对齐 antd `Menu mode="vertical"` 的过度能力）。
- */
-export const Vertical: Story = {
-  parameters: { layout: 'centered' },
-  render: () => (
-    <NavigationMenu orientation="vertical" className="w-56 max-w-none flex-col items-stretch">
-      <NavigationMenuList className="w-full flex-col items-stretch gap-0">
-        {[
-          { label: '仪表盘', href: '#dashboard' },
-          { label: '项目', href: '#projects' },
-          { label: '任务', href: '#tasks' },
-          { label: '设置', href: '#settings' },
-        ].map((it) => (
-          <NavigationMenuItem key={it.label} className="w-full">
-            <NavigationMenuLink
-              asChild
-              className={cn(navigationMenuTriggerStyle(), 'w-full justify-start')}
-            >
-              <a href={it.href} onClick={(e) => e.preventDefault()}>
-                {it.label}
-              </a>
-            </NavigationMenuLink>
-          </NavigationMenuItem>
-        ))}
-      </NavigationMenuList>
-    </NavigationMenu>
-  ),
-};

package/src/components/navigation-menu/navigation-menu.tsx

@@ -1,129 +0,0 @@
-import * as React from 'react';
-import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
-import { cva } from 'class-variance-authority';
-import { ChevronDown } from 'lucide-react';
-
-import { cn } from '@/utils/cn';
-
-const NavigationMenu = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Root>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Root
-    ref={ref}
-    className={cn(
-      'relative z-10 flex max-w-max flex-1 items-center justify-center',
-      className,
-    )}
-    {...props}
-  >
-    {children}
-    <NavigationMenuViewport />
-  </NavigationMenuPrimitive.Root>
-));
-NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-
-const NavigationMenuList = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.List>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.List>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.List
-    ref={ref}
-    className={cn(
-      'group flex flex-1 list-none items-center justify-center gap-1',
-      className,
-    )}
-    {...props}
-  />
-));
-NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
-
-const NavigationMenuItem = NavigationMenuPrimitive.Item;
-
-const navigationMenuTriggerStyle = cva(
-  'group inline-flex h-9 w-max cursor-pointer items-center justify-center rounded-md bg-background px-4 py-2 text-xs font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50',
-);
-
-const NavigationMenuTrigger = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <NavigationMenuPrimitive.Trigger
-    ref={ref}
-    className={cn(navigationMenuTriggerStyle(), 'group', className)}
-    {...props}
-  >
-    {children}{' '}
-    <ChevronDown
-      className="relative top-px ml-1 size-3 transition duration-200 group-data-[state=open]:rotate-180"
-      aria-hidden="true"
-    />
-  </NavigationMenuPrimitive.Trigger>
-));
-NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-
-const NavigationMenuContent = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Content>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Content
-    ref={ref}
-    className={cn(
-      'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto',
-      className,
-    )}
-    {...props}
-  />
-));
-NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
-
-const NavigationMenuLink = NavigationMenuPrimitive.Link;
-
-const NavigationMenuViewport = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Viewport>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Viewport>
->(({ className, ...props }, ref) => (
-  <div className={cn('absolute left-0 top-full flex justify-center')}>
-    <NavigationMenuPrimitive.Viewport
-      ref={ref}
-      className={cn(
-        'origin-top-center relative mt-1.5 h-radix-nav-viewport w-full overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-radix-nav-viewport',
-        className,
-      )}
-      {...props}
-    />
-  </div>
-));
-NavigationMenuViewport.displayName =
-  NavigationMenuPrimitive.Viewport.displayName;
-
-const NavigationMenuIndicator = React.forwardRef<
-  React.ElementRef<typeof NavigationMenuPrimitive.Indicator>,
-  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Indicator>
->(({ className, ...props }, ref) => (
-  <NavigationMenuPrimitive.Indicator
-    ref={ref}
-    className={cn(
-      'top-full z-1 flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in',
-      className,
-    )}
-    {...props}
-  >
-    {/* eslint-disable-next-line teamix-evo/no-arbitrary-tw-value -- indicator arrow tip alignment 60% is shadcn-canonical, not a tokenizable layout value. */}
-    <div className="relative top-[60%] size-2 rotate-45 rounded-tl-sm bg-border shadow-md" />
-  </NavigationMenuPrimitive.Indicator>
-));
-NavigationMenuIndicator.displayName =
-  NavigationMenuPrimitive.Indicator.displayName;
-
-export {
-  navigationMenuTriggerStyle,
-  NavigationMenu,
-  NavigationMenuList,
-  NavigationMenuItem,
-  NavigationMenuContent,
-  NavigationMenuTrigger,
-  NavigationMenuLink,
-  NavigationMenuIndicator,
-  NavigationMenuViewport,
-};

package/src/components/notification/notification.meta.md

@@ -1,133 +0,0 @@
----
-id: notification
-name: notification
-type: component
-category: feedback
-since: 0.1.0
-package: '@teamix-evo/ui'
-displayName: 通知
----
-
-# Notification 通知
-
-卡片式通知 — antd 独有补足。**等价 antd `Notification`**(右上角 title + description 卡片),与 sonner 同一渲染栈。基于 sonner `toast.custom` 二次封装,业务侧**只需要挂载一次 `<Toaster />`**,后续在任意地方调 `notification.success(...)` / `notification.destructive(...)` 等触发。4 档语义色对齐 [ADR 0021](../../../../docs/adr/0021-semantic-color-api-unification.md):`primary / success / warning / destructive`。
-
-## When to use
-
-- 操作完成的"带描述卡片"反馈(部署成功、文件已上传、订单已生成)
-- 异步流程的最终结果通知(配 description 解释下一步)
-- 系统级提醒(订阅到期、新版本可用)
-
-## When NOT to use
-
-- 短文字提示("已保存") → `toast()`(对应 antd `message`)
-- 阻塞式确认 → `Dialog` / `AlertDialog` / `Popconfirm`
-- 表单字段错误 → `FieldError`(就近显示)
-
-## Props
-
-<!-- auto:props:begin -->
-
-_(组件无 `<Name>Props` interface — props 详见 [`notification.tsx`](./notification.tsx))_
-
-<!-- auto:props:end -->
-
-## 依赖
-
-<!-- auto:deps:begin -->
-
-### 同库依赖
-
-> `teamix-evo ui add notification` 时,以下 entry 会被自动连带安装(无需手动 add)。
-
-| Entry    | 类型      | 描述                                                                                                                       |
-| -------- | --------- | -------------------------------------------------------------------------------------------------------------------------- |
-| `cn`     | util      | Tailwind className 合并工具(clsx + tailwind-merge)                                                                         |
-| `sonner` | component | Toast 通知 — sonner 包装,等价 antd message + notification 并集(toast() 函数式 API + Toaster 容器,面性 5 状态图标 + 无边框) |
-
-### npm 依赖
-
-> 业务侧需要先 `pnpm add` / `npm install` 这些包。CLI 在 `ui add` 完成后会列出此提示。
-
-```bash
-pnpm add sonner@^1.5.0 lucide-react@^0.460.0
-```
-
-<!-- auto:deps:end -->
-
-## AI 生成纪律
-
-- **业务侧必须挂载 `<Toaster />`** —— Notification 与 toast 共用同一容器,通常挂在 root layout
-- **`title` 用动词或事件名**:"部署成功"/"订单已创建";**不要**写"提示"等空话
-- **`description` 解释后果或下一步**:"用户可在 1 分钟内访问新版本"/"详情请查看订单页";**不要**重复 title
-- **语义不要混淆**:`success` 用于成功完成,`warning` 用于风险提示但操作未失败,`destructive` 用于真正失败 — 与 `Alert` / `Toast` 的语义一致(对齐 ADR 0021,不再使用 `info` / `error` 字面)
-- **不要在 onConfirm 里同时调 toast 和 notification** — 单次反馈选一种,避免视觉噪音
-- **`destroy(id)` 主动关闭**:用于"自动重试成功"等场景,把之前的 error notification 替换掉
-
-## Examples
-
-```tsx
-import { notification } from '@/components/ui/notification';
-
-// 各类型快捷方法
-notification.success({
-  title: '部署成功',
-  description: '用户可在 1 分钟内访问新版本',
-});
-
-notification.warning({
-  title: '配额即将到期',
-  description: '请在 3 天内续费,否则服务将暂停',
-});
-
-notification.destructive({
-  title: '上传失败',
-  description: '请检查网络连接后重试',
-});
-
-// 自定义 + 操作按钮(action 透传 sonner)
-const id = notification.open({
-  color: 'primary',
-  title: '新版本可用',
-  description: 'v2.5 已发布,刷新页面以应用更新',
-  action: { label: '刷新', onClick: () => location.reload() },
-});
-
-// 主动关闭
-notification.destroy(id);
-```
-
-> 应用根组件需要挂载一次 `<Toaster />`(来自 `sonner` entry),Notification 与 toast 共用此容器。
-
----
-
-## Notification 形态 — 旧库 API → 新映射
-
-> 旧库 `Notification`(hybridcloud,含 open/success/error/warning 命令式) → 新库 `notification`(小写对象)。
-> 新库基于 sonner `toast.custom` 封装,共用 `<Toaster />` 容器。
-
-### 命名 & 结构映射
-
-| 旧库                                 | 新库                                      | 说明                          |
-| ------------------------------------ | ----------------------------------------- | ----------------------------- |
-| `Notification` (类)                  | `notification` (对象)                     | 大小写变更                    |
-| `Notification.success()`             | `notification.success()`                  | 直接映射                      |
-| `Notification.error()`               | `notification.destructive()`              | error → destructive(ADR 0021) |
-| `Notification.warning()`             | `notification.warning()`                  | 直接映射                      |
-| `Notification.notice()`              | `notification.open({ color: 'primary' })` | notice → primary              |
-| `options.content`                    | `options.description`                     | 字段重命名                    |
-| `options.type`                       | `options.color`                           | type → color(4 档语义色)      |
-| `Notification.close(key)`            | `notification.destroy(id)`                | 主动关闭                      |
-| `Notification.config({ placement })` | `<Toaster position="..." />`              | 声明式配置                    |
-| `size: large/medium`                 | 不复刻                                    | 固定尺寸                      |
-| `icon` 自定义                        | 不复刻                                    | 固定语义图标(规范化)          |
-| `type='help'`                        | `notification.open({ color: 'primary' })` | 合并到 primary                |
-
-### 迁移 FAQ
-
-| 问题                          | 回答                                                                |
-| ----------------------------- | ------------------------------------------------------------------- |
-| error 为什么变成 destructive? | 对齐 ADR 0021 语义色规范,统一用 destructive 表示错误/危险           |
-| Notification 和 toast 的关系? | 共用 Toaster 容器;简短提示用 toast,带标题+描述的卡片用 notification |
-| 怎么控制位置?                 | `<Toaster position="top-right" />`(默认右上)                        |
-| 怎么加 action 按钮?           | `notification.open({ ..., action: { label, onClick } })`            |

package/src/components/notification/notification.stories.tsx

@@ -1,98 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import { Toaster } from '@/components/sonner/sonner';
-import { notification } from './notification';
-import { Button } from '@/components/button/button';
-
-const meta: Meta = {
-  title: '反馈 · Feedback/Notification',
-  tags: ['autodocs'],
-  parameters: {
-    docs: {
-      description: {
-        component:
-          '卡片式通知 — 右上角 title + description 卡片（部署成功 / 配额提醒）。基于 sonner toast.custom，业务侧只需挂载一次 `<Toaster />`，后续在任意地方 imperative 触发。4 档语义色(primary / success / warning / destructive)对齐 ADR 0021，与 toast(message)互补。',
-      },
-    },
-  },
-};
-
-export default meta;
-type Story = StoryObj;
-
-export const Playground: Story = {
-  render: () => (
-    <div className="flex flex-col gap-2">
-      <Toaster position="top-right" />
-      <div className="flex flex-wrap gap-2">
-        <Button
-          variant="outline"
-          onClick={() =>
-            notification.primary({
-              title: '提示',
-              description: '这是一条 primary 通知',
-            })
-          }
-        >
-          Primary
-        </Button>
-        <Button
-          onClick={() =>
-            notification.success({
-              title: '部署成功',
-              description: '用户可在 1 分钟内访问新版本',
-            })
-          }
-        >
-          Success
-        </Button>
-        <Button
-          variant="outline"
-          onClick={() =>
-            notification.warning({
-              title: '配额即将到期',
-              description: '请在 3 天内续费,否则服务将暂停',
-            })
-          }
-        >
-          Warning
-        </Button>
-        <Button
-          variant="destructive"
-          onClick={() =>
-            notification.destructive({
-              title: '上传失败',
-              description: '请检查网络连接后重试',
-            })
-          }
-        >
-          Destructive
-        </Button>
-      </div>
-    </div>
-  ),
-};
-
-export const WithAction: Story = {
-  render: () => (
-    <div className="flex flex-col gap-2">
-      <Toaster position="top-right" />
-      <Button
-        onClick={() =>
-          notification.open({
-            color: 'primary',
-            title: '新版本可用',
-            description: 'v2.5 已发布,刷新页面以应用更新',
-            action: {
-              label: '刷新',
-              onClick: () => {
-                alert('刷新');
-              },
-            },
-          })
-        }
-      >
-        显示带操作的通知
-      </Button>
-    </div>
-  ),
-};

package/src/components/notification/notification.tsx

@@ -1,99 +0,0 @@
-import * as React from 'react';
-import { toast, type ExternalToast } from 'sonner';
-import { AlertCircle, CheckCircle2, Info, XCircle } from 'lucide-react';
-
-import { cn } from '@/utils/cn';
-
-/**
- * 卡片式通知 — antd 独有补足。**等价 antd `Notification`**(右上角卡片,与 sonner 同一栈)。
- * 基于 sonner 二次封装,提供 antd 风格的"标题 + 描述 + 状态图标"卡片化 API,
- * 与 `Toaster`(toast 容器)共用同一渲染层 —— 业务侧只需要挂载一次 `<Toaster />`。
- *
- * 与 `toast()` 区别:
- *   - `toast()` 是无标题短文字(对应 antd `message`)
- *   - `notification.open()` 是 **title + description 卡片**(对应 antd `notification`)
- */
-
-export type NotificationColor =
-  | 'primary'
-  | 'success'
-  | 'warning'
-  | 'destructive';
-
-export interface NotificationOptions
-  extends Omit<ExternalToast, 'description' | 'icon'> {
-  /** 标题(antd `message` 并集,但 antd 这里命名为 message,易混淆 — 我们用更准确的 `title`)。 */
-  title: React.ReactNode;
-  /** 描述(antd `description` 并集)。 */
-  description?: React.ReactNode;
-  /**
-   * 语义色(对齐 ADR 0021)— 决定左侧 icon 颜色;`open()` 默认 `primary`。
-   * `success` / `warning` / `destructive` 也可用对应快捷方法。
-   */
-  color?: NotificationColor;
-  /**
-   * 自定义左侧 icon — 覆盖默认按 `color` 映射的 lucide icon。
-   * 传 `null` 显式隐藏 icon(只展示文字内容)。
-   * @example
-   *   notification.open({ icon: <UserPlus className="size-5 text-primary" />, title: '新用户加入' })
-   */
-  icon?: React.ReactNode | null;
-}
-
-const iconMap: Record<NotificationColor, React.ReactNode> = {
-  primary: <Info className="size-5 text-primary" />,
-  success: <CheckCircle2 className="size-5 text-success" />,
-  warning: <AlertCircle className="size-5 text-warning" />,
-  destructive: <XCircle className="size-5 text-destructive" />,
-};
-
-function fire(
-  color: NotificationColor,
-  { title, description, icon, ...rest }: NotificationOptions,
-) {
-  // icon: undefined → 默认按 color 映射;null → 显式隐藏 icon;其他 ReactNode → 自定义
-  const iconNode = icon === undefined ? iconMap[color] : icon;
-  return toast.custom(
-    (id) => (
-      <div
-        role="alert"
-        className={cn(
-          'flex w-notification gap-3 rounded-md border border-border bg-background p-4 text-xs shadow-lg',
-        )}
-      >
-        {iconNode ? <span className="mt-0.5 shrink-0">{iconNode}</span> : null}
-        <div className="min-w-0 flex-1">
-          <div className="font-semibold leading-tight">{title}</div>
-          {description ? (
-            <div className="mt-1 text-muted-foreground">{description}</div>
-          ) : null}
-        </div>
-        <button
-          type="button"
-          aria-label="关闭"
-          onClick={() => toast.dismiss(id)}
-          className="cursor-pointer text-muted-foreground transition-colors hover:text-foreground"
-        >
-          ×
-        </button>
-      </div>
-    ),
-    rest,
-  );
-}
-
-const notification = {
-  /**
-   * 通用打开 — 通过 `color` 区分状态;若只传 title,样式同 `primary`。
-   */
-  open: (opts: NotificationOptions) => fire(opts.color ?? 'primary', opts),
-  primary: (opts: Omit<NotificationOptions, 'color'>) => fire('primary', opts),
-  success: (opts: Omit<NotificationOptions, 'color'>) => fire('success', opts),
-  warning: (opts: Omit<NotificationOptions, 'color'>) => fire('warning', opts),
-  destructive: (opts: Omit<NotificationOptions, 'color'>) =>
-    fire('destructive', opts),
-  /** 主动关闭某条(传 `id`)/ 全部(不传)。 */
-  destroy: (id?: string | number) => toast.dismiss(id),
-};
-
-export { notification };