brutx-ui-vue 0.8.1 → 0.9.0

package/README.md

@@ -11,7 +11,7 @@
 
 ## 特性
 
-- **CLI 工具**：通过 `npx brutx@latest` 将组件复制到你的代码库
+- **CLI 工具**：通过 `npx brutx-vue@latest` 将组件复制到你的代码库
 - **完全控制**：拥有并自定义每一个组件
 - **粗野主义风格**：粗边框、偏移阴影、鲜艳色彩
 - **Tailwind 就绪令牌**：background/foreground/primary/secondary/destructive、ring、input、card 等。通过 `.dark` 支持暗色模式
@@ -25,13 +25,13 @@
 
 ```bash
 # 初始化你的项目
-npx brutx@latest init
+npx brutx-vue@latest init
 
 # 添加组件
-npx brutx@latest add button card badge
+npx brutx-vue@latest add button card badge
 
 # 或添加全部组件
-npx brutx@latest add --all
+npx brutx-vue@latest add --all
 ```
 
 ## 升级
@@ -39,13 +39,13 @@ npx brutx@latest add --all
 当 BrutxUI 发布新版本时，重新运行 init 命令即可升级：
 
 ```bash
-npx brutx@latest init
+npx brutx-vue@latest init
 ```
 
 你也可以单独更新已有组件：
 
 ```bash
-npx brutx@latest add button --overwrite
+npx brutx-vue@latest add button --overwrite
 ```
 
 ## 用法
@@ -79,9 +79,9 @@ import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
 
 | 命令                               | 说明                           |
 | ---------------------------------- | ------------------------------ |
-| `npx brutx@latest init`            | 使用 components.json 初始化项目 |
-| `npx brutx@latest add <component>` | 添加指定组件                   |
-| `npx brutx@latest add --all`       | 添加全部组件                   |
+| `npx brutx-vue@latest init`            | 使用 components.json 初始化项目 |
+| `npx brutx-vue@latest add <component>` | 添加指定组件                   |
+| `npx brutx-vue@latest add --all`       | 添加全部组件                   |
 
 ## 组件列表
 
@@ -91,11 +91,11 @@ Accordion · Alert · AlertDialog · Avatar · Badge · Button · Card · Card3D
 
 ### 页面与区块
 
-ActivityLogPage · AuthCard · BlogCard · BlogListPage · BrutalistHero · CookieConsent · DashboardShell · DashboardStats · EmptyState · ErrorCard · FaqSection · FeedbackForm · FileCard · FooterSection · GallerySection · HeaderSection · LoadingPage · NotFoundPage · OverviewPage · PricingSection · ProfilePage · QuickActions · SaaSPricing · SettingsPage · StepperSection · SuccessCard · TestimonialCard · UploadCard · WaitlistPage
+ActivityLogPage · AuthCard · BlogCard · BlogListPage · BrutalistHero · CookieConsent · DashboardShell · DashboardStats · EmptyState · ErrorCard · FaqSection · FeedbackForm · FileCard · FooterSection · GallerySection · HeaderSection · LoadingPage · NotFoundPage · OverviewPage · PricingSection · ProfilePage · QuickActions · SettingsPage · StepperSection · SuccessCard · TestimonialCard · UploadCard · WaitlistPage
 
 ### 特色组件
 
-BeforeAfter · BlogCard · Calendar · Carousel · ChatBubble · CodeBlock · CopyToClipboard · Counter · DataTableSection · GlitchText · HardcoreInput · Kanban · Kbd · Marquee · Pagination · ScratchCard · SearchWidget · SketchyChart · Spinner · Stepper · SubmitButton · Timeline · TreeView
+BeforeAfter · BlogCard · Calendar · Carousel · ChatBubble · CodeBlock · CopyToClipboard · Counter · DataTableSection · GlitchText · HardcoreInput · Kanban · Kbd · Marquee · Pagination · ScratchCard · SearchWidget · SketchyChart · Spinner · Stepper · Timeline · TreeView
 
 ## Claude Code Skill
 

package/dist/_virtual/_plugin-vue_export-helper.cjs

@@ -0,0 +1 @@
+var e=(e,t)=>{let n=e.__vccOpts||e;for(let[e,r]of t)n[e]=r;return n};exports.default=e;

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1 @@
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;

package/dist/brutalism-plugin.cjs

@@ -1 +1 @@
-var e=require("./chunk-C6qsp3rV.cjs").t(((e,t)=>{function n(e,t){return{handler:e,config:t}}n.withOptions=function(e,t=()=>({})){function n(n){return{handler:e(n),config:t(n)}}return n.__isOptionsFunction=!0,n},t.exports=n}))()(function({addUtilities:e,addComponents:t}){e({".nb-border":{borderWidth:`var(--brutal-border-width, 3px)`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`},".nb-border-2":{borderWidth:`2px`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`},".nb-border-4":{borderWidth:`4px`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`},".nb-shadow":{boxShadow:`var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)`},".nb-shadow-sm":{boxShadow:`calc(var(--brutal-shadow-offset-x, 4px) / 2) calc(var(--brutal-shadow-offset-y, 4px) / 2) 0px 0px var(--brutal-shadow-color, #000000)`},".nb-shadow-lg":{boxShadow:`calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)`},".nb-shadow-xl":{boxShadow:`calc(var(--brutal-shadow-offset-x, 4px) * 2) calc(var(--brutal-shadow-offset-y, 4px) * 2) 0px 0px var(--brutal-shadow-color, #000000)`},".nb-press":{transform:`translateY(var(--brutal-pressed-offset, 2px))`,boxShadow:`none`},".nb-press-sm":{transform:`translateY(calc(var(--brutal-pressed-offset, 2px) / 2))`,boxShadow:`none`},".nb-press-lg":{transform:`translateY(calc(var(--brutal-pressed-offset, 2px) * 1.5))`,boxShadow:`none`},".nb-font":{fontWeight:`900`,letterSpacing:`0.025em`},".nb-font-bold":{fontWeight:`800`,letterSpacing:`0.02em`},".nb-font-medium":{fontWeight:`700`,letterSpacing:`0.015em`},".nb-no-radius":{borderRadius:`var(--brutal-radius, 0px)`},".nb-transition":{transitionProperty:`transform, box-shadow`,transitionTimingFunction:`cubic-bezier(0.4, 0, 0.2, 1)`,transitionDuration:`150ms`}}),e({".nb-hover":{"&:hover":{transform:`translate(calc(var(--brutal-shadow-offset-x, 4px) / -2), calc(var(--brutal-shadow-offset-y, 4px) / -2))`,boxShadow:`calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)`}},".nb-active":{"&:active":{transform:`translateY(var(--brutal-pressed-offset, 2px))`,boxShadow:`none`}},".nb-focus":{"&:focus":{outline:`3px solid var(--brutal-ring, #000000)`,outlineOffset:`2px`},"&:focus-visible":{outline:`3px solid var(--brutal-ring, #000000)`,outlineOffset:`2px`}},".nb-disabled":{"&:disabled":{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`}}}),t({".nb-btn":{display:`inline-flex`,alignItems:`center`,justifyContent:`center`,borderWidth:`var(--brutal-border-width, 3px)`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`,backgroundColor:`var(--brutal-bg, #ffffff)`,boxShadow:`var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)`,fontWeight:`900`,letterSpacing:`0.025em`,borderRadius:`var(--brutal-radius, 0px)`,transitionProperty:`transform, box-shadow`,transitionTimingFunction:`cubic-bezier(0.4, 0, 0.2, 1)`,transitionDuration:`150ms`,cursor:`pointer`,"&:hover":{transform:`translate(calc(var(--brutal-shadow-offset-x, 4px) / -2), calc(var(--brutal-shadow-offset-y, 4px) / -2))`,boxShadow:`calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)`},"&:active":{transform:`translateY(var(--brutal-pressed-offset, 2px))`,boxShadow:`none`},"&:disabled":{opacity:`0.5`,cursor:`not-allowed`,pointerEvents:`none`}},".nb-card":{borderWidth:`var(--brutal-border-width, 3px)`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`,backgroundColor:`var(--brutal-bg, #ffffff)`,boxShadow:`var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)`,borderRadius:`var(--brutal-radius, 0px)`,padding:`1rem`},".nb-input":{borderWidth:`var(--brutal-border-width, 3px)`,borderStyle:`solid`,borderColor:`var(--brutal-border-color, #000000)`,backgroundColor:`var(--brutal-bg, #ffffff)`,borderRadius:`var(--brutal-radius, 0px)`,fontWeight:`500`,"&:focus":{outline:`3px solid var(--brutal-ring, #000000)`,outlineOffset:`2px`,boxShadow:`var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)`},"&::placeholder":{color:`var(--brutal-placeholder, #9CA3AF)`,fontWeight:`400`}}})},{theme:{extend:{colors:{brutal:{bg:`var(--brutal-bg)`,fg:`var(--brutal-fg)`,primary:`var(--brutal-primary)`,"primary-foreground":`var(--brutal-primary-foreground)`,secondary:`var(--brutal-secondary)`,"secondary-foreground":`var(--brutal-secondary-foreground)`,accent:`var(--brutal-accent)`,"accent-foreground":`var(--brutal-accent-foreground)`,destructive:`var(--brutal-destructive)`,"destructive-foreground":`var(--brutal-destructive-foreground)`,success:`var(--brutal-success)`,"success-foreground":`var(--brutal-success-foreground)`,muted:`var(--brutal-muted)`,"muted-foreground":`var(--brutal-muted-foreground)`,ring:`var(--brutal-ring)`,info:`var(--brutal-info)`,"info-foreground":`var(--brutal-info-foreground)`,overlay:`var(--brutal-overlay)`,placeholder:`var(--brutal-placeholder)`}},boxShadow:{brutal:`var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)`,"brutal-sm":`calc(var(--brutal-shadow-offset-x, 4px) / 2) calc(var(--brutal-shadow-offset-y, 4px) / 2) 0px 0px var(--brutal-shadow-color, #000000)`,"brutal-lg":`calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)`,"brutal-xl":`calc(var(--brutal-shadow-offset-x, 4px) * 2) calc(var(--brutal-shadow-offset-y, 4px) * 2) 0px 0px var(--brutal-shadow-color, #000000)`},borderWidth:{3:`3px`},borderRadius:{brutal:`var(--brutal-radius, 0px)`},borderColor:{brutal:`var(--brutal-border-color, #000000)`}}}});module.exports=e;
+var e=require("./node_modules/.pnpm/tailwindcss@4.3.0/node_modules/tailwindcss/dist/plugin.cjs").u(function(){});module.exports=e;

package/dist/brutalism-plugin.js

@@ -1,187 +1,5 @@
-import { t as e } from "./chunk-3b4jIN3o.js";
-//#region ../../node_modules/.pnpm/tailwindcss@4.3.0/node_modules/tailwindcss/dist/plugin.js
-var t = /* @__PURE__ */ e(((e, t) => {
-	function n(e, t) {
-		return {
-			handler: e,
-			config: t
-		};
-	}
-	n.withOptions = function(e, t = () => ({})) {
-		function n(n) {
-			return {
-				handler: e(n),
-				config: t(n)
-			};
-		}
-		return n.__isOptionsFunction = !0, n;
-	}, t.exports = n;
-})), n = /* @__PURE__ */ e(((e, n) => {
-	n.exports = t()(function({ addUtilities: e, addComponents: t }) {
-		e({
-			".nb-border": {
-				borderWidth: "var(--brutal-border-width, 3px)",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)"
-			},
-			".nb-border-2": {
-				borderWidth: "2px",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)"
-			},
-			".nb-border-4": {
-				borderWidth: "4px",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)"
-			},
-			".nb-shadow": { boxShadow: "var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)" },
-			".nb-shadow-sm": { boxShadow: "calc(var(--brutal-shadow-offset-x, 4px) / 2) calc(var(--brutal-shadow-offset-y, 4px) / 2) 0px 0px var(--brutal-shadow-color, #000000)" },
-			".nb-shadow-lg": { boxShadow: "calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)" },
-			".nb-shadow-xl": { boxShadow: "calc(var(--brutal-shadow-offset-x, 4px) * 2) calc(var(--brutal-shadow-offset-y, 4px) * 2) 0px 0px var(--brutal-shadow-color, #000000)" },
-			".nb-press": {
-				transform: "translateY(var(--brutal-pressed-offset, 2px))",
-				boxShadow: "none"
-			},
-			".nb-press-sm": {
-				transform: "translateY(calc(var(--brutal-pressed-offset, 2px) / 2))",
-				boxShadow: "none"
-			},
-			".nb-press-lg": {
-				transform: "translateY(calc(var(--brutal-pressed-offset, 2px) * 1.5))",
-				boxShadow: "none"
-			},
-			".nb-font": {
-				fontWeight: "900",
-				letterSpacing: "0.025em"
-			},
-			".nb-font-bold": {
-				fontWeight: "800",
-				letterSpacing: "0.02em"
-			},
-			".nb-font-medium": {
-				fontWeight: "700",
-				letterSpacing: "0.015em"
-			},
-			".nb-no-radius": { borderRadius: "var(--brutal-radius, 0px)" },
-			".nb-transition": {
-				transitionProperty: "transform, box-shadow",
-				transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-				transitionDuration: "150ms"
-			}
-		}), e({
-			".nb-hover": { "&:hover": {
-				transform: "translate(calc(var(--brutal-shadow-offset-x, 4px) / -2), calc(var(--brutal-shadow-offset-y, 4px) / -2))",
-				boxShadow: "calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)"
-			} },
-			".nb-active": { "&:active": {
-				transform: "translateY(var(--brutal-pressed-offset, 2px))",
-				boxShadow: "none"
-			} },
-			".nb-focus": {
-				"&:focus": {
-					outline: "3px solid var(--brutal-ring, #000000)",
-					outlineOffset: "2px"
-				},
-				"&:focus-visible": {
-					outline: "3px solid var(--brutal-ring, #000000)",
-					outlineOffset: "2px"
-				}
-			},
-			".nb-disabled": { "&:disabled": {
-				opacity: "0.5",
-				cursor: "not-allowed",
-				pointerEvents: "none"
-			} }
-		}), t({
-			".nb-btn": {
-				display: "inline-flex",
-				alignItems: "center",
-				justifyContent: "center",
-				borderWidth: "var(--brutal-border-width, 3px)",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)",
-				backgroundColor: "var(--brutal-bg, #ffffff)",
-				boxShadow: "var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)",
-				fontWeight: "900",
-				letterSpacing: "0.025em",
-				borderRadius: "var(--brutal-radius, 0px)",
-				transitionProperty: "transform, box-shadow",
-				transitionTimingFunction: "cubic-bezier(0.4, 0, 0.2, 1)",
-				transitionDuration: "150ms",
-				cursor: "pointer",
-				"&:hover": {
-					transform: "translate(calc(var(--brutal-shadow-offset-x, 4px) / -2), calc(var(--brutal-shadow-offset-y, 4px) / -2))",
-					boxShadow: "calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)"
-				},
-				"&:active": {
-					transform: "translateY(var(--brutal-pressed-offset, 2px))",
-					boxShadow: "none"
-				},
-				"&:disabled": {
-					opacity: "0.5",
-					cursor: "not-allowed",
-					pointerEvents: "none"
-				}
-			},
-			".nb-card": {
-				borderWidth: "var(--brutal-border-width, 3px)",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)",
-				backgroundColor: "var(--brutal-bg, #ffffff)",
-				boxShadow: "var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)",
-				borderRadius: "var(--brutal-radius, 0px)",
-				padding: "1rem"
-			},
-			".nb-input": {
-				borderWidth: "var(--brutal-border-width, 3px)",
-				borderStyle: "solid",
-				borderColor: "var(--brutal-border-color, #000000)",
-				backgroundColor: "var(--brutal-bg, #ffffff)",
-				borderRadius: "var(--brutal-radius, 0px)",
-				fontWeight: "500",
-				"&:focus": {
-					outline: "3px solid var(--brutal-ring, #000000)",
-					outlineOffset: "2px",
-					boxShadow: "var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)"
-				},
-				"&::placeholder": {
-					color: "var(--brutal-placeholder, #9CA3AF)",
-					fontWeight: "400"
-				}
-			}
-		});
-	}, { theme: { extend: {
-		colors: { brutal: {
-			bg: "var(--brutal-bg)",
-			fg: "var(--brutal-fg)",
-			primary: "var(--brutal-primary)",
-			"primary-foreground": "var(--brutal-primary-foreground)",
-			secondary: "var(--brutal-secondary)",
-			"secondary-foreground": "var(--brutal-secondary-foreground)",
-			accent: "var(--brutal-accent)",
-			"accent-foreground": "var(--brutal-accent-foreground)",
-			destructive: "var(--brutal-destructive)",
-			"destructive-foreground": "var(--brutal-destructive-foreground)",
-			success: "var(--brutal-success)",
-			"success-foreground": "var(--brutal-success-foreground)",
-			muted: "var(--brutal-muted)",
-			"muted-foreground": "var(--brutal-muted-foreground)",
-			ring: "var(--brutal-ring)",
-			info: "var(--brutal-info)",
-			"info-foreground": "var(--brutal-info-foreground)",
-			overlay: "var(--brutal-overlay)",
-			placeholder: "var(--brutal-placeholder)"
-		} },
-		boxShadow: {
-			brutal: "var(--brutal-shadow-offset-x, 4px) var(--brutal-shadow-offset-y, 4px) 0px 0px var(--brutal-shadow-color, #000000)",
-			"brutal-sm": "calc(var(--brutal-shadow-offset-x, 4px) / 2) calc(var(--brutal-shadow-offset-y, 4px) / 2) 0px 0px var(--brutal-shadow-color, #000000)",
-			"brutal-lg": "calc(var(--brutal-shadow-offset-x, 4px) * 1.5) calc(var(--brutal-shadow-offset-y, 4px) * 1.5) 0px 0px var(--brutal-shadow-color, #000000)",
-			"brutal-xl": "calc(var(--brutal-shadow-offset-x, 4px) * 2) calc(var(--brutal-shadow-offset-y, 4px) * 2) 0px 0px var(--brutal-shadow-color, #000000)"
-		},
-		borderWidth: { 3: "3px" },
-		borderRadius: { brutal: "var(--brutal-radius, 0px)" },
-		borderColor: { brutal: "var(--brutal-border-color, #000000)" }
-	} } });
-}));
+import { u as e } from "./node_modules/.pnpm/tailwindcss@4.3.0/node_modules/tailwindcss/dist/plugin.js";
+//#region src/lib/brutalism-plugin.js
+var t = e(function() {});
 //#endregion
-export default n();
+export { t as default };