@wirecore/wirelayer-vue 0.1.1 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wirecore/wirelayer-vue",
-  "version": "0.1.1",
+  "version": "0.3.0",
   "description": "WireLayer components for Vue 3",
   "license": "MIT",
   "repository": {
@@ -53,11 +53,14 @@
       "types": "./dist/locales/*.d.ts",
       "default": "./dist/locales/*.js"
     },
-    "./styles.css": "./styles.css"
+    "./styles.css": "./styles.css",
+    "./styles-core.css": "./styles-core.css",
+    "./sources/*": "./dist/sources/*"
   },
   "files": [
     "dist",
-    "styles.css"
+    "styles.css",
+    "styles-core.css"
   ],
   "peerDependencies": {
     "@tanstack/vue-form": "^1.33.5",
@@ -157,8 +160,8 @@
     "@ark-ui/vue": "^5.39.3",
     "@internationalized/date": "^3.12.4",
     "@lucide/vue": "^1.59.0",
-    "@wirecore/wirelayer-recipes": "^0.1.1",
-    "@wirecore/wirelayer-tokens": "^0.1.1"
+    "@wirecore/wirelayer-recipes": "^0.3.0",
+    "@wirecore/wirelayer-tokens": "^0.2.0"
   },
   "devDependencies": {
     "@storybook/addon-a11y": "^10.6.2",
@@ -197,7 +200,7 @@
     "zod": "^4.6.7"
   },
   "scripts": {
-    "build": "vite build && vue-tsc -p tsconfig.build.json",
+    "build": "vite build && vue-tsc -p tsconfig.build.json && node ../../scripts/sources.ts components",
     "typecheck": "vue-tsc --noEmit",
     "storybook": "storybook dev -p 6007 --host 0.0.0.0 --no-open",
     "build-storybook": "storybook build"

package/styles-core.css

@@ -0,0 +1,15 @@
+/*
+ * WireLayer theme and fonts without the classes of the components – for a smaller CSS file. Import the classes of
+ * the components and recipes you use after it (only these end up in the CSS):
+ *   @import 'tailwindcss';
+ *   @import '@wirecore/wirelayer-vue/styles-core.css';
+ *   @import '@wirecore/wirelayer-vue/sources/Button.css';
+ *   @import '@wirecore/wirelayer-recipes/sources/card.css';
+ */
+@import '@wirecore/wirelayer-tokens/theme.css';
+@import '@wirecore/wirelayer-tokens/fonts.css';
+
+/* Lets the components warn in development when the classes of a recipe they render were not imported */
+:root {
+    --wc-recipe-sources: 1;
+}

package/dist/recipes-CcZk3fPU.js

@@ -1,39 +0,0 @@
-import { computed as e, inject as t, provide as n } from "vue";
-import { mergeRecipeOverrides as r, resolveLocalizedLocale as i, withRecipeOverrides as a } from "@wirecore/wirelayer-recipes";
-//#region src/locale.ts
-var o = Symbol("wirecore-locale"), s = e(() => i());
-function c(e) {
-	n(o, e);
-}
-function l() {
-	return t(o, s);
-}
-function u(e) {
-	return new Proxy({}, {
-		get: (t, n) => Reflect.get(e(), n),
-		has: (t, n) => Reflect.has(e(), n),
-		ownKeys: () => Reflect.ownKeys(e()),
-		getOwnPropertyDescriptor: (t, n) => Reflect.has(e(), n) ? {
-			value: Reflect.get(e(), n),
-			enumerable: !0,
-			configurable: !0
-		} : void 0
-	});
-}
-function d() {
-	let e = l(), t = Object.keys(e.value.translations).map((t) => [t, u(() => Reflect.get(e.value.translations, t))]);
-	return Object.fromEntries(t);
-}
-//#endregion
-//#region src/recipes.ts
-var f = Symbol("wirecore-recipes");
-function p(i) {
-	let a = t(f, null);
-	n(f, e(() => r(a?.value ?? {}, i())));
-}
-function m(e, n, r) {
-	let i = t(f, null);
-	return ((t) => a(n, [i?.value[e], r ? { classes: r() } : void 0])(t));
-}
-//#endregion
-export { d as a, l as i, m as n, c as r, p as t };