nuance-ui 0.1.1

package/dist/runtime/utils/vars-resolver/create-variant-color-resolver.js

@@ -0,0 +1,106 @@
+import { DEFAULT_GRADIENT } from "../../const/index.js";
+import { getGradient, getGradientOutline } from "../color-functions/get-gradient.js";
+import { getThemeColor, parseThemeColor } from "../parse-theme-color/parse-theme-color.js";
+export function createVariantColorResolver({
+  color = "primary",
+  variant,
+  gradient,
+  theme
+}) {
+  const parsed = parseThemeColor({ color, theme });
+  if (variant === "filled") {
+    const text = "var(--color-white)";
+    if (parsed.shade === void 0) {
+      return {
+        background: `var(--color-${color}-filled)`,
+        hover: `var(--color-${color}-filled-hover)`,
+        text,
+        border: "1px solid transparent)"
+      };
+    }
+    return {
+      background: `var(--color-${parsed.color}-${parsed.shade})`,
+      hover: `var(--color-${parsed.color}-${parsed.shade === 9 ? 8 : parsed.shade + 1})`,
+      text,
+      border: "1px solid transparent"
+    };
+  }
+  if (variant === "light") {
+    if (parsed.shade === void 0) {
+      return {
+        background: `var(--color-${color}-light)`,
+        hover: `var(--color-${color}-light-hover)`,
+        text: `var(--color-${color}-light-color)`,
+        border: "1px solid transparent)"
+      };
+    }
+    return {
+      background: `color-mix(var(--color-${parsed.color}-${parsed.shade}), .1)`,
+      hover: `color-mix(var(--color-${parsed.color}-${parsed.shade}), .12)`,
+      text: `var(--color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+      border: "1px solid transparent)"
+    };
+  }
+  if (variant === "outline") {
+    if (parsed.shade === void 0) {
+      return {
+        background: "transparent",
+        hover: `var(--color-${color}-outline-hover)`,
+        text: `var(--color-${color}-outline, var(--color-${color}-outline-text))`,
+        border: `1px solid var(--color-${color}-outline)`
+      };
+    }
+    return {
+      background: "transparent",
+      hover: `color-mix(var(--color-${parsed.color}-${parsed.shade}), .05)`,
+      text: `var(--color-${parsed.color}-${parsed.shade})`,
+      border: `1px solid var(--color-${parsed.color}-${parsed.shade})`
+    };
+  }
+  if (variant === "subtle") {
+    if (parsed.shade === void 0) {
+      return {
+        background: "transparent",
+        hover: `var(--color-${color}-light-hover)`,
+        text: `var(--color-${color}-light-color)`,
+        border: "1px solid transparent"
+      };
+    }
+    return {
+      background: "transparent",
+      hover: `color-mix(var(--color-${parsed.color}-${parsed.shade}), 0.12)`,
+      text: `var(--color-${parsed.color}-${Math.min(parsed.shade, 6)})`,
+      border: "1px solid transparent"
+    };
+  }
+  if (variant === "gradient") {
+    return {
+      background: getGradient(gradient, theme),
+      hover: getGradient({
+        from: gradient?.to || DEFAULT_GRADIENT.to,
+        to: gradient?.from || DEFAULT_GRADIENT.from,
+        deg: gradient?.deg
+      }, theme),
+      text: "var(--color-white)",
+      border: "none"
+    };
+  }
+  if (variant === "gradient-outline") {
+    const { color: color2 } = parseThemeColor({ color: gradient?.from || DEFAULT_GRADIENT.from, theme });
+    return {
+      background: getGradientOutline(gradient, theme),
+      hover: getThemeColor(gradient?.to || DEFAULT_GRADIENT.to, theme),
+      text: getThemeColor(`${color2}.4`, theme),
+      border: "3px solid transparent"
+    };
+  }
+  if (variant === "default") {
+    return {
+      background: "var(--color-default)",
+      hover: "var(--color-default-hover)",
+      text: "var(--color-default-color)",
+      border: "1px solid var(--color-default-border)"
+    };
+  }
+  return {};
+}

package/dist/types.d.mts

@@ -0,0 +1,3 @@
+export { default } from './module.mjs'
+
+export { type ModuleOptions } from './module.mjs'

package/package.json

@@ -0,0 +1,96 @@
+{
+	"name": "nuance-ui",
+	"version": "0.1.1",
+	"description": "A UI Library for Modern Web Apps, powered by Vue.",
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/Igor-Iugin/nuance-ui.git"
+	},
+	"license": "MIT",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/types.d.mts",
+			"import": "./dist/module.mjs"
+		}
+	},
+	"main": "./dist/module.mjs",
+	"typesVersions": {
+		"*": {
+			".": [
+				"./dist/types.d.mts"
+			]
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"prepack": "nuxt-module-build build",
+		"dev": "npm run dev:prepare && nuxi dev playground",
+		"dev:build": "nuxi build playground",
+		"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+		"release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+		"lint": "eslint .",
+		"test": "vitest run",
+		"test:watch": "vitest watch",
+		"test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
+	},
+	"dependencies": {
+		"defu": "^6.1.4",
+		"@floating-ui/vue": "^1.1.9",
+		"@nuxt/icon": "^2.1.0",
+		"@nuxt/kit": "^4.2.1",
+		"@nuxtjs/color-mode": "^4.0.0",
+		"@vueuse/core": "^14.0.0",
+		"postcss": "^8.5.6",
+		"postcss-preset-mantine": "^1.18.0",
+		"postcss-simple-vars": "^7.0.1"
+	},
+	"peerDependencies": {
+		"nuxt": "^3.0.0 || ^4.0.0",
+		"vue": "^3.3.0"
+	},
+	"peerDependenciesMeta": {
+		"vue": {
+			"optional": false
+		},
+		"nuxt": {
+			"optional": false
+		}
+	},
+	"devDependencies": {
+		"@antfu/eslint-config": "^6.2.0",
+		"@nuxt/devtools": "^3.1.0",
+		"@nuxt/eslint": "1.10.0",
+		"@nuxt/eslint-config": "^1.10.0",
+		"@nuxt/module-builder": "^1.0.2",
+		"@nuxt/schema": "^4.2.1",
+		"@nuxt/test-utils": "^3.20.1",
+		"@nuxtjs/stylelint-module": "^5.2.1",
+		"@types/node": "latest",
+		"changelogen": "^0.6.2",
+		"eslint": "^9.39.1",
+		"nuxt": "^4.2.1",
+		"stylelint": "^16.26.0",
+		"stylelint-config-clean-order": "^8.0.0",
+		"stylelint-config-recommended-vue": "^1.6.1",
+		"stylelint-config-standard": "^39.0.1",
+		"stylelint-order": "^7.0.0",
+		"typescript": "~5.9.3",
+		"vitest": "^4.0.10",
+		"vue-tsc": "^3.1.4"
+	},
+	"keywords": [
+		"nuance-ui",
+		"nuxt",
+		"vue3",
+		"component library",
+		"vue",
+		"vuejs",
+		"vue.js",
+		"typescript",
+		"vue-components",
+		"ui"
+	]
+}