@stacksjs/ui 0.51.0 → 0.52.0

package/README.md

@@ -35,7 +35,7 @@ pnpm test
 
 Please see our [releases](https://github.com/stacksjs/stacks/releases) page for more information on what has changed recently.
 
-## 💪🏼 Contributing
+## 🚜 Contributing
 
 Please review the [Contributing Guide](https://github.com/stacksjs/contributing) for details.
 

package/dist/index.d.ts

@@ -1,14 +1,9 @@
 import * as CssEngine from 'unocss';
 import { presetForms } from '@julr/unocss-preset-forms';
+import transformerCompileClass from '@unocss/transformer-compile-class';
 import * as UiEngine from 'vue';
+import { computed, ref } from 'vue';
 import * as Store from 'pinia';
-declare const _default: {
-    UiEngine: typeof UiEngine;
-    CssEngine: typeof CssEngine;
-    Store: typeof Store;
-    presetForms: typeof presetForms;
-    transformerCompileClass: typeof CssEngine.transformerCompileClass;
-    config: CssEngine.UserConfig<{}>;
-    options: any;
-};
-export default _default;
+import { ui as options } from '@stacksjs/config';
+import config from './unocss';
+export { UiEngine, ref, computed, CssEngine, Store, presetForms, transformerCompileClass, config, options, };

package/dist/index.mjs

@@ -2,11 +2,14 @@ import * as CssEngine from "unocss";
 import { presetForms } from "@julr/unocss-preset-forms";
 import transformerCompileClass from "@unocss/transformer-compile-class";
 import * as UiEngine from "vue";
+import { computed, ref } from "vue";
 import * as Store from "pinia";
-import { ui as options } from "../../../../config/ui";
+import { ui as options } from "@stacksjs/config";
 import config from "./unocss.mjs";
-export default {
+export {
   UiEngine,
+  ref,
+  computed,
   CssEngine,
   Store,
   presetForms,

package/dist/unocss.config.mjs

@@ -0,0 +1,46 @@
+import {
+  defineConfig,
+  presetAttributify,
+  presetIcons,
+  presetTypography,
+  presetUno,
+  presetWebFonts,
+  presetWind,
+  transformerDirectives,
+  transformerVariantGroup
+} from "unocss";
+import { presetForms } from "@julr/unocss-preset-forms";
+export default defineConfig({
+  shortcuts: [
+    ["btn", "px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50"],
+    ["icon-btn", "inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600"]
+  ],
+  presets: [
+    presetForms(),
+    presetUno(),
+    presetWind(),
+    presetAttributify(),
+    presetIcons({
+      scale: 1.2,
+      warn: true
+    }),
+    presetTypography(),
+    presetWebFonts({
+      fonts: {
+        serif: "DM Serif Display",
+        mono: "DM Mono"
+      }
+    })
+  ],
+  rules: [
+    ["bg-carefree-green-1", { background: "#86C83A" }],
+    ["text-carefree-green-1", { color: "#86C83A" }],
+    ["bg-carefree-blue-1", { background: "#0085BF" }],
+    ["text-carefree-blue-1", { color: "#0085BF" }]
+  ],
+  transformers: [
+    transformerDirectives(),
+    transformerVariantGroup()
+  ],
+  safelist: "prose prose-sm m-auto text-left".split(" ")
+});

package/dist/unocss.mjs

@@ -1,7 +1,7 @@
 import { defineConfig, presetIcons, presetTypography, presetWebFonts, presetWind, transformerDirectives, transformerVariantGroup } from "unocss";
 import { presetForms } from "@julr/unocss-preset-forms";
 import transformerCompileClass from "@unocss/transformer-compile-class";
-import { ui } from "../../../../config/ui";
+import { ui } from "@stacksjs/config";
 const config = defineConfig({
   shortcuts: ui.shortcuts,
   presets: [
@@ -13,7 +13,7 @@ const config = defineConfig({
     presetIcons({
       prefix: "i-",
       warn: true,
-      collections: ui.icons,
+      // collections: ui.icons,
       extraProperties: {
         "display": "inline-block",
         "vertical-align": "middle"
@@ -37,6 +37,6 @@ const config = defineConfig({
     transformerDirectives(),
     transformerVariantGroup()
   ],
-  safelist: ui.safelist.split(" ")
+  safelist: ui.safelist?.split(" ")
 });
 export default config;

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@stacksjs/ui",
   "type": "module",
-  "version": "0.51.0",
-  "packageManager": "pnpm@7.26.3",
+  "version": "0.52.0",
+  "packageManager": "pnpm@8.5.1",
   "description": "The Stacks atomic UI engine, powered by UnoCSS.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -26,7 +26,16 @@
     "unocss"
   ],
   "sideEffects": false,
-  "main": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./unocss": {
+      "types": "./dist/unocss.d.ts",
+      "import": "./dist/unocss.mjs"
+    }
+  },
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "contributors": [
@@ -36,30 +45,24 @@
     "dist",
     "README.md"
   ],
-  "engines": {
-    "node": ">=v18.14.0",
-    "pnpm": ">=7.26.3"
-  },
   "peerDependencies": {
-    "@iconify-json/heroicons-outline": "^1.1.5",
-    "@iconify-json/heroicons-solid": "^1.1.6",
-    "@julr/unocss-preset-forms": "^0.0.2",
-    "@unocss/transformer-compile-class": "^0.49.4",
-    "pinia": "^2.0.30",
-    "unocss": "^0.49.4",
-    "vue": "^3.2.47",
-    "vue-tsc": "^1.0.24",
-    "@stacksjs/build": "0.51.0",
-    "@stacksjs/config": "0.51.0"
+    "@iconify-json/heroicons-outline": "^1.1.6",
+    "@iconify-json/heroicons-solid": "^1.1.7",
+    "@julr/unocss-preset-forms": "^0.0.5",
+    "@unocss/transformer-compile-class": "^0.51.13",
+    "pinia": "^2.0.36",
+    "unocss": "^0.51.13",
+    "vue": "^3.3.2",
+    "vue-tsc": "^1.6.5",
+    "@stacksjs/build": "0.52.0",
+    "@stacksjs/config": "0.52.0"
   },
   "devDependencies": {
-    "mkdist": "^1.1.0",
-    "typescript": "^4.9.5",
-    "@stacksjs/testing": "0.51.0"
+    "@stacksjs/development": "0.52.0"
   },
   "scripts": {
-    "build": "mkdist -d",
-    "dev": "mkdist -d",
+    "build": "unbuild",
+    "dev": "unbuild --stub",
     "typecheck": "tsc --noEmit"
   }
 }