@mal-icons/vue 0.1.0

package/dist/index.cjs

@@ -0,0 +1,138 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toCommonJS = (from) => {
+  var entry = (__moduleCache ??= new WeakMap).get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (var key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(entry, key))
+        __defProp(entry, key, {
+          get: __accessProp.bind(from, key),
+          enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+        });
+  }
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __moduleCache;
+var __returnValue = (v) => v;
+function __exportSetter(name, newValue) {
+  this[name] = __returnValue.bind(null, newValue);
+}
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: __exportSetter.bind(all, name)
+    });
+};
+
+// packages/vue/src/index.ts
+var exports_src = {};
+__export(exports_src, {
+  provideIconContext: () => provideIconContext,
+  createIcon: () => createIcon,
+  IconContextKey: () => IconContextKey,
+  IconBase: () => IconBase,
+  DefaultIconContext: () => DefaultIconContext
+});
+module.exports = __toCommonJS(exports_src);
+var import_vue3 = require("vue");
+
+// packages/vue/src/context.ts
+var DefaultIconContext = {};
+var IconContextKey = Symbol("mal-icon-context");
+
+// packages/vue/src/icon-base.ts
+var import_core = require("@mal-icon/core");
+var import_vue = require("vue");
+var IconBase = import_vue.defineComponent({
+  name: "IconBase",
+  inheritAttrs: false,
+  props: {
+    viewBox: { type: String, required: true },
+    size: { type: [String, Number], default: undefined },
+    color: { type: String, default: undefined },
+    title: { type: String, default: undefined },
+    className: { type: String, default: undefined },
+    style: { type: Object, default: undefined },
+    defaultAttr: {
+      type: Object,
+      default: undefined
+    }
+  },
+  setup(props, { slots, attrs }) {
+    const conf = import_vue.inject(IconContextKey, DefaultIconContext);
+    return () => {
+      const {
+        size: computedSize,
+        color: computedColor,
+        className: cls
+      } = import_core.resolveIconAttrs({ size: props.size, color: props.color, className: props.className }, conf);
+      const mergedStyle = computedColor || conf.style || props.style ? { color: computedColor, ...conf.style, ...props.style } : undefined;
+      const children = [];
+      if (props.title)
+        children.push(import_vue.h("title", props.title));
+      const slotChildren = slots.default?.();
+      if (slotChildren)
+        children.push(...slotChildren);
+      return import_vue.h("svg", {
+        viewBox: props.viewBox,
+        stroke: "currentColor",
+        fill: "currentColor",
+        "stroke-width": "0",
+        width: computedSize,
+        height: computedSize,
+        class: cls,
+        style: mergedStyle,
+        role: props.title ? "img" : "presentation",
+        "aria-hidden": props.title ? undefined : "true",
+        ...conf.attr,
+        ...props.defaultAttr,
+        ...attrs
+      }, children);
+    };
+  }
+});
+// packages/vue/src/create-icon.ts
+var import_vue2 = require("vue");
+function createIcon(viewBox, nodes, defaultAttr) {
+  return import_vue2.defineComponent({
+    name: "MalIcon",
+    props: {
+      size: { type: [String, Number], default: undefined },
+      color: { type: String, default: undefined },
+      title: { type: String, default: undefined },
+      className: { type: String, default: undefined },
+      style: { type: Object, default: undefined }
+    },
+    setup(props) {
+      return () => {
+        const children = nodes.map(([tag, attr]) => import_vue2.h(tag, attr));
+        return import_vue2.h(IconBase, {
+          viewBox,
+          defaultAttr,
+          size: props.size,
+          color: props.color,
+          title: props.title,
+          className: props.className,
+          style: props.style
+        }, { default: () => children });
+      };
+    }
+  });
+}
+
+// packages/vue/src/index.ts
+function provideIconContext(value = DefaultIconContext) {
+  import_vue3.provide(IconContextKey, value);
+}

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+import { type VueIconContextValue } from "./context.ts";
+export { IconBase, type IconBaseProps } from "./icon-base.ts";
+export { createIcon, type IconDefaultAttr } from "./create-icon.ts";
+export { IconContextKey, DefaultIconContext, type VueIconContextValue } from "./context.ts";
+/**
+ * Provide icon theming to all descendant mal-icons components. Call inside a
+ * parent component's `setup`.
+ */
+export declare function provideIconContext(value?: VueIconContextValue): void;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAsC,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE5F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,KAAK,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAE5F;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,GAAE,mBAAwC,GAAG,IAAI,CAExF"}

package/dist/index.js

@@ -0,0 +1,19 @@
+import {
+  DefaultIconContext,
+  IconBase,
+  IconContextKey,
+  createIcon
+} from "./chunk-zkzarz13.js";
+
+// packages/vue/src/index.ts
+import { provide } from "vue";
+function provideIconContext(value = DefaultIconContext) {
+  provide(IconContextKey, value);
+}
+export {
+  provideIconContext,
+  createIcon,
+  IconContextKey,
+  IconBase,
+  DefaultIconContext
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@mal-icons/vue",
+  "version": "0.1.0",
+  "description": "Vue 3 components for mal-icons.",
+  "type": "module",
+  "license": "MIT",
+  "author": "MALDevs",
+  "homepage": "https://github.com/mal-icons/mal-icons#readme",
+  "bugs": {
+    "url": "https://github.com/mal-icons/mal-icons/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/mal-icons/mal-icons.git",
+    "directory": "packages/vue"
+  },
+  "keywords": ["icons", "svg", "vue", "vue3", "components", "mal-icons"],
+  "sideEffects": false,
+  "files": ["dist"],
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "bun": "./src/index.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./fi": {
+      "types": "./dist/icons/fi/index.d.ts",
+      "bun": "./src/icons/fi/index.ts",
+      "import": "./dist/icons/fi/index.js"
+    },
+    "./fi/*": {
+      "types": "./dist/icons/fi/*.d.ts",
+      "bun": "./src/icons/fi/*.ts",
+      "import": "./dist/icons/fi/*.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "vue": ">=3.3"
+  },
+  "dependencies": {
+    "@mal-icons/core": "workspace:*"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}