@mekari/pixel3-image 0.0.16 → 0.0.17-dev.1

package/dist/{chunk-5N3XPLEB.mjs → chunk-CVUR36OB.mjs}

@@ -1,6 +1,6 @@
 import {
   useImage
-} from "./chunk-TYXYOORF.mjs";
+} from "./chunk-Z56BKGFE.mjs";
 import {
   imageProps
 } from "./chunk-DPFH2SO2.mjs";

package/dist/{chunk-TYXYOORF.mjs → chunk-Z56BKGFE.mjs}

@@ -56,14 +56,15 @@ function useImage(props, emit) {
     if (layout.value !== "intrinsic") {
       return "";
     }
-    const backgroundColor = !intersected.value ? "background-color:#ffffff;" : "";
+    const backgroundColor = "#ffffff";
+    const color = "#232933";
     return `<svg 
       width="${width.value}" 
       height="${height.value}" 
       xmlns="http://www.w3.org/2000/svg"
-      style="${backgroundColor}"
+      style="background: ${backgroundColor}"
     >
-      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
+      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
     </svg>`;
   });
   const sizerStyle = computed(() => {

package/dist/image.d.mts

@@ -1,5 +1,5 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
-import { ImageLayout, ImageObjectFit } from './modules/image.type.mjs';
+import { ImageLayout, ImageObjectFit } from './modules/image.types.mjs';
 import * as vue from 'vue';
 
 declare const MpImage: vue.DefineComponent<{

package/dist/image.d.ts

@@ -1,5 +1,5 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
-import { ImageLayout, ImageObjectFit } from './modules/image.type.js';
+import { ImageLayout, ImageObjectFit } from './modules/image.types.js';
 import * as vue from 'vue';
 
 declare const MpImage: vue.DefineComponent<{

package/dist/image.js

@@ -155,14 +155,15 @@ function useImage(props, emit) {
     if (layout.value !== "intrinsic") {
       return "";
     }
-    const backgroundColor = !intersected.value ? "background-color:#ffffff;" : "";
+    const backgroundColor = "#ffffff";
+    const color = "#232933";
     return `<svg 
       width="${width.value}" 
       height="${height.value}" 
       xmlns="http://www.w3.org/2000/svg"
-      style="${backgroundColor}"
+      style="background: ${backgroundColor}"
     >
-      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
+      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
     </svg>`;
   });
   const sizerStyle = (0, import_vue.computed)(() => {

package/dist/image.mjs

@@ -1,7 +1,7 @@
 import {
   MpImage
-} from "./chunk-5N3XPLEB.mjs";
-import "./chunk-TYXYOORF.mjs";
+} from "./chunk-CVUR36OB.mjs";
+import "./chunk-Z56BKGFE.mjs";
 import "./chunk-DPFH2SO2.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {

package/dist/index.d.mts

@@ -1,4 +1,4 @@
 export { MpImage } from './image.mjs';
+export { ImageLayout, ImageObjectFit } from './modules/image.types.mjs';
 import 'vue/jsx-runtime';
-import './modules/image.type.mjs';
 import 'vue';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { MpImage } from './image.js';
+export { ImageLayout, ImageObjectFit } from './modules/image.types.js';
 import 'vue/jsx-runtime';
-import './modules/image.type.js';
 import 'vue';

package/dist/index.js

@@ -157,14 +157,15 @@ function useImage(props, emit) {
     if (layout.value !== "intrinsic") {
       return "";
     }
-    const backgroundColor = !intersected.value ? "background-color:#ffffff;" : "";
+    const backgroundColor = "#ffffff";
+    const color = "#232933";
     return `<svg 
       width="${width.value}" 
       height="${height.value}" 
       xmlns="http://www.w3.org/2000/svg"
-      style="${backgroundColor}"
+      style="background: ${backgroundColor}"
     >
-      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
+      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
     </svg>`;
   });
   const sizerStyle = (0, import_vue.computed)(() => {

package/dist/index.mjs

@@ -1,9 +1,10 @@
 import {
   MpImage
-} from "./chunk-5N3XPLEB.mjs";
-import "./chunk-TYXYOORF.mjs";
+} from "./chunk-CVUR36OB.mjs";
+import "./chunk-Z56BKGFE.mjs";
 import "./chunk-DPFH2SO2.mjs";
 import "./chunk-QZ7VFGWC.mjs";
+import "./chunk-VJNPPC2A.mjs";
 export {
   MpImage
 };

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6244,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"}],"format":"esm"},"src/modules/image.type.ts":{"bytes":240,"imports":[],"format":"esm"}},"outputs":{"dist/image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/image.tsx","inputs":{"src/image.tsx":{"bytesInOutput":1539},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6135}},"bytes":9790},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/image.tsx":{"bytesInOutput":1414},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6135}},"bytes":9801},"dist/modules/image.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/image.hooks.ts","inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":6280}},"bytes":7302},"dist/modules/image.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.props.ts","inputs":{"src/modules/image.props.ts":{"bytesInOutput":1255}},"bytes":2202},"dist/modules/image.type.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.type.ts","inputs":{"src/modules/image.type.ts":{"bytesInOutput":80}},"bytes":781}}}
+{"inputs":{"src/modules/image.props.ts":{"bytes":1865,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6265,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/modules/image.types.ts":{"bytes":240,"imports":[],"format":"esm"},"src/index.ts":{"bytes":158,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"},{"path":"src/modules/image.types.ts","kind":"import-statement","original":"./modules/image.types"}],"format":"esm"}},"outputs":{"dist/image.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/image.tsx","inputs":{"src/image.tsx":{"bytesInOutput":1539},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6156}},"bytes":9811},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":119},"src/image.tsx":{"bytesInOutput":1414},"src/modules/image.props.ts":{"bytesInOutput":1028},"src/modules/image.hooks.ts":{"bytesInOutput":6156}},"bytes":9822},"dist/modules/image.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/image.hooks.ts","inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":6301}},"bytes":7323},"dist/modules/image.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.props.ts","inputs":{"src/modules/image.props.ts":{"bytesInOutput":1255}},"bytes":2202},"dist/modules/image.types.js":{"imports":[],"exports":[],"entryPoint":"src/modules/image.types.ts","inputs":{"src/modules/image.types.ts":{"bytesInOutput":82}},"bytes":784}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/image.props.ts":{"bytes":1864,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6244,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/index.ts":{"bytes":119,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"}],"format":"esm"},"src/modules/image.type.ts":{"bytes":240,"imports":[],"format":"esm"}},"outputs":{"dist/image.mjs":{"imports":[{"path":"dist/chunk-5N3XPLEB.mjs","kind":"import-statement"},{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/image.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-5N3XPLEB.mjs","kind":"import-statement"},{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":165},"dist/chunk-5N3XPLEB.mjs":{"imports":[{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true}],"exports":["MpImage"],"inputs":{"src/image.tsx":{"bytesInOutput":1227}},"bytes":1372},"dist/modules/image.hooks.mjs":{"imports":[{"path":"dist/chunk-TYXYOORF.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useImage"],"entryPoint":"src/modules/image.hooks.ts","inputs":{},"bytes":107},"dist/chunk-TYXYOORF.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useImage"],"inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":5824}},"bytes":5928},"dist/modules/image.props.mjs":{"imports":[{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["imageEmit","imageProps"],"entryPoint":"src/modules/image.props.ts","inputs":{},"bytes":137},"dist/chunk-DPFH2SO2.mjs":{"imports":[],"exports":["imageEmit","imageProps"],"inputs":{"src/modules/image.props.ts":{"bytesInOutput":1076}},"bytes":1145},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/image.type.mjs":{"imports":[],"exports":[],"entryPoint":"src/modules/image.type.ts","inputs":{"src/modules/image.type.ts":{"bytesInOutput":0}},"bytes":0}}}
+{"inputs":{"src/modules/image.props.ts":{"bytes":1865,"imports":[],"format":"esm"},"src/modules/image.hooks.ts":{"bytes":6265,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/image.tsx":{"bytes":1422,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"src/modules/image.props.ts","kind":"import-statement","original":"./modules/image.props"},{"path":"src/modules/image.hooks.ts","kind":"import-statement","original":"./modules/image.hooks"}],"format":"esm"},"src/modules/image.types.ts":{"bytes":240,"imports":[],"format":"esm"},"src/index.ts":{"bytes":158,"imports":[{"path":"src/image.tsx","kind":"import-statement","original":"./image"},{"path":"src/modules/image.types.ts","kind":"import-statement","original":"./modules/image.types"}],"format":"esm"}},"outputs":{"dist/image.mjs":{"imports":[{"path":"dist/chunk-CVUR36OB.mjs","kind":"import-statement"},{"path":"dist/chunk-Z56BKGFE.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/image.tsx","inputs":{},"bytes":165},"dist/index.mjs":{"imports":[{"path":"dist/chunk-CVUR36OB.mjs","kind":"import-statement"},{"path":"dist/chunk-Z56BKGFE.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"dist/chunk-VJNPPC2A.mjs","kind":"import-statement"}],"exports":["MpImage"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":196},"dist/chunk-CVUR36OB.mjs":{"imports":[{"path":"dist/chunk-Z56BKGFE.mjs","kind":"import-statement"},{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true}],"exports":["MpImage"],"inputs":{"src/image.tsx":{"bytesInOutput":1227}},"bytes":1372},"dist/modules/image.hooks.mjs":{"imports":[{"path":"dist/chunk-Z56BKGFE.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useImage"],"entryPoint":"src/modules/image.hooks.ts","inputs":{},"bytes":107},"dist/chunk-Z56BKGFE.mjs":{"imports":[{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["useImage"],"inputs":{"src/modules/image.hooks.ts":{"bytesInOutput":5845}},"bytes":5949},"dist/modules/image.props.mjs":{"imports":[{"path":"dist/chunk-DPFH2SO2.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["imageEmit","imageProps"],"entryPoint":"src/modules/image.props.ts","inputs":{},"bytes":137},"dist/chunk-DPFH2SO2.mjs":{"imports":[],"exports":["imageEmit","imageProps"],"inputs":{"src/modules/image.props.ts":{"bytesInOutput":1076}},"bytes":1145},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151},"dist/modules/image.types.mjs":{"imports":[{"path":"dist/chunk-VJNPPC2A.mjs","kind":"import-statement"}],"exports":[],"entryPoint":"src/modules/image.types.ts","inputs":{},"bytes":32},"dist/chunk-VJNPPC2A.mjs":{"imports":[],"exports":[],"inputs":{"src/modules/image.types.ts":{"bytesInOutput":0}},"bytes":0}}}

package/dist/modules/image.hooks.d.mts

@@ -1,4 +1,4 @@
-import { ImageObjectFit } from './image.type.mjs';
+import { ImageObjectFit } from './image.types.mjs';
 import * as vue from 'vue';
 import { ImageProps, ImageEmit } from './image.props.mjs';
 

package/dist/modules/image.hooks.d.ts

@@ -1,4 +1,4 @@
-import { ImageObjectFit } from './image.type.js';
+import { ImageObjectFit } from './image.types.js';
 import * as vue from 'vue';
 import { ImageProps, ImageEmit } from './image.props.js';
 

package/dist/modules/image.hooks.js

@@ -77,14 +77,15 @@ function useImage(props, emit) {
     if (layout.value !== "intrinsic") {
       return "";
     }
-    const backgroundColor = !intersected.value ? "background-color:#ffffff;" : "";
+    const backgroundColor = "#ffffff";
+    const color = "#232933";
     return `<svg 
       width="${width.value}" 
       height="${height.value}" 
       xmlns="http://www.w3.org/2000/svg"
-      style="${backgroundColor}"
+      style="background: ${backgroundColor}"
     >
-      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">${failed.value ? errorText.value : ""}</text>
+      <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" style="fill: ${color};">${failed.value ? errorText.value : ""}</text>
     </svg>`;
   });
   const sizerStyle = (0, import_vue.computed)(() => {

package/dist/modules/image.hooks.mjs

@@ -1,6 +1,6 @@
 import {
   useImage
-} from "../chunk-TYXYOORF.mjs";
+} from "../chunk-Z56BKGFE.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useImage

package/dist/modules/image.props.d.mts

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ImageLayout, ImageObjectFit } from './image.type.mjs';
+import { ImageLayout, ImageObjectFit } from './image.types.mjs';
 
 declare const imageProps: {
     id: {

package/dist/modules/image.props.d.ts

@@ -1,5 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
-import { ImageLayout, ImageObjectFit } from './image.type.js';
+import { ImageLayout, ImageObjectFit } from './image.types.js';
 
 declare const imageProps: {
     id: {

package/dist/modules/{image.type.js → image.types.js}

@@ -13,6 +13,6 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/modules/image.type.ts
-var image_type_exports = {};
-module.exports = __toCommonJS(image_type_exports);
+// src/modules/image.types.ts
+var image_types_exports = {};
+module.exports = __toCommonJS(image_types_exports);

package/dist/modules/image.types.mjs

@@ -0,0 +1 @@
+import "../chunk-VJNPPC2A.mjs";

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@mekari/pixel3-image",
   "description": "Image component for mekari pixel 3",
-  "version": "0.0.16",
+  "version": "0.0.17-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-utils": "0.0.6",
-    "@mekari/pixel3-styled-system": "0.1.1",
-    "@mekari/pixel3-spinner": "0.0.16"
+    "@mekari/pixel3-spinner": "0.0.17-dev.1",
+    "@mekari/pixel3-styled-system": "0.1.2-dev.1",
+    "@mekari/pixel3-utils": "0.0.7-dev.1"
   },
   "peerDependencies": {
     "vue": "^3.4.9"
@@ -37,6 +37,7 @@
     "build:types": "tsup src --dts-only",
     "types:check": "tsc --noEmit",
     "replace-config": "clean-package",
-    "restore-config": "clean-package restore"
+    "restore-config": "clean-package restore",
+    "types:vue": "vue-tsc --noEmit"
   }
 }