brutx-ui-vue 0.1.0

package/README.md

@@ -0,0 +1,74 @@
+# Brutx UI
+
+新粗野主义 Vue 3 组件库，支持 CLI 工具。将组件复制到你的代码库中，获得完全的自定义控制权。
+
+[![npm version](https://img.shields.io/npm/v/brutx-ui-vue.svg?style=flat-square&color=FF6B6B)](https://www.npmjs.com/package/brutx-ui-vue)
+[![npm downloads](https://img.shields.io/npm/dm/brutx-ui-vue.svg?style=flat-square)](https://www.npmjs.com/package/brutx-ui-vue)
+[![License: MIT](https://img.shields.io/badge/License-MIT-4ECDC4.svg?style=flat-square)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.7+-FFE66D.svg?style=flat-square)](https://www.typescriptlang.org/)
+
+## 特性
+
+-   **CLI 工具**：通过 `npx brutx@latest` 将组件复制到你的代码库
+-   **完全控制**：拥有并自定义每一个组件
+-   粗野主义包装器：粗边框、偏移阴影、鲜艳色彩
+-   Tailwind 就绪令牌：background/foreground/primary/secondary/destructive、ring、input、card 等。通过 `.dark` 支持暗色模式
+-   基于 reka-ui 的无头原语、CVA 变体、tailwind-merge `cn()`
+
+## 安装
+
+使用 CLI 将组件添加到你的项目：
+
+> ⚠️ CLI 尚未发布到 npm，以下命令暂不可用。
+
+```bash
+# 初始化你的项目
+npx brutx@latest init
+
+# 添加组件
+npx brutx@latest add button card badge
+
+# 或添加全部组件
+npx brutx@latest add --all
+```
+
+## 用法
+
+添加组件后，从你的项目中导入它们：
+
+```vue
+<script setup lang="ts">
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Card, CardHeader, CardTitle, CardContent } from '@/components/ui/card'
+</script>
+
+<template>
+  <Card>
+    <CardHeader>
+      <CardTitle>欢迎使用 Brutx</CardTitle>
+    </CardHeader>
+    <CardContent class="space-y-3">
+      <Input placeholder="邮箱" />
+      <Button variant="primary">开始使用</Button>
+      <Button variant="outline" size="sm">
+        了解更多
+      </Button>
+    </CardContent>
+  </Card>
+</template>
+```
+
+## CLI 命令
+
+| 命令                               | 说明                           |
+| ---------------------------------- | ------------------------------ |
+| `npx brutx@latest init`            | 使用 components.json 初始化项目 |
+| `npx brutx@latest add <component>` | 添加指定组件                   |
+| `npx brutx@latest add --all`       | 添加全部组件                   |
+
+## 备注
+
+-   暗色模式：在 `html` 或 `body` 上添加/移除 `.dark` 以切换主题。
+-   组件会复制到你的项目中，让你拥有完全的所有权和自定义控制权。
+-   令牌可通过设置 CSS 变量（`--background`、`--primary` 等）进行覆盖。

package/dist/Calendar.vue_vue_type_script_setup_true_lang-CNLD3s1_.js

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),u=require("v-calendar"),b=require("./utils-DSKoFOjv.js"),c={class:"vc-header flex items-center justify-between mb-2"},m={class:"vc-title font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg"},f=e.defineComponent({__name:"Calendar",props:{modelValue:{default:void 0},isRange:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:""}},emits:["update:modelValue"],setup(r,{emit:o}){const a=r,s=o,n=e.computed(()=>b.cn("p-2 sm:p-3","bg-brutal-bg text-brutal-fg","border-3 border-brutal","shadow-brutal","w-fit max-w-full overflow-x-auto",a.class)),i=e.computed(()=>a.isRange&&Array.isArray(a.modelValue)&&a.modelValue.length===2?{start:a.modelValue[0],end:a.modelValue[1]}:a.isRange?null:a.modelValue instanceof Date?a.modelValue:null);function d(l){a.disabled||(a.isRange?l&&typeof l=="object"&&"start"in l&&"end"in l?s("update:modelValue",[l.start,l.end]):s("update:modelValue",null):s("update:modelValue",l))}return(l,g)=>(e.openBlock(),e.createBlock(e.unref(u),{"model-value":i.value,"is-range":r.isRange,disabled:r.disabled,class:e.normalizeClass(n.value),attributes:[],"trim-weeks":"","first-day-of-week":1,"onUpdate:modelValue":d},{default:e.withCtx(({page:t})=>[e.createElementVNode("div",c,[e.createElementVNode("div",m,e.toDisplayString(t.monthLabel)+" "+e.toDisplayString(t.yearLabel),1)])]),"day-content":e.withCtx(({day:t})=>[e.createElementVNode("div",{class:e.normalizeClass(["flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center text-[10px] sm:text-xs font-semibold transition-all duration-100 hover:bg-brutal-secondary hover:text-brutal-fg hover:font-bold cursor-pointer border-3 border-brutal/10",{"bg-brutal-primary text-brutal-fg font-black border-3 border-brutal shadow-brutal-sm":t.isSelected&&!t.isInRange,"bg-brutal-accent text-brutal-fg":t.isInRange&&!t.isStart&&!t.isEnd,"bg-brutal-secondary text-brutal-fg font-black border-3 border-brutal shadow-brutal-sm":t.isStart||t.isEnd,"bg-brutal-secondary text-brutal-fg font-black border-3 border-brutal":t.isToday,"text-brutal-muted-foreground opacity-40":t.isOutside,"opacity-40 cursor-not-allowed":t.isDisabled}])},e.toDisplayString(t.label),3)]),_:1},8,["model-value","is-range","disabled","class"]))}});exports._sfc_main=f;

package/dist/Calendar.vue_vue_type_script_setup_true_lang-D1BMlIY0.mjs

@@ -0,0 +1,60 @@
+import { defineComponent as f, computed as n, createBlock as g, openBlock as p, unref as x, normalizeClass as d, withCtx as i, createElementVNode as o, toDisplayString as s } from "vue";
+import h from "v-calendar";
+import { c as V } from "./utils-qaFjX9_3.mjs";
+const w = { class: "vc-header flex items-center justify-between mb-2" }, k = { class: "vc-title font-black text-xs sm:text-sm tracking-tight uppercase text-brutal-fg" }, R = /* @__PURE__ */ f({
+  __name: "Calendar",
+  props: {
+    modelValue: { default: void 0 },
+    isRange: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: u }) {
+    const t = l, r = u, b = n(
+      () => V(
+        "p-2 sm:p-3",
+        "bg-brutal-bg text-brutal-fg",
+        "border-3 border-brutal",
+        "shadow-brutal",
+        "w-fit max-w-full overflow-x-auto",
+        t.class
+      )
+    ), c = n(() => t.isRange && Array.isArray(t.modelValue) && t.modelValue.length === 2 ? { start: t.modelValue[0], end: t.modelValue[1] } : t.isRange ? null : t.modelValue instanceof Date ? t.modelValue : null);
+    function m(a) {
+      t.disabled || (t.isRange ? a && typeof a == "object" && "start" in a && "end" in a ? r("update:modelValue", [a.start, a.end]) : r("update:modelValue", null) : r("update:modelValue", a));
+    }
+    return (a, v) => (p(), g(x(h), {
+      "model-value": c.value,
+      "is-range": l.isRange,
+      disabled: l.disabled,
+      class: d(b.value),
+      attributes: [],
+      "trim-weeks": "",
+      "first-day-of-week": 1,
+      "onUpdate:modelValue": m
+    }, {
+      default: i(({ page: e }) => [
+        o("div", w, [
+          o("div", k, s(e.monthLabel) + " " + s(e.yearLabel), 1)
+        ])
+      ]),
+      "day-content": i(({ day: e }) => [
+        o("div", {
+          class: d(["flex h-6 w-6 sm:h-8 sm:w-8 items-center justify-center text-[10px] sm:text-xs font-semibold transition-all duration-100 hover:bg-brutal-secondary hover:text-brutal-fg hover:font-bold cursor-pointer border-3 border-brutal/10", {
+            "bg-brutal-primary text-brutal-fg font-black border-3 border-brutal shadow-brutal-sm": e.isSelected && !e.isInRange,
+            "bg-brutal-accent text-brutal-fg": e.isInRange && !e.isStart && !e.isEnd,
+            "bg-brutal-secondary text-brutal-fg font-black border-3 border-brutal shadow-brutal-sm": e.isStart || e.isEnd,
+            "bg-brutal-secondary text-brutal-fg font-black border-3 border-brutal": e.isToday,
+            "text-brutal-muted-foreground opacity-40": e.isOutside,
+            "opacity-40 cursor-not-allowed": e.isDisabled
+          }])
+        }, s(e.label), 3)
+      ]),
+      _: 1
+    }, 8, ["model-value", "is-range", "disabled", "class"]));
+  }
+});
+export {
+  R as _
+};

package/dist/SubmitButton.vue_vue_type_script_setup_true_lang-B0LM_ypm.mjs

@@ -0,0 +1,215 @@
+import { h as g, defineComponent as B, computed as x, createElementBlock as y, openBlock as h, normalizeClass as N, createBlock as j, createCommentVNode as z, renderSlot as A, unref as $, Fragment as L, createTextVNode as O, toDisplayString as S } from "vue";
+import { a as T, c as P } from "./utils-qaFjX9_3.mjs";
+/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const w = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), U = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (a, t, r) => r ? r.toUpperCase() : t.toLowerCase()
+), _ = (e) => {
+  const a = U(e);
+  return a.charAt(0).toUpperCase() + a.slice(1);
+}, D = (...e) => e.filter((a, t, r) => !!a && a.trim() !== "" && r.indexOf(a) === t).join(" ").trim();
+/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var b = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": 2,
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+};
+/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const I = ({ size: e, strokeWidth: a = 2, absoluteStrokeWidth: t, color: r, iconNode: s, name: n, class: f, ...d }, { slots: c }) => g(
+  "svg",
+  {
+    ...b,
+    width: e || b.width,
+    height: e || b.height,
+    stroke: r || b.stroke,
+    "stroke-width": t ? Number(a) * 24 / Number(e) : a,
+    class: D(
+      "lucide",
+      ...n ? [`lucide-${w(_(n))}-icon`, `lucide-${w(n)}`] : ["lucide-icon"]
+    ),
+    ...d
+  },
+  [...s.map((l) => g(...l)), ...c.default ? [c.default()] : []]
+);
+/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const K = (e, a) => (t, { slots: r }) => g(
+  I,
+  {
+    ...t,
+    iconNode: a,
+    name: e
+  },
+  r
+);
+/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Z = K("loader-circle", [
+  ["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]
+]), p = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, C = T, E = (e, a) => (t) => {
+  var r;
+  if ((a == null ? void 0 : a.variants) == null) return C(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  const { variants: s, defaultVariants: n } = a, f = Object.keys(s).map((l) => {
+    const o = t == null ? void 0 : t[l], u = n == null ? void 0 : n[l];
+    if (o === null) return null;
+    const i = p(o) || p(u);
+    return s[l][i];
+  }), d = t && Object.entries(t).reduce((l, o) => {
+    let [u, i] = o;
+    return i === void 0 || (l[u] = i), l;
+  }, {}), c = a == null || (r = a.compoundVariants) === null || r === void 0 ? void 0 : r.reduce((l, o) => {
+    let { class: u, className: i, ...k } = o;
+    return Object.entries(k).every((V) => {
+      let [m, v] = V;
+      return Array.isArray(v) ? v.includes({
+        ...n,
+        ...d
+      }[m]) : {
+        ...n,
+        ...d
+      }[m] === v;
+    }) ? [
+      ...l,
+      u,
+      i
+    ] : l;
+  }, []);
+  return C(e, f, c, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, F = E(
+  [
+    "inline-flex items-center justify-center gap-2",
+    "border-3 border-brutal",
+    "font-black tracking-wide",
+    "transition-all duration-150",
+    "focus:outline-none focus-visible:ring-2 focus-visible:ring-brutal-ring focus-visible:ring-offset-2",
+    "disabled:opacity-50 disabled:pointer-events-none",
+    "active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none"
+  ],
+  {
+    variants: {
+      variant: {
+        default: [
+          "bg-brutal-bg text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        primary: [
+          "bg-brutal-primary text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        secondary: [
+          "bg-brutal-secondary text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        accent: [
+          "bg-brutal-accent text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        danger: [
+          "bg-brutal-destructive text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        success: [
+          "bg-brutal-success text-brutal-fg",
+          "shadow-brutal",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        outline: [
+          "bg-transparent text-brutal-fg",
+          "shadow-brutal",
+          "hover:bg-brutal-fg hover:text-brutal-bg",
+          "hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"
+        ],
+        ghost: [
+          "bg-transparent text-brutal-fg border-transparent",
+          "shadow-none",
+          "hover:bg-brutal-muted hover:border-brutal"
+        ],
+        link: [
+          "bg-transparent text-brutal-fg border-transparent",
+          "shadow-none underline-offset-4",
+          "hover:underline"
+        ]
+      },
+      size: {
+        sm: "h-9 px-3 py-1 text-sm",
+        default: "h-11 px-5 py-2 text-base",
+        lg: "h-14 px-8 py-3 text-lg",
+        xl: "h-16 px-10 py-4 text-xl",
+        icon: "h-11 w-11 p-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), M = ["disabled"], H = /* @__PURE__ */ B({
+  __name: "SubmitButton",
+  props: {
+    variant: { default: "default" },
+    size: { default: "default" },
+    pendingText: { default: "Submitting..." },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    class: { default: "" }
+  },
+  setup(e) {
+    const a = e, t = x(() => a.disabled || a.loading), r = x(
+      () => P(F({ variant: a.variant, size: a.size }), a.class)
+    );
+    return (s, n) => (h(), y("button", {
+      type: "submit",
+      class: N(r.value),
+      disabled: t.value
+    }, [
+      e.loading ? (h(), j($(Z), {
+        key: 0,
+        class: "h-4 w-4 animate-spin"
+      })) : z("", !0),
+      e.loading && e.pendingText ? (h(), y(L, { key: 1 }, [
+        O(S(e.pendingText), 1)
+      ], 64)) : A(s.$slots, "default", { key: 2 })
+    ], 10, M));
+  }
+});
+export {
+  Z as L,
+  H as _,
+  E as a,
+  F as b,
+  K as c
+};

package/dist/SubmitButton.vue_vue_type_script_setup_true_lang-GikFv16v.js

@@ -0,0 +1,26 @@
+"use strict";const r=require("vue"),w=require("./utils-DSKoFOjv.js");/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const m=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),j=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(a,t,l)=>l?l.toUpperCase():t.toLowerCase()),z=e=>{const a=j(e);return a.charAt(0).toUpperCase()+a.slice(1)},A=(...e)=>e.filter((a,t,l)=>!!a&&a.trim()!==""&&l.indexOf(a)===t).join(" ").trim();/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */var v={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":2,"stroke-linecap":"round","stroke-linejoin":"round"};/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const L=({size:e,strokeWidth:a=2,absoluteStrokeWidth:t,color:l,iconNode:o,name:s,class:g,...c},{slots:b})=>r.h("svg",{...v,width:e||v.width,height:e||v.height,stroke:l||v.stroke,"stroke-width":t?Number(a)*24/Number(e):a,class:A("lucide",...s?[`lucide-${m(z(s))}-icon`,`lucide-${m(s)}`]:["lucide-icon"]),...c},[...o.map(n=>r.h(...n)),...b.default?[b.default()]:[]]);/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const k=(e,a)=>(t,{slots:l})=>r.h(L,{...t,iconNode:a,name:e},l);/**
+ * @license lucide-vue-next v0.510.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const C=k("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]),x=e=>typeof e=="boolean"?`${e}`:e===0?"0":e,y=w.clsx,p=(e,a)=>t=>{var l;if((a==null?void 0:a.variants)==null)return y(e,t==null?void 0:t.class,t==null?void 0:t.className);const{variants:o,defaultVariants:s}=a,g=Object.keys(o).map(n=>{const i=t==null?void 0:t[n],d=s==null?void 0:s[n];if(i===null)return null;const u=x(i)||x(d);return o[n][u]}),c=t&&Object.entries(t).reduce((n,i)=>{let[d,u]=i;return u===void 0||(n[d]=u),n},{}),b=a==null||(l=a.compoundVariants)===null||l===void 0?void 0:l.reduce((n,i)=>{let{class:d,className:u,...B}=i;return Object.entries(B).every(N=>{let[f,h]=N;return Array.isArray(h)?h.includes({...s,...c}[f]):{...s,...c}[f]===h})?[...n,d,u]:n},[]);return y(e,g,b,t==null?void 0:t.class,t==null?void 0:t.className)},V=p(["inline-flex items-center justify-center gap-2","border-3 border-brutal","font-black tracking-wide","transition-all duration-150","focus:outline-none focus-visible:ring-2 focus-visible:ring-brutal-ring focus-visible:ring-offset-2","disabled:opacity-50 disabled:pointer-events-none","active:translate-y-[var(--brutal-pressed-offset,2px)] active:shadow-none"],{variants:{variant:{default:["bg-brutal-bg text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],primary:["bg-brutal-primary text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],secondary:["bg-brutal-secondary text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],accent:["bg-brutal-accent text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],danger:["bg-brutal-destructive text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],success:["bg-brutal-success text-brutal-fg","shadow-brutal","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],outline:["bg-transparent text-brutal-fg","shadow-brutal","hover:bg-brutal-fg hover:text-brutal-bg","hover:shadow-brutal-lg hover:-translate-x-0.5 hover:-translate-y-0.5"],ghost:["bg-transparent text-brutal-fg border-transparent","shadow-none","hover:bg-brutal-muted hover:border-brutal"],link:["bg-transparent text-brutal-fg border-transparent","shadow-none underline-offset-4","hover:underline"]},size:{sm:"h-9 px-3 py-1 text-sm",default:"h-11 px-5 py-2 text-base",lg:"h-14 px-8 py-3 text-lg",xl:"h-16 px-10 py-4 text-xl",icon:"h-11 w-11 p-0"}},defaultVariants:{variant:"default",size:"default"}}),$=["disabled"],O=r.defineComponent({__name:"SubmitButton",props:{variant:{default:"default"},size:{default:"default"},pendingText:{default:"Submitting..."},loading:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},class:{default:""}},setup(e){const a=e,t=r.computed(()=>a.disabled||a.loading),l=r.computed(()=>w.cn(V({variant:a.variant,size:a.size}),a.class));return(o,s)=>(r.openBlock(),r.createElementBlock("button",{type:"submit",class:r.normalizeClass(l.value),disabled:t.value},[e.loading?(r.openBlock(),r.createBlock(r.unref(C),{key:0,class:"h-4 w-4 animate-spin"})):r.createCommentVNode("",!0),e.loading&&e.pendingText?(r.openBlock(),r.createElementBlock(r.Fragment,{key:1},[r.createTextVNode(r.toDisplayString(e.pendingText),1)],64)):r.renderSlot(o.$slots,"default",{key:2})],10,$))}});exports.LoaderCircle=C;exports._sfc_main=O;exports.buttonVariants=V;exports.createLucideIcon=k;exports.cva=p;

package/dist/brutalism-plugin.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/brutalism-plugin.js

@@ -0,0 +1 @@
+"use strict";const l=require("tailwindcss/plugin"),s=l(function({addUtilities:r,addComponents:a,theme:b}){const o={".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"}},t={".nb-hover":{"&:hover":{transform:"translate(-2px, -2px)",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"}}},e={".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(-2px, -2px)",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:"none",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"}}};r(o),r(t),a(e)},{theme:{extend:{colors:{brutal:{bg:"var(--brutal-bg)",fg:"var(--brutal-fg)",primary:"var(--brutal-primary)",secondary:"var(--brutal-secondary)",accent:"var(--brutal-accent)",destructive:"var(--brutal-destructive)",success:"var(--brutal-success)",muted:"var(--brutal-muted)","muted-foreground":"var(--brutal-muted-foreground)",ring:"var(--brutal-ring)",info:"var(--brutal-info)",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"}}}});module.exports=s;

package/dist/brutalism-plugin.mjs

@@ -0,0 +1,185 @@
+const l = require("tailwindcss/plugin"), b = l(
+  function({ addUtilities: r, addComponents: a, theme: s }) {
+    const o = {
+      ".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"
+      }
+    }, t = {
+      ".nb-hover": {
+        "&:hover": {
+          transform: "translate(-2px, -2px)",
+          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"
+        }
+      }
+    }, e = {
+      ".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(-2px, -2px)",
+          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: "none",
+          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"
+        }
+      }
+    };
+    r(o), r(t), a(e);
+  },
+  {
+    theme: {
+      extend: {
+        colors: {
+          brutal: {
+            bg: "var(--brutal-bg)",
+            fg: "var(--brutal-fg)",
+            primary: "var(--brutal-primary)",
+            secondary: "var(--brutal-secondary)",
+            accent: "var(--brutal-accent)",
+            destructive: "var(--brutal-destructive)",
+            success: "var(--brutal-success)",
+            muted: "var(--brutal-muted)",
+            "muted-foreground": "var(--brutal-muted-foreground)",
+            ring: "var(--brutal-ring)",
+            info: "var(--brutal-info)",
+            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"
+        }
+      }
+    }
+  }
+);
+module.exports = b;

package/dist/calendar.d.ts

@@ -0,0 +1,2 @@
+export { default as Calendar } from './components/Calendar.vue';
+//# sourceMappingURL=calendar.d.ts.map

package/dist/calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../src/calendar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,2BAA2B,CAAA"}

package/dist/calendar.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Calendar.vue_vue_type_script_setup_true_lang-CNLD3s1_.js");exports.Calendar=e._sfc_main;

package/dist/calendar.mjs

@@ -0,0 +1,4 @@
+import { _ as e } from "./Calendar.vue_vue_type_script_setup_true_lang-D1BMlIY0.mjs";
+export {
+  e as Calendar
+};

package/dist/components/Alert.vue.d.ts

@@ -0,0 +1,28 @@
+import { VariantProps } from 'class-variance-authority';
+import { alertVariants } from './alert-variants';
+type AlertVariantProps = VariantProps<typeof alertVariants>;
+interface AlertProps {
+    variant?: NonNullable<AlertVariantProps['variant']>;
+    class?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{}>, {
+    variant: NonNullable<AlertVariantProps["variant"]>;
+    class: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Alert.vue.d.ts.map

package/dist/components/Alert.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.vue.d.ts","sourceRoot":"","sources":["../../src/components/Alert.vue"],"names":[],"mappings":"AA+BA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAE5D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,KAAK,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAA;AAE3D,UAAU,UAAU;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAA;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;CACjB;AAkBD,iBAAS,cAAc;WAwBT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;aA5DP,WAAW,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC;WAC3C,MAAM;wFAmEhB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}