@stacksjs/ui 0.37.9 → 0.38.4

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.
package/README.md CHANGED
@@ -4,30 +4,26 @@ This package contains the Stacks UI engine.
4
4
 
5
5
  ## ☘️ Features
6
6
 
7
- wip
8
-
9
- - ⚡️ Vue
10
- - ⚡️ UnoCSS
11
-
12
- wip
7
+ - 🍀 **Vue-powered** _extendable & native access to the ecosystem_
8
+ - 🎨 **Style with ease** _via an atomic CSS engine, powered by UnoCSS_
9
+ - 🍍 **Simple data storage** _accessed via an intuitive API_
10
+ - Written in modern ESM/TypeScript
13
11
 
14
12
  ## 🤖 Usage
15
13
 
16
- wip
17
-
18
14
  ```bash
19
- pnpm i -D @stacksjs/security
15
+ pnpm i -D @stacksjs/ui
20
16
  ```
21
17
 
22
18
  Now, you can use it in your project:
23
19
 
24
20
  ```js
25
- import * as ui from '@stacksjs/ui'
21
+ import ui from '@stacksjs/ui'
26
22
 
27
23
  // wip
28
24
  ```
29
25
 
30
- Learn more in the docs.
26
+ To view the full documentation, please visit [https://stacksjs.dev/ui](https://stacksjs.dev/ui).
31
27
 
32
28
  ## 🧪 Testing
33
29
 
@@ -37,7 +33,7 @@ pnpm test
37
33
 
38
34
  ## 📈 Changelog
39
35
 
40
- Please see our [releases](https://github.com/stacksjs/stacksjs/releases) page for more information on what has changed recently.
36
+ Please see our [releases](https://github.com/stacksjs/stacks/releases) page for more information on what has changed recently.
41
37
 
42
38
  ## 💪🏼 Contributing
43
39
 
@@ -53,6 +49,16 @@ For casual chit-chat with others using this package:
53
49
 
54
50
  [Join the Open Web Discord Server](https://discord.ow3.org)
55
51
 
52
+ ## 🙏🏼 Credits
53
+
54
+ Many thanks to the following core technologies & people who have contributed to this package:
55
+
56
+ - [Vue](https://vuejs.org)
57
+ - [UnoCSS](https://github.com/unocss/unocss)
58
+ - [Pinia](https://pinia.vuejs.org)
59
+ - [Chris Breuer](https://github.com/chrisbbreuer)
60
+ - [All Contributors](../../contributors)
61
+
56
62
  ## 📄 License
57
63
 
58
64
  The MIT License (MIT). Please see [LICENSE](https://github.com/stacksjs/stacks/tree/main/LICENSE.md) for more information.
package/dist/index.d.ts CHANGED
@@ -1,3 +1,14 @@
1
- import type { UserConfig } from 'unocss';
2
- declare const config: UserConfig;
3
- export default config;
1
+ import * as CssEngine from 'unocss';
2
+ import { presetForms } from '@julr/unocss-preset-forms';
3
+ import * as UiEngine from 'vue';
4
+ import * as Store from 'pinia';
5
+ declare const _default: {
6
+ UiEngine: typeof UiEngine;
7
+ CssEngine: typeof CssEngine;
8
+ Store: typeof Store;
9
+ presetForms: typeof presetForms;
10
+ transformerCompileClass: typeof CssEngine.transformerCompileClass;
11
+ config: CssEngine.UserConfig<{}>;
12
+ options: any;
13
+ };
14
+ export default _default;
package/dist/index.mjs CHANGED
@@ -1,43 +1,16 @@
1
- import { defineConfig, presetIcons, presetTypography, presetWind, transformerDirectives, transformerVariantGroup } from "unocss";
1
+ import * as CssEngine from "unocss";
2
2
  import { presetForms } from "@julr/unocss-preset-forms";
3
3
  import transformerCompileClass from "@unocss/transformer-compile-class";
4
- const uis = {
5
- shortcuts: [
6
- ["btn", "inline-flex items-center px-4 py-2 ml-2 border border-transparent shadow-sm text-base font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 cursor-pointer"]
7
- ],
8
- safelist: "prose prose-sm m-auto text-left",
9
- trigger: ":stx:",
10
- classPrefix: "stx-",
11
- reset: "tailwind",
12
- icons: {
13
- "heroicon-outline": () => import("@iconify-json/heroicons-outline/icons.json").then((i) => i.default),
14
- "heroicon-solid": () => import("@iconify-json/heroicons-solid/icons.json").then((i) => i.default)
15
- }
4
+ import { ui as options } from "@stacksjs/config";
5
+ import * as UiEngine from "vue";
6
+ import * as Store from "pinia";
7
+ import config from "./unocss.mjs";
8
+ export default {
9
+ UiEngine,
10
+ CssEngine,
11
+ Store,
12
+ presetForms,
13
+ transformerCompileClass,
14
+ config,
15
+ options
16
16
  };
17
- const config = defineConfig({
18
- shortcuts: uis.shortcuts,
19
- presets: [
20
- presetWind(),
21
- presetForms(),
22
- presetTypography(),
23
- presetIcons({
24
- prefix: "i-",
25
- warn: true,
26
- collections: uis.icons,
27
- extraProperties: {
28
- "display": "inline-block",
29
- "vertical-align": "middle"
30
- }
31
- })
32
- ],
33
- transformers: [
34
- transformerCompileClass({
35
- classPrefix: uis.classPrefix,
36
- trigger: uis.trigger
37
- }),
38
- transformerDirectives(),
39
- transformerVariantGroup()
40
- ],
41
- safelist: uis.safelist.split(" ")
42
- });
43
- export default config;
@@ -0,0 +1,3 @@
1
+ import type { UserConfig } from 'unocss';
2
+ declare const config: UserConfig;
3
+ export default config;
@@ -0,0 +1,31 @@
1
+ import { defineConfig, presetIcons, presetTypography, presetWind, transformerDirectives, transformerVariantGroup } from "unocss";
2
+ import { presetForms } from "@julr/unocss-preset-forms";
3
+ import transformerCompileClass from "@unocss/transformer-compile-class";
4
+ import { ui as options } from "@stacksjs/config";
5
+ const config = defineConfig({
6
+ shortcuts: options.shortcuts,
7
+ presets: [
8
+ presetWind(),
9
+ presetForms(),
10
+ presetTypography(),
11
+ presetIcons({
12
+ prefix: "i-",
13
+ warn: true,
14
+ collections: options.icons,
15
+ extraProperties: {
16
+ "display": "inline-block",
17
+ "vertical-align": "middle"
18
+ }
19
+ })
20
+ ],
21
+ transformers: [
22
+ transformerCompileClass({
23
+ classPrefix: options.classPrefix,
24
+ trigger: options.trigger
25
+ }),
26
+ transformerDirectives(),
27
+ transformerVariantGroup()
28
+ ],
29
+ safelist: options.safelist.split(" ")
30
+ });
31
+ export default config;
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "@stacksjs/ui",
3
3
  "type": "module",
4
- "version": "0.37.9",
5
- "packageManager": "pnpm@7.14.0",
4
+ "version": "0.38.4",
5
+ "packageManager": "pnpm@7.15.0",
6
6
  "description": "The Stacks atomic UI engine, powered by UnoCSS.",
7
7
  "author": "Chris Breuer",
8
8
  "license": "MIT",
@@ -33,24 +33,26 @@
33
33
  "Chris Breuer <chris@ow3.org>"
34
34
  ],
35
35
  "files": [
36
- "dist"
36
+ "dist",
37
+ "README.md"
37
38
  ],
38
39
  "engines": {
39
- "node": ">=v18.10.0",
40
- "pnpm": ">=7.14.0"
40
+ "node": ">=v18.12.1",
41
+ "pnpm": ">=7.15.0"
41
42
  },
42
- "dependencies": {
43
+ "peerDependencies": {
43
44
  "@iconify-json/heroicons-outline": "^1.1.4",
44
45
  "@iconify-json/heroicons-solid": "^1.1.5",
45
46
  "@julr/unocss-preset-forms": "^0.0.2",
46
- "@unocss/transformer-compile-class": "^0.45.30",
47
- "@vitejs/plugin-vue": "^3.1.2",
48
- "unocss": "^0.45.30",
49
- "vue": "^3.2.41",
50
- "vue-tsc": "^1.0.8"
47
+ "@stacksjs/build": "0.38.4",
48
+ "@unocss/transformer-compile-class": "^0.46.4",
49
+ "pinia": "^2.0.23",
50
+ "unocss": "^0.46.4",
51
+ "vue": "^3.2.45",
52
+ "vue-tsc": "^1.0.9"
51
53
  },
52
54
  "devDependencies": {
53
- "mkdist": "^0.3.13",
55
+ "mkdist": "^0.4.0",
54
56
  "typescript": "^4.8.4"
55
57
  },
56
58
  "scripts": {