@cuxt/chama 0.0.1

package/README.md

@@ -0,0 +1,78 @@
+# @cuxt/chama
+
+基于 [shadcn/ui](https://ui.shadcn.com/) Nova 预设的 React 组件库，使用 [Base UI](https://base-ui.com/) 作为底层 primitives，样式基于 Tailwind CSS v4。
+
+## 安装
+
+```bash
+pnpm add @cuxt/chama
+```
+
+**peer dependencies（必须安装，版本 ≥ ^19 / ^1.8）**
+
+- `react` ^19
+- `react-dom` ^19
+- `@base-ui/react` ^1.8
+- `lucide-react`
+- `class-variance-authority`
+- `cn`
+
+**强制安装（dependencies，无需手动安装）**
+
+- `tailwindcss` ^4
+- `tw-animate-css`
+- `@fontsource-variable/geist`
+- `shadcn` ^4
+
+## 配置样式
+
+在你的项目入口 CSS 中（例如 `src/app.css`）：
+
+```css
+@import "tailwindcss";
+@import "@cuxt/chama/style.css";
+
+/* 让 Tailwind v4 扫描组件库代码以生成对应的工具类 */
+@source "../node_modules/@cuxt/chama/dist";
+```
+
+## 使用
+
+```tsx
+import { Button } from "@cuxt/chama";
+
+export function App() {
+  return <Button variant="outline">点击我</Button>;
+}
+```
+
+## 组件
+
+| 名称             | 描述                                                                                                                                                                                                               |
+| ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
+| `Button`         | 基于 Base UI `Button` 的多态按钮，支持 `variant`（`default` / `outline` / `secondary` / `ghost` / `destructive` / `link`）与 `size`（`default` / `xs` / `sm` / `lg` / `icon` / `icon-xs` / `icon-sm` / `icon-lg`） |
+| `buttonVariants` | 由 `class-variance-authority` 导出的样式变体，可直接用于自定义组件                                                                                                                                                 |
+
+## 开发
+
+```bash
+pnpm install
+pnpm run build   # vp pack：构建库产物到 dist/
+pnpm run check   # vp check：lint + format + type-check
+```
+
+## 发布
+
+```bash
+# 首次发布前确保已在 npm 创建 organization @cuxt
+npm login
+npm publish
+
+# 后续发布
+pnpm exec bumpp      # 交互式 bump 版本
+npm publish
+```
+
+## License
+
+MIT © [cuxt](https://github.com/cuxt)

package/dist/index.d.mts

@@ -0,0 +1,10 @@
+import { Button as Button$1 } from "@base-ui/react/button";
+import { VariantProps } from "class-variance-authority";
+//#region src/components/ui/button.d.ts
+declare const buttonVariants: (props?: ({
+  variant?: "default" | "destructive" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+  size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Button({ className, variant, size, ...props }: Button$1.Props & VariantProps<typeof buttonVariants>): import("react").JSX.Element;
+//#endregion
+export { Button, buttonVariants };

package/dist/index.mjs

@@ -0,0 +1,44 @@
+import { Button as Button$1 } from "@base-ui/react/button";
+import { cva } from "class-variance-authority";
+import { cn } from "cn";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ui/button.tsx
+const buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/80",
+			outline: "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
+			ghost: "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
+			destructive: "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
+			sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
+			lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
+			icon: "size-8",
+			"icon-xs": "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
+			"icon-sm": "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
+			"icon-lg": "size-9"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function Button({ className, variant = "default", size = "default", ...props }) {
+	return /* @__PURE__ */ jsx(Button$1, {
+		"data-slot": "button",
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		...props
+	});
+}
+//#endregion
+export { Button, buttonVariants };