@mekari/pixel3-autocomplete 0.0.24 → 0.0.25-dev.1

package/dist/autocomplete.d.mts

@@ -1,4 +1,5 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_input from '@mekari/pixel3-input';
 import * as vue from 'vue';
 import { StringNumberAnyObject } from './modules/autocomplete.props.mjs';
 import '@mekari/pixel3-popover';
@@ -128,7 +129,11 @@ declare const MpAutocomplete: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    inputVariant: {
+        type: vue.PropType<_mekari_pixel3_input.InputVariant>;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
         default: string;
@@ -253,15 +258,19 @@ declare const MpAutocomplete: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    inputVariant: {
+        type: vue.PropType<_mekari_pixel3_input.InputVariant>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
-    onScrollEnd?: ((...args: any[]) => any) | undefined;
     onButtonAction?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
+    onScrollEnd?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
     data: unknown[];
@@ -289,6 +298,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
     isRawValue: boolean;
     isKeepAlive: boolean;
     isAdaptiveWidth: boolean;
+    inputVariant: _mekari_pixel3_input.InputVariant;
 }, {}>;
 
 export { MpAutocomplete };

package/dist/autocomplete.d.ts

@@ -1,4 +1,5 @@
 import * as vue_jsx_runtime from 'vue/jsx-runtime';
+import * as _mekari_pixel3_input from '@mekari/pixel3-input';
 import * as vue from 'vue';
 import { StringNumberAnyObject } from './modules/autocomplete.props.js';
 import '@mekari/pixel3-popover';
@@ -128,7 +129,11 @@ declare const MpAutocomplete: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
-}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear")[], "update:modelValue" | "input" | "change" | "enter" | "scrollEnd" | "buttonAction" | "focus" | "clear", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    inputVariant: {
+        type: vue.PropType<_mekari_pixel3_input.InputVariant>;
+        default: string;
+    };
+}, () => vue_jsx_runtime.JSX.Element, unknown, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus")[], "buttonAction" | "input" | "clear" | "update:modelValue" | "change" | "enter" | "scrollEnd" | "focus", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     id: {
         type: vue.PropType<string>;
         default: string;
@@ -253,15 +258,19 @@ declare const MpAutocomplete: vue.DefineComponent<{
         type: vue.PropType<boolean>;
         default: boolean;
     };
+    inputVariant: {
+        type: vue.PropType<_mekari_pixel3_input.InputVariant>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-    onInput?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onEnter?: ((...args: any[]) => any) | undefined;
-    onScrollEnd?: ((...args: any[]) => any) | undefined;
     onButtonAction?: ((...args: any[]) => any) | undefined;
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onClear?: ((...args: any[]) => any) | undefined;
+    onScrollEnd?: ((...args: any[]) => any) | undefined;
 }, {
     id: string;
     data: unknown[];
@@ -289,6 +298,7 @@ declare const MpAutocomplete: vue.DefineComponent<{
     isRawValue: boolean;
     isKeepAlive: boolean;
     isAdaptiveWidth: boolean;
+    inputVariant: _mekari_pixel3_input.InputVariant;
 }, {}>;
 
 export { MpAutocomplete };

package/dist/autocomplete.js

@@ -150,6 +150,10 @@ var autocompleteProps = {
   isAdaptiveWidth: {
     type: Boolean,
     default: true
+  },
+  inputVariant: {
+    type: String,
+    default: "outline"
   }
 };
 
@@ -172,7 +176,8 @@ function useAutocomplete(props, emit) {
     placeholder,
     isAdaptiveWidth,
     isInvalid,
-    isDisabled
+    isDisabled,
+    inputVariant
   } = (0, import_vue.toRefs)(props);
   const classes = (0, import_recipes.autocompleteSlotRecipe)();
   const {
@@ -474,6 +479,7 @@ function useAutocomplete(props, emit) {
       placeholder: placeholder == null ? void 0 : placeholder.value,
       isInvalid: isInvalid.value,
       isDisabled: isDisabled.value,
+      variant: inputVariant.value,
       onInput: onInputChange,
       onKeydown,
       onFocus: onOpenPopover,

package/dist/autocomplete.mjs

@@ -1,8 +1,8 @@
 import {
   MpAutocomplete
-} from "./chunk-PAF63OPQ.mjs";
-import "./chunk-56BVVD65.mjs";
-import "./chunk-Q7SGQCOH.mjs";
+} from "./chunk-UFURYOQO.mjs";
+import "./chunk-3ZR5OOJ7.mjs";
+import "./chunk-YB6ZTIPV.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAutocomplete

package/dist/{chunk-56BVVD65.mjs → chunk-3ZR5OOJ7.mjs}

@@ -21,7 +21,8 @@ function useAutocomplete(props, emit) {
     placeholder,
     isAdaptiveWidth,
     isInvalid,
-    isDisabled
+    isDisabled,
+    inputVariant
   } = toRefs(props);
   const classes = autocompleteSlotRecipe();
   const {
@@ -323,6 +324,7 @@ function useAutocomplete(props, emit) {
       placeholder: placeholder == null ? void 0 : placeholder.value,
       isInvalid: isInvalid.value,
       isDisabled: isDisabled.value,
+      variant: inputVariant.value,
       onInput: onInputChange,
       onKeydown,
       onFocus: onOpenPopover,

package/dist/{chunk-PAF63OPQ.mjs → chunk-UFURYOQO.mjs}

@@ -1,9 +1,9 @@
 import {
   useAutocomplete
-} from "./chunk-56BVVD65.mjs";
+} from "./chunk-3ZR5OOJ7.mjs";
 import {
   autocompleteProps
-} from "./chunk-Q7SGQCOH.mjs";
+} from "./chunk-YB6ZTIPV.mjs";
 
 // src/autocomplete.tsx
 import { mergeProps as _mergeProps, createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";

package/dist/{chunk-Q7SGQCOH.mjs → chunk-YB6ZTIPV.mjs}

@@ -116,6 +116,10 @@ var autocompleteProps = {
   isAdaptiveWidth: {
     type: Boolean,
     default: true
+  },
+  inputVariant: {
+    type: String,
+    default: "outline"
   }
 };
 var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 export { MpAutocomplete } from './autocomplete.mjs';
 import 'vue/jsx-runtime';
+import '@mekari/pixel3-input';
 import 'vue';
 import './modules/autocomplete.props.mjs';
 import '@mekari/pixel3-popover';

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { MpAutocomplete } from './autocomplete.js';
 import 'vue/jsx-runtime';
+import '@mekari/pixel3-input';
 import 'vue';
 import './modules/autocomplete.props.js';
 import '@mekari/pixel3-popover';

package/dist/index.js

@@ -152,6 +152,10 @@ var autocompleteProps = {
   isAdaptiveWidth: {
     type: Boolean,
     default: true
+  },
+  inputVariant: {
+    type: String,
+    default: "outline"
   }
 };
 
@@ -174,7 +178,8 @@ function useAutocomplete(props, emit) {
     placeholder,
     isAdaptiveWidth,
     isInvalid,
-    isDisabled
+    isDisabled,
+    inputVariant
   } = (0, import_vue.toRefs)(props);
   const classes = (0, import_recipes.autocompleteSlotRecipe)();
   const {
@@ -476,6 +481,7 @@ function useAutocomplete(props, emit) {
       placeholder: placeholder == null ? void 0 : placeholder.value,
       isInvalid: isInvalid.value,
       isDisabled: isDisabled.value,
+      variant: inputVariant.value,
       onInput: onInputChange,
       onKeydown,
       onFocus: onOpenPopover,

package/dist/index.mjs

@@ -1,8 +1,8 @@
 import {
   MpAutocomplete
-} from "./chunk-PAF63OPQ.mjs";
-import "./chunk-56BVVD65.mjs";
-import "./chunk-Q7SGQCOH.mjs";
+} from "./chunk-UFURYOQO.mjs";
+import "./chunk-3ZR5OOJ7.mjs";
+import "./chunk-YB6ZTIPV.mjs";
 import "./chunk-QZ7VFGWC.mjs";
 export {
   MpAutocomplete

package/dist/metafile-cjs.json

@@ -1 +1 @@
-{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13228,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5026,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5438},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13671}},"bytes":22114},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":5278},"src/modules/autocomplete.props.ts":{"bytesInOutput":1882},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13671}},"bytes":22104},"dist/modules/autocomplete.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13851}},"bytes":14887},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2231}},"bytes":3199}}}
+{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3630,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13281,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5026,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/autocomplete.tsx","inputs":{"src/autocomplete.tsx":{"bytesInOutput":5438},"src/modules/autocomplete.props.ts":{"bytesInOutput":1946},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13724}},"bytes":22231},"dist/index.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-popover","kind":"require-call","external":true},{"path":"@mekari/pixel3-input","kind":"require-call","external":true},{"path":"@mekari/pixel3-spinner","kind":"require-call","external":true},{"path":"@mekari/pixel3-icon","kind":"require-call","external":true},{"path":"@mekari/pixel3-text","kind":"require-call","external":true},{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":133},"src/autocomplete.tsx":{"bytesInOutput":5278},"src/modules/autocomplete.props.ts":{"bytesInOutput":1946},"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13724}},"bytes":22221},"dist/modules/autocomplete.hooks.js":{"imports":[{"path":"vue","kind":"require-call","external":true},{"path":"@mekari/pixel3-utils","kind":"require-call","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"require-call","external":true}],"exports":[],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13904}},"bytes":14940},"dist/modules/autocomplete.props.js":{"imports":[],"exports":[],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2295}},"bytes":3263}}}

package/dist/metafile-esm.json

@@ -1 +1 @@
-{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3480,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13228,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5026,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.mjs":{"imports":[{"path":"dist/chunk-PAF63OPQ.mjs","kind":"import-statement"},{"path":"dist/chunk-56BVVD65.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/autocomplete.tsx","inputs":{},"bytes":179},"dist/index.mjs":{"imports":[{"path":"dist/chunk-PAF63OPQ.mjs","kind":"import-statement"},{"path":"dist/chunk-56BVVD65.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":179},"dist/chunk-PAF63OPQ.mjs":{"imports":[{"path":"dist/chunk-56BVVD65.mjs","kind":"import-statement"},{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4589}},"bytes":4762},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-56BVVD65.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAutocomplete"],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{},"bytes":121},"dist/chunk-56BVVD65.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},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13027}},"bytes":13145},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-Q7SGQCOH.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["autocompleteEmit","autocompleteProps"],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{},"bytes":165},"dist/chunk-Q7SGQCOH.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2003}},"bytes":2093},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}
+{"inputs":{"src/modules/autocomplete.props.ts":{"bytes":3630,"imports":[],"format":"esm"},"src/modules/autocomplete.hooks.ts":{"bytes":13281,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"<runtime>","kind":"import-statement","external":true}],"format":"esm"},"src/autocomplete.tsx":{"bytes":5026,"imports":[{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"src/modules/autocomplete.props.ts","kind":"import-statement","original":"./modules/autocomplete.props"},{"path":"src/modules/autocomplete.hooks.ts","kind":"import-statement","original":"./modules/autocomplete.hooks"},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"format":"esm"},"src/index.ts":{"bytes":133,"imports":[{"path":"src/autocomplete.tsx","kind":"import-statement","original":"./autocomplete"}],"format":"esm"}},"outputs":{"dist/autocomplete.mjs":{"imports":[{"path":"dist/chunk-UFURYOQO.mjs","kind":"import-statement"},{"path":"dist/chunk-3ZR5OOJ7.mjs","kind":"import-statement"},{"path":"dist/chunk-YB6ZTIPV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/autocomplete.tsx","inputs":{},"bytes":179},"dist/index.mjs":{"imports":[{"path":"dist/chunk-UFURYOQO.mjs","kind":"import-statement"},{"path":"dist/chunk-3ZR5OOJ7.mjs","kind":"import-statement"},{"path":"dist/chunk-YB6ZTIPV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["MpAutocomplete"],"entryPoint":"src/index.ts","inputs":{"src/index.ts":{"bytesInOutput":0}},"bytes":179},"dist/chunk-UFURYOQO.mjs":{"imports":[{"path":"dist/chunk-3ZR5OOJ7.mjs","kind":"import-statement"},{"path":"dist/chunk-YB6ZTIPV.mjs","kind":"import-statement"},{"path":"vue","kind":"import-statement","external":true},{"path":"vue","kind":"import-statement","external":true},{"path":"@mekari/pixel3-popover","kind":"import-statement","external":true},{"path":"@mekari/pixel3-input","kind":"import-statement","external":true},{"path":"@mekari/pixel3-spinner","kind":"import-statement","external":true},{"path":"@mekari/pixel3-icon","kind":"import-statement","external":true},{"path":"@mekari/pixel3-text","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/patterns","kind":"import-statement","external":true},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true},{"path":"@mekari/pixel3-utils","kind":"import-statement","external":true}],"exports":["MpAutocomplete"],"inputs":{"src/autocomplete.tsx":{"bytesInOutput":4589}},"bytes":4762},"dist/modules/autocomplete.hooks.mjs":{"imports":[{"path":"dist/chunk-3ZR5OOJ7.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["useAutocomplete"],"entryPoint":"src/modules/autocomplete.hooks.ts","inputs":{},"bytes":121},"dist/chunk-3ZR5OOJ7.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},{"path":"@mekari/pixel3-styled-system/recipes","kind":"import-statement","external":true}],"exports":["useAutocomplete"],"inputs":{"src/modules/autocomplete.hooks.ts":{"bytesInOutput":13080}},"bytes":13198},"dist/modules/autocomplete.props.mjs":{"imports":[{"path":"dist/chunk-YB6ZTIPV.mjs","kind":"import-statement"},{"path":"dist/chunk-QZ7VFGWC.mjs","kind":"import-statement"}],"exports":["autocompleteEmit","autocompleteProps"],"entryPoint":"src/modules/autocomplete.props.ts","inputs":{},"bytes":165},"dist/chunk-YB6ZTIPV.mjs":{"imports":[],"exports":["autocompleteEmit","autocompleteProps"],"inputs":{"src/modules/autocomplete.props.ts":{"bytesInOutput":2067}},"bytes":2157},"dist/chunk-QZ7VFGWC.mjs":{"imports":[],"exports":["__name"],"inputs":{},"bytes":151}}}

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

@@ -1,3 +1,4 @@
+import * as _mekari_pixel3_input from '@mekari/pixel3-input';
 import * as vue from 'vue';
 import { HTMLAttributes } from 'vue';
 import { AutocompleteProps, AutocompleteEmits, StringNumberAnyObject } from './autocomplete.props.mjs';
@@ -41,6 +42,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
         placeholder: string | undefined;
         isInvalid: boolean;
         isDisabled: boolean;
+        variant: _mekari_pixel3_input.InputVariant;
         onInput: (e: Event) => void;
         onKeydown: (e: KeyboardEvent) => void;
         onFocus: (e: Event) => void;

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

@@ -1,3 +1,4 @@
+import * as _mekari_pixel3_input from '@mekari/pixel3-input';
 import * as vue from 'vue';
 import { HTMLAttributes } from 'vue';
 import { AutocompleteProps, AutocompleteEmits, StringNumberAnyObject } from './autocomplete.props.js';
@@ -41,6 +42,7 @@ declare function useAutocomplete(props: AutocompleteProps, emit: AutocompleteEmi
         placeholder: string | undefined;
         isInvalid: boolean;
         isDisabled: boolean;
+        variant: _mekari_pixel3_input.InputVariant;
         onInput: (e: Event) => void;
         onKeydown: (e: KeyboardEvent) => void;
         onFocus: (e: Event) => void;

package/dist/modules/autocomplete.hooks.js

@@ -42,7 +42,8 @@ function useAutocomplete(props, emit) {
     placeholder,
     isAdaptiveWidth,
     isInvalid,
-    isDisabled
+    isDisabled,
+    inputVariant
   } = (0, import_vue.toRefs)(props);
   const classes = (0, import_recipes.autocompleteSlotRecipe)();
   const {
@@ -344,6 +345,7 @@ function useAutocomplete(props, emit) {
       placeholder: placeholder == null ? void 0 : placeholder.value,
       isInvalid: isInvalid.value,
       isDisabled: isDisabled.value,
+      variant: inputVariant.value,
       onInput: onInputChange,
       onKeydown,
       onFocus: onOpenPopover,

package/dist/modules/autocomplete.hooks.mjs

@@ -1,6 +1,6 @@
 import {
   useAutocomplete
-} from "../chunk-56BVVD65.mjs";
+} from "../chunk-3ZR5OOJ7.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   useAutocomplete

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

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { PopoverContentProps } from '@mekari/pixel3-popover';
+import { InputVariant } from '@mekari/pixel3-input';
 
 type PopoverContentAttrs = {
     class?: unknown;
@@ -128,6 +129,10 @@ declare const autocompleteProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    inputVariant: {
+        type: PropType<InputVariant>;
+        default: string;
+    };
 };
 declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
 type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;

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

@@ -1,5 +1,6 @@
 import { PropType, ExtractPropTypes } from 'vue';
 import { PopoverContentProps } from '@mekari/pixel3-popover';
+import { InputVariant } from '@mekari/pixel3-input';
 
 type PopoverContentAttrs = {
     class?: unknown;
@@ -128,6 +129,10 @@ declare const autocompleteProps: {
         type: PropType<boolean>;
         default: boolean;
     };
+    inputVariant: {
+        type: PropType<InputVariant>;
+        default: string;
+    };
 };
 declare const autocompleteEmit: readonly ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];
 type AutocompleteProps = ExtractPropTypes<typeof autocompleteProps>;

package/dist/modules/autocomplete.props.js

@@ -141,6 +141,10 @@ var autocompleteProps = {
   isAdaptiveWidth: {
     type: Boolean,
     default: true
+  },
+  inputVariant: {
+    type: String,
+    default: "outline"
   }
 };
 var autocompleteEmit = ["update:modelValue", "input", "change", "enter", "scrollEnd", "buttonAction", "focus", "clear"];

package/dist/modules/autocomplete.props.mjs

@@ -1,7 +1,7 @@
 import {
   autocompleteEmit,
   autocompleteProps
-} from "../chunk-Q7SGQCOH.mjs";
+} from "../chunk-YB6ZTIPV.mjs";
 import "../chunk-QZ7VFGWC.mjs";
 export {
   autocompleteEmit,

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@mekari/pixel3-autocomplete",
   "description": "Autocomplete component for mekari pixel 3",
-  "version": "0.0.24",
+  "version": "0.0.25-dev.1",
   "main": "dist/index.js",
   "license": "MIT",
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@mekari/pixel3-utils": "0.0.8",
-    "@mekari/pixel3-input": "0.0.24",
-    "@mekari/pixel3-styled-system": "0.1.7",
-    "@mekari/pixel3-spinner": "0.0.24",
-    "@mekari/pixel3-icon": "0.1.0",
-    "@mekari/pixel3-popover": "0.0.24",
-    "@mekari/pixel3-text": "0.0.21"
+    "@mekari/pixel3-styled-system": "0.2.0-dev.1",
+    "@mekari/pixel3-utils": "0.1.0-dev.1",
+    "@mekari/pixel3-input": "0.0.25-dev.1",
+    "@mekari/pixel3-spinner": "0.0.25-dev.1",
+    "@mekari/pixel3-icon": "0.1.1-dev.1",
+    "@mekari/pixel3-popover": "0.0.25-dev.1",
+    "@mekari/pixel3-text": "0.0.22-dev.1"
   },
   "peerDependencies": {
     "vue": "^3.4.9"