@auronui/vue 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +103 -0
  2. package/package.json +20 -19
  3. package/LICENSE +0 -21
package/README.md ADDED
@@ -0,0 +1,103 @@
1
+ # @auronui/vue
2
+
3
+ [![npm version](https://img.shields.io/npm/v/@auronui/vue.svg?style=flat)](https://npmjs.com/package/@auronui/vue)
4
+ [![license](https://img.shields.io/npm/l/@auronui/vue.svg)](../../LICENSE)
5
+
6
+ > 85+ accessible Vue 3 components powered by [Reka UI](https://reka-ui.com) and [Tailwind CSS 4](https://tailwindcss.com). Inspired by [HeroUI](https://heroui.com).
7
+
8
+ ## Installation
9
+
10
+ ```bash
11
+ pnpm add @auronui/vue
12
+ # npm install @auronui/vue
13
+ # yarn add @auronui/vue
14
+ ```
15
+
16
+ Peer dependencies — install these alongside the package:
17
+
18
+ ```bash
19
+ pnpm add vue@^3.5.0 reka-ui@^2.9.0 @vueuse/core@^14.0.0
20
+ ```
21
+
22
+ ## Setup
23
+
24
+ Import the stylesheet once in your app entry point:
25
+
26
+ ```ts
27
+ // main.ts
28
+ import { createApp } from 'vue'
29
+ import '@auronui/vue/style'
30
+ import App from './App.vue'
31
+
32
+ createApp(App).mount('#app')
33
+ ```
34
+
35
+ ## Usage
36
+
37
+ ```vue
38
+ <script setup lang="ts">
39
+ import { Button, ButtonGroup } from '@auronui/vue'
40
+ </script>
41
+
42
+ <template>
43
+ <ButtonGroup variant="solid" color="primary">
44
+ <Button>Save</Button>
45
+ <Button>Cancel</Button>
46
+ </ButtonGroup>
47
+ </template>
48
+ ```
49
+
50
+ Every component is individually importable — only what you use lands in your bundle (`sideEffects: false`).
51
+
52
+ ## Dark mode
53
+
54
+ Components adapt to the system color scheme automatically via `@media (prefers-color-scheme: dark)`.
55
+
56
+ For explicit control, add the `dark` class (or `data-theme="dark"`) to any ancestor element — typically `<html>`:
57
+
58
+ ```html
59
+ <!-- force dark -->
60
+ <html class="dark">
61
+
62
+ <!-- force light -->
63
+ <html class="light">
64
+ ```
65
+
66
+ ## Theming
67
+
68
+ Override CSS custom properties on `:root` to customise design tokens:
69
+
70
+ ```css
71
+ :root {
72
+ --accent: oklch(55% 0.22 262); /* primary/accent color */
73
+ --radius: 0.375rem; /* base border-radius */
74
+ }
75
+ ```
76
+
77
+ All theme tokens are documented in [`@auronui/styles`](../styles/README.md).
78
+
79
+ ## Components
80
+
81
+ | Domain | Components |
82
+ |--------|------------|
83
+ | Presentational | Spinner, Separator, Skeleton, Text, Label, Badge, Chip, Card, Kbd, EmptyState |
84
+ | Buttons & Links | Button, ButtonGroup, CloseButton, ToggleButton, ToggleButtonGroup, Link |
85
+ | Form Inputs | Input, Textarea, NumberField, Fieldset |
86
+ | Form Selection | Checkbox, CheckboxGroup, Radio, RadioGroup, Switch, SwitchGroup, InputOTP |
87
+ | Overlay | Popover, Tooltip, Modal, AlertDialog, Drawer |
88
+ | Navigation | Tabs, Accordion, Collapsible, Breadcrumbs, Toolbar |
89
+ | Feedback | Alert, Toast |
90
+ | Selection | ListBox, Select, Dropdown, ComboBox, Autocomplete, TagGroup, Tag |
91
+ | Data | Table, Pagination |
92
+ | Media | Avatar, AvatarGroup, Slider, ProgressBar, ProgressCircle, Meter, ScrollShadow, ScrollArea |
93
+ | Date & Time | Calendar, RangeCalendar, DateInput, DateRangeField, TimeField, DatePicker, DateRangePicker |
94
+ | Color | ColorArea, ColorSlider, ColorField, ColorSwatch, ColorSwatchPicker, ColorInputGroup, ColorPicker |
95
+ | Extended | AspectRatio, Splitter, Stepper, Tree |
96
+
97
+ ## SSR
98
+
99
+ All components are SSR-safe and render in Nuxt 3 with zero hydration mismatches.
100
+
101
+ ## License
102
+
103
+ [MIT](../../LICENSE)
package/package.json CHANGED
@@ -1,17 +1,17 @@
1
1
  {
2
2
  "name": "@auronui/vue",
3
- "version": "1.0.0",
3
+ "version": "1.0.1",
4
4
  "description": "Vue 3 85 components with full visual and functional parity",
5
5
  "type": "module",
6
6
  "license": "MIT",
7
- "homepage": "https://auronui.dev",
7
+ "homepage": "https://darkknight1992.github.io/auronui",
8
8
  "repository": {
9
9
  "type": "git",
10
- "url": "https://github.com/DarkKnight1992/auron.git",
10
+ "url": "git+https://github.com/DarkKnight1992/auronui.git",
11
11
  "directory": "packages/vue"
12
12
  },
13
13
  "bugs": {
14
- "url": "https://github.com/DarkKnight1992/auron/issues"
14
+ "url": "https://github.com/DarkKnight1992/auronui/issues"
15
15
  },
16
16
  "keywords": [
17
17
  "vue",
@@ -53,8 +53,17 @@
53
53
  }
54
54
  },
55
55
  "files": [
56
- "dist"
56
+ "dist",
57
+ "README.md"
57
58
  ],
59
+ "scripts": {
60
+ "build": "vite build",
61
+ "dev": "vite build --watch",
62
+ "typecheck": "vue-tsc --noEmit",
63
+ "lint": "eslint src --ext .ts,.vue",
64
+ "test": "vitest run",
65
+ "test:watch": "vitest"
66
+ },
58
67
  "peerDependencies": {
59
68
  "@vueuse/core": ">=14.0.0",
60
69
  "reka-ui": ">=2.9.0",
@@ -67,16 +76,18 @@
67
76
  }
68
77
  },
69
78
  "dependencies": {
79
+ "@auronui/styles": "workspace:*",
70
80
  "@iconify/vue": "^5.0.0",
71
81
  "@tanstack/vue-table": "^8.20.0",
72
82
  "@tanstack/vue-virtual": "^3.13.0",
73
83
  "motion-v": "^2.2.1",
74
84
  "tailwind-merge": "3.5.0",
75
85
  "tailwind-variants": "3.2.2",
76
- "vee-validate": "^4.15.1",
77
- "@auronui/styles": "1.0.0"
86
+ "vee-validate": "^4.15.1"
78
87
  },
79
88
  "devDependencies": {
89
+ "@auronui/standard": "workspace:*",
90
+ "@auronui/vitest": "workspace:*",
80
91
  "@chialab/vitest-axe": "0.19.1",
81
92
  "@internationalized/date": "^3.12.1",
82
93
  "@tailwindcss/vite": "4.2.2",
@@ -92,16 +103,6 @@
92
103
  "vite-plugin-dts": "4.5.4",
93
104
  "vitest": "4.1.4",
94
105
  "vue": "^3.5.32",
95
- "vue-tsc": "^3.2.6",
96
- "@auronui/standard": "0.0.0",
97
- "@auronui/vitest": "0.0.0"
98
- },
99
- "scripts": {
100
- "build": "vite build",
101
- "dev": "vite build --watch",
102
- "typecheck": "vue-tsc --noEmit",
103
- "lint": "eslint src --ext .ts,.vue",
104
- "test": "vitest run",
105
- "test:watch": "vitest"
106
+ "vue-tsc": "^3.2.6"
106
107
  }
107
- }
108
+ }
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2026 Auron Contributors
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.