@allbluecn/ui 0.3.13 → 0.4.0

package/package.json

@@ -1,52 +1,175 @@
 {
   "name": "@allbluecn/ui",
-  "version": "0.3.13",
+  "version": "0.4.0",
   "license": "AGPL-3.0-or-later",
   "type": "module",
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.ts",
-    "./sidebar": "./src/sidebar.tsx",
-    "./tooltip": "./src/tooltip.tsx",
-    "./dialog": "./src/dialog.tsx",
-    "./input": "./src/input.tsx",
-    "./button": "./src/button.tsx",
-    "./utils": "./src/utils.ts",
-    "./auth-client": "./src/auth-client.ts",
-    "./sonner": "./src/sonner.tsx",
-    "./select": "./src/select.tsx",
-    "./badge": "./src/badge.tsx",
-    "./alert-dialog": "./src/alert-dialog.tsx",
-    "./textarea": "./src/textarea.tsx",
-    "./skeleton": "./src/skeleton.tsx",
-    "./dropdown-menu": "./src/dropdown-menu.tsx",
-    "./switch": "./src/switch.tsx",
-    "./label": "./src/label.tsx",
-    "./empty": "./src/empty.tsx",
-    "./checkbox": "./src/checkbox.tsx",
-    "./resizable": "./src/resizable.tsx",
-    "./popover": "./src/popover.tsx",
-    "./context-menu": "./src/context-menu.tsx",
-    "./card": "./src/card.tsx",
-    "./placeholder-page": "./src/placeholder-page.tsx",
-    "./name-confirm-dialog": "./src/name-confirm-dialog.tsx",
-    "./nav-float-button": "./src/nav-float-button.tsx",
-    "./icon-picker": "./src/icon-picker.tsx",
-    "./icon-packs": "./src/icon-packs/index.ts",
-    "./icon-packs/prd": "./src/icon-packs/prd.ts",
-    "./icon-packs/knowledge": "./src/icon-packs/knowledge.ts",
-    "./icon-packs/project": "./src/icon-packs/project.ts",
-    "./grid-pattern": "./src/grid-pattern.tsx",
-    "./layout-panel-top": "./src/layout-panel-top.tsx",
-    "./timezone-provider": "./src/timezone-provider.tsx",
-    "./auth-layout": "./src/auth-layout.tsx",
-    "./animated-theme-toggler": "./src/animated-theme-toggler.tsx",
-    "./separator": "./src/separator.tsx",
-    "./notion-avatar": "./src/notion-avatar.tsx",
-    "./avatar": "./src/avatar.tsx",
-    "./item": "./src/item.tsx",
-    "./kbd": "./src/kbd.tsx"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./sidebar": {
+      "types": "./dist/sidebar.d.ts",
+      "default": "./dist/sidebar.js"
+    },
+    "./tooltip": {
+      "types": "./dist/tooltip.d.ts",
+      "default": "./dist/tooltip.js"
+    },
+    "./dialog": {
+      "types": "./dist/dialog.d.ts",
+      "default": "./dist/dialog.js"
+    },
+    "./input": {
+      "types": "./dist/input.d.ts",
+      "default": "./dist/input.js"
+    },
+    "./button": {
+      "types": "./dist/button.d.ts",
+      "default": "./dist/button.js"
+    },
+    "./utils": {
+      "types": "./dist/utils.d.ts",
+      "default": "./dist/utils.js"
+    },
+    "./auth-client": {
+      "types": "./dist/auth-client.d.ts",
+      "default": "./dist/auth-client.js"
+    },
+    "./sonner": {
+      "types": "./dist/sonner.d.ts",
+      "default": "./dist/sonner.js"
+    },
+    "./select": {
+      "types": "./dist/select.d.ts",
+      "default": "./dist/select.js"
+    },
+    "./badge": {
+      "types": "./dist/badge.d.ts",
+      "default": "./dist/badge.js"
+    },
+    "./alert-dialog": {
+      "types": "./dist/alert-dialog.d.ts",
+      "default": "./dist/alert-dialog.js"
+    },
+    "./textarea": {
+      "types": "./dist/textarea.d.ts",
+      "default": "./dist/textarea.js"
+    },
+    "./skeleton": {
+      "types": "./dist/skeleton.d.ts",
+      "default": "./dist/skeleton.js"
+    },
+    "./dropdown-menu": {
+      "types": "./dist/dropdown-menu.d.ts",
+      "default": "./dist/dropdown-menu.js"
+    },
+    "./switch": {
+      "types": "./dist/switch.d.ts",
+      "default": "./dist/switch.js"
+    },
+    "./label": {
+      "types": "./dist/label.d.ts",
+      "default": "./dist/label.js"
+    },
+    "./empty": {
+      "types": "./dist/empty.d.ts",
+      "default": "./dist/empty.js"
+    },
+    "./checkbox": {
+      "types": "./dist/checkbox.d.ts",
+      "default": "./dist/checkbox.js"
+    },
+    "./resizable": {
+      "types": "./dist/resizable.d.ts",
+      "default": "./dist/resizable.js"
+    },
+    "./popover": {
+      "types": "./dist/popover.d.ts",
+      "default": "./dist/popover.js"
+    },
+    "./context-menu": {
+      "types": "./dist/context-menu.d.ts",
+      "default": "./dist/context-menu.js"
+    },
+    "./card": {
+      "types": "./dist/card.d.ts",
+      "default": "./dist/card.js"
+    },
+    "./placeholder-page": {
+      "types": "./dist/placeholder-page.d.ts",
+      "default": "./dist/placeholder-page.js"
+    },
+    "./name-confirm-dialog": {
+      "types": "./dist/name-confirm-dialog.d.ts",
+      "default": "./dist/name-confirm-dialog.js"
+    },
+    "./nav-float-button": {
+      "types": "./dist/nav-float-button.d.ts",
+      "default": "./dist/nav-float-button.js"
+    },
+    "./icon-picker": {
+      "types": "./dist/icon-picker.d.ts",
+      "default": "./dist/icon-picker.js"
+    },
+    "./icon-packs": {
+      "types": "./dist/icon-packs/index.d.ts",
+      "default": "./dist/icon-packs/index.js"
+    },
+    "./icon-packs/prd": {
+      "types": "./dist/icon-packs/prd.d.ts",
+      "default": "./dist/icon-packs/prd.js"
+    },
+    "./icon-packs/knowledge": {
+      "types": "./dist/icon-packs/knowledge.d.ts",
+      "default": "./dist/icon-packs/knowledge.js"
+    },
+    "./icon-packs/project": {
+      "types": "./dist/icon-packs/project.d.ts",
+      "default": "./dist/icon-packs/project.js"
+    },
+    "./grid-pattern": {
+      "types": "./dist/grid-pattern.d.ts",
+      "default": "./dist/grid-pattern.js"
+    },
+    "./layout-panel-top": {
+      "types": "./dist/layout-panel-top.d.ts",
+      "default": "./dist/layout-panel-top.js"
+    },
+    "./timezone-provider": {
+      "types": "./dist/timezone-provider.d.ts",
+      "default": "./dist/timezone-provider.js"
+    },
+    "./auth-layout": {
+      "types": "./dist/auth-layout.d.ts",
+      "default": "./dist/auth-layout.js"
+    },
+    "./animated-theme-toggler": {
+      "types": "./dist/animated-theme-toggler.d.ts",
+      "default": "./dist/animated-theme-toggler.js"
+    },
+    "./separator": {
+      "types": "./dist/separator.d.ts",
+      "default": "./dist/separator.js"
+    },
+    "./notion-avatar": {
+      "types": "./dist/notion-avatar.d.ts",
+      "default": "./dist/notion-avatar.js"
+    },
+    "./avatar": {
+      "types": "./dist/avatar.d.ts",
+      "default": "./dist/avatar.js"
+    },
+    "./item": {
+      "types": "./dist/item.d.ts",
+      "default": "./dist/item.js"
+    },
+    "./kbd": {
+      "types": "./dist/kbd.d.ts",
+      "default": "./dist/kbd.js"
+    }
   },
   "dependencies": {
     "@tanstack/react-query": "^5.101.2",
@@ -62,11 +185,12 @@
     "sonner": "^2.0.7",
     "next-themes": "^0.4.6",
     "tailwind-merge": "^3.5.0",
-    "@allbluecn/shared": "0.3.13"
+    "@allbluecn/shared": "0.4.0"
   },
   "devDependencies": {
     "@types/react": "^19",
     "@types/react-dom": "^19",
+    "tsdown": "^0.22.0",
     "typescript": "^7"
   },
   "repository": {
@@ -78,8 +202,13 @@
     "url": "https://github.com/urmynami/AllBlue/issues"
   },
   "files": [
-    "src",
-    "!src/**/*.test.*",
-    "!src/**/__tests__/**"
-  ]
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit"
+  }
 }

package/src/ai-command-button.tsx

@@ -1,36 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program. If not, see <https://www.gnu.org/licenses/>.
-
-import type { AICommandDef } from "@allbluecn/shared";
-
-interface Props {
-  command: AICommandDef;
-  onClick: () => void;
-  loading?: boolean;
-}
-
-export function AICommandButton({ command, onClick, loading }: Props) {
-  return (
-    <button
-      className="inline-flex items-center gap-1 px-2 py-1 text-xs rounded bg-primary/10 text-primary hover:bg-primary/20"
-      onClick={onClick}
-      disabled={loading}
-    >
-      {loading ? "..." : command.label}
-    </button>
-  );
-}

package/src/ai-stream-text.tsx

@@ -1,37 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program. If not, see <https://www.gnu.org/licenses/>.
-
-"use client"
-
-interface Props {
-  text: string
-  streaming?: boolean
-  className?: string
-}
-
-export function AIStreamText({ text, streaming = false, className }: Props) {
-  if (!text && !streaming) return null
-
-  return (
-    <div className={"prose prose-sm max-w-none" + (className ? " " + className : "")}>
-      {text || "\u00A0"}
-      {streaming && (
-        <span className="inline-block w-2 h-4 ml-0.5 bg-primary animate-pulse rounded-sm align-middle" />
-      )}
-    </div>
-  )
-}

package/src/alert-dialog.tsx

@@ -1,216 +0,0 @@
-// SPDX-License-Identifier: AGPL-3.0-or-later
-// AllBlue - 理想之海
-// Copyright (C) 2026 AllBlue Contributors
-//
-// This program is free software: you can redistribute it and/or modify
-// it under the terms of the GNU Affero General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// This program is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
-// GNU Affero General Public License for more details.
-//
-// You should have received a copy of the GNU Affero General Public License
-// along with this program. If not, see <https://www.gnu.org/licenses/>.
-
-"use client"
-
-import * as React from "react"
-import { AlertDialog as AlertDialogPrimitive } from "radix-ui"
-
-import { cn } from "./utils"
-import { Button } from "./button"
-
-function AlertDialog({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {
-  return <AlertDialogPrimitive.Root data-slot="alert-dialog" {...props} />
-}
-
-function AlertDialogTrigger({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {
-  return (
-    <AlertDialogPrimitive.Trigger data-slot="alert-dialog-trigger" {...props} />
-  )
-}
-
-function AlertDialogPortal({
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {
-  return (
-    <AlertDialogPrimitive.Portal data-slot="alert-dialog-portal" {...props} />
-  )
-}
-
-function AlertDialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {
-  return (
-    <AlertDialogPrimitive.Overlay
-      data-slot="alert-dialog-overlay"
-      className={cn(
-        "fixed inset-0 z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogContent({
-  className,
-  size = "default",
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
-  size?: "default" | "sm"
-}) {
-  return (
-    <AlertDialogPortal>
-      <AlertDialogOverlay />
-      <AlertDialogPrimitive.Content
-        data-slot="alert-dialog-content"
-        data-size={size}
-        className={cn(
-          "group/alert-dialog-content fixed top-1/2 left-1/2 z-50 grid w-full -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-[size=default]:max-w-xs data-[size=sm]:max-w-xs data-[size=default]:sm:max-w-sm data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
-          className
-        )}
-        {...props}
-      />
-    </AlertDialogPortal>
-  )
-}
-
-function AlertDialogHeader({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-header"
-      className={cn(
-        "grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-4 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogFooter({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-footer"
-      className={cn(
-        "-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogMedia({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="alert-dialog-media"
-      className={cn(
-        "mb-2 inline-flex size-10 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-6",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {
-  return (
-    <AlertDialogPrimitive.Title
-      data-slot="alert-dialog-title"
-      className={cn(
-        "text-base font-medium sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {
-  return (
-    <AlertDialogPrimitive.Description
-      data-slot="alert-dialog-description"
-      className={cn(
-        "text-sm text-balance text-muted-foreground md:text-pretty *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground",
-        className
-      )}
-      {...props}
-    />
-  )
-}
-
-function AlertDialogAction({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Action> &
-  Pick<React.ComponentProps<typeof Button>, "variant" | "size">) {
-  return (
-    <Button variant={variant} size={size} asChild>
-      <AlertDialogPrimitive.Action
-        data-slot="alert-dialog-action"
-        className={cn(className)}
-        {...props}
-      />
-    </Button>
-  )
-}
-
-function AlertDialogCancel({
-  className,
-  variant = "outline",
-  size = "default",
-  ...props
-}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> &
-  Pick<React.ComponentProps<typeof Button>, "variant" | "size">) {
-  return (
-    <Button variant={variant} size={size} asChild>
-      <AlertDialogPrimitive.Cancel
-        data-slot="alert-dialog-cancel"
-        className={cn(className)}
-        {...props}
-      />
-    </Button>
-  )
-}
-
-export {
-  AlertDialog,
-  AlertDialogAction,
-  AlertDialogCancel,
-  AlertDialogContent,
-  AlertDialogDescription,
-  AlertDialogFooter,
-  AlertDialogHeader,
-  AlertDialogMedia,
-  AlertDialogOverlay,
-  AlertDialogPortal,
-  AlertDialogTitle,
-  AlertDialogTrigger,
-}