@verbb/plugin-kit-vue 2.0.0

package/dist/components/CheckboxInput.js

@@ -0,0 +1,109 @@
+import { Checkbox } from "./Checkbox.js";
+import { defineComponent, h } from "vue";
+//#region src/components/CheckboxInput.ts
+/**
+* Convenience facade pairing `<pk-checkbox>` with a label + optional description,
+* mirroring `plugin-kit-react` `CheckboxInput`. Layout uses a plain wrapping `<label>`
+* (no utility CSS) — the checkbox itself is styled inside the web component shadow root.
+*/
+var CheckboxInput = defineComponent({
+	name: "PkCheckboxInput",
+	inheritAttrs: false,
+	props: {
+		label: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			required: true
+		},
+		description: {
+			type: [
+				String,
+				Number,
+				Object
+			],
+			default: void 0
+		},
+		checked: {
+			type: Boolean,
+			default: false
+		},
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		value: {
+			type: String,
+			default: "on"
+		},
+		dataState: {
+			type: String,
+			default: void 0
+		}
+	},
+	emits: { "update:checked": (value) => typeof value === "boolean" },
+	setup(props, { attrs, emit }) {
+		return () => h("label", {
+			"data-slot": "checkbox-input",
+			class: attrs.class,
+			style: {
+				display: "flex",
+				alignItems: "flex-start",
+				gap: "0.5rem",
+				cursor: props.disabled ? "not-allowed" : "pointer"
+			}
+		}, [h(Checkbox, {
+			checked: props.checked,
+			indeterminate: props.indeterminate,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			required: props.required,
+			name: props.name,
+			value: props.value,
+			dataState: props.dataState,
+			"onUpdate:checked": (value) => emit("update:checked", value)
+		}), h("span", {
+			"data-slot": "checkbox-input-body",
+			style: {
+				minWidth: 0,
+				opacity: props.disabled ? .5 : void 0
+			}
+		}, [h("span", {
+			"data-slot": "checkbox-input-label",
+			style: {
+				display: "block",
+				lineHeight: 1.25
+			}
+		}, { default: () => props.label }), props.description ? h("span", {
+			"data-slot": "checkbox-input-description",
+			style: {
+				display: "block",
+				marginTop: "0.25rem",
+				color: "var(--pk-color-text-muted, #64748b)"
+			}
+		}, { default: () => props.description }) : null])]);
+	}
+});
+var PkCheckboxInputElement = CheckboxInput;
+//#endregion
+export { CheckboxInput, PkCheckboxInputElement };
+
+//# sourceMappingURL=CheckboxInput.js.map

package/dist/components/CheckboxInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxInput.js","names":[],"sources":["../../src/components/CheckboxInput.ts"],"sourcesContent":["import { defineComponent, h, type PropType, type VNodeChild } from 'vue';\n\nimport { Checkbox, type CheckboxProps } from './Checkbox.js';\n\nexport type CheckboxInputProps = CheckboxProps & {\n    label: VNodeChild;\n    description?: VNodeChild;\n};\n\n/**\n * Convenience facade pairing `<pk-checkbox>` with a label + optional description,\n * mirroring `plugin-kit-react` `CheckboxInput`. Layout uses a plain wrapping `<label>`\n * (no utility CSS) — the checkbox itself is styled inside the web component shadow root.\n */\nexport const CheckboxInput = defineComponent({\n    name: 'PkCheckboxInput',\n    inheritAttrs: false,\n    props: {\n        label: { type: [String, Number, Object] as PropType<VNodeChild>, required: true },\n        description: { type: [String, Number, Object] as PropType<VNodeChild>, default: undefined },\n        checked: { type: Boolean, default: false },\n        indeterminate: { type: Boolean, default: false },\n        disabled: { type: Boolean, default: false },\n        invalid: { type: Boolean, default: false },\n        required: { type: Boolean, default: false },\n        name: { type: String, default: undefined },\n        value: { type: String, default: 'on' },\n        dataState: { type: String as PropType<CheckboxProps['data-state']>, default: undefined },\n    },\n    emits: {\n        'update:checked': (value: boolean) => typeof value === 'boolean',\n    },\n    setup(props, { attrs, emit }) {\n        return () => h(\n            'label',\n            {\n                'data-slot': 'checkbox-input',\n                class: attrs.class,\n                style: {\n                    display: 'flex',\n                    alignItems: 'flex-start',\n                    gap: '0.5rem',\n                    cursor: props.disabled ? 'not-allowed' : 'pointer',\n                },\n            },\n            [\n                h(Checkbox, {\n                    checked: props.checked,\n                    indeterminate: props.indeterminate,\n                    disabled: props.disabled,\n                    invalid: props.invalid,\n                    required: props.required,\n                    name: props.name,\n                    value: props.value,\n                    dataState: props.dataState,\n                    // Checkbox already maps `pk-change` → `update:checked`.\n                    'onUpdate:checked': (value: boolean) => emit('update:checked', value),\n                }),\n                h(\n                    'span',\n                    {\n                        'data-slot': 'checkbox-input-body',\n                        style: { minWidth: 0, opacity: props.disabled ? 0.5 : undefined },\n                    },\n                    [\n                        h(\n                            'span',\n                            {\n                                'data-slot': 'checkbox-input-label',\n                                style: { display: 'block', lineHeight: 1.25 },\n                            },\n                            // Slot children accept VNodeChild; positional children reject `null`.\n                            { default: () => props.label },\n                        ),\n                        props.description\n                            ? h(\n                                'span',\n                                {\n                                    'data-slot': 'checkbox-input-description',\n                                    style: {\n                                        display: 'block',\n                                        marginTop: '0.25rem',\n                                        color: 'var(--pk-color-text-muted, #64748b)',\n                                    },\n                                },\n                                { default: () => props.description },\n                            )\n                            : null,\n                    ],\n                ),\n            ],\n        );\n    },\n});\n\nexport const PkCheckboxInputElement = CheckboxInput;\n"],"mappings":";;;;;;;;AAcA,IAAa,gBAAgB,gBAAgB;CACzC,MAAM;CACN,cAAc;CACd,OAAO;EACH,OAAO;GAAE,MAAM;IAAC;IAAQ;IAAQ;IAAO;GAA0B,UAAU;GAAM;EACjF,aAAa;GAAE,MAAM;IAAC;IAAQ;IAAQ;IAAO;GAA0B,SAAS,KAAA;GAAW;EAC3F,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,eAAe;GAAE,MAAM;GAAS,SAAS;GAAO;EAChD,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,SAAS;GAAE,MAAM;GAAS,SAAS;GAAO;EAC1C,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EAC1C,OAAO;GAAE,MAAM;GAAQ,SAAS;GAAM;EACtC,WAAW;GAAE,MAAM;GAAiD,SAAS,KAAA;GAAW;EAC3F;CACD,OAAO,EACH,mBAAmB,UAAmB,OAAO,UAAU,WAC1D;CACD,MAAM,OAAO,EAAE,OAAO,QAAQ;AAC1B,eAAa,EACT,SACA;GACI,aAAa;GACb,OAAO,MAAM;GACb,OAAO;IACH,SAAS;IACT,YAAY;IACZ,KAAK;IACL,QAAQ,MAAM,WAAW,gBAAgB;IAC5C;GACJ,EACD,CACI,EAAE,UAAU;GACR,SAAS,MAAM;GACf,eAAe,MAAM;GACrB,UAAU,MAAM;GAChB,SAAS,MAAM;GACf,UAAU,MAAM;GAChB,MAAM,MAAM;GACZ,OAAO,MAAM;GACb,WAAW,MAAM;GAEjB,qBAAqB,UAAmB,KAAK,kBAAkB,MAAM;GACxE,CAAC,EACF,EACI,QACA;GACI,aAAa;GACb,OAAO;IAAE,UAAU;IAAG,SAAS,MAAM,WAAW,KAAM,KAAA;IAAW;GACpE,EACD,CACI,EACI,QACA;GACI,aAAa;GACb,OAAO;IAAE,SAAS;IAAS,YAAY;IAAM;GAChD,EAED,EAAE,eAAe,MAAM,OAAO,CACjC,EACD,MAAM,cACA,EACE,QACA;GACI,aAAa;GACb,OAAO;IACH,SAAS;IACT,WAAW;IACX,OAAO;IACV;GACJ,EACD,EAAE,eAAe,MAAM,aAAa,CACvC,GACC,KACT,CACJ,CACJ,CACJ;;CAER,CAAC;AAEF,IAAa,yBAAyB"}

package/dist/components/CheckboxSelect.d.ts

@@ -0,0 +1,9 @@
+/** Vue facade over `<pk-checkbox-select>`. Behavior and styles live in the web component. */
+export declare const CheckboxSelect: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkCheckboxSelectElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type CheckboxSelectProps = Record<string, unknown>;
+//# sourceMappingURL=CheckboxSelect.d.ts.map

package/dist/components/CheckboxSelect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSelect.d.ts","sourceRoot":"","sources":["../../src/components/CheckboxSelect.ts"],"names":[],"mappings":"AACA,OAAO,qDAAqD,CAAC;AAE7D,6FAA6F;AAC7F,eAAO,MAAM,cAAc;;2OAGzB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;2OAAiB,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/CheckboxSelect.js

@@ -0,0 +1,13 @@
+import { createPkComponent } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/checkbox-select.js";
+//#region src/components/CheckboxSelect.ts
+/** Vue facade over `<pk-checkbox-select>`. Behavior and styles live in the web component. */
+var CheckboxSelect = createPkComponent({
+	name: "PkCheckboxSelect",
+	tagName: "pk-checkbox-select"
+});
+var PkCheckboxSelectElement = CheckboxSelect;
+//#endregion
+export { CheckboxSelect, PkCheckboxSelectElement };
+
+//# sourceMappingURL=CheckboxSelect.js.map

package/dist/components/CheckboxSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSelect.js","names":[],"sources":["../../src/components/CheckboxSelect.ts"],"sourcesContent":["import { createPkComponent } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/checkbox-select.js';\n\n/** Vue facade over `<pk-checkbox-select>`. Behavior and styles live in the web component. */\nexport const CheckboxSelect = createPkComponent({\n    name: 'PkCheckboxSelect',\n    tagName: 'pk-checkbox-select',\n});\n\nexport const PkCheckboxSelectElement = CheckboxSelect;\n\nexport type CheckboxSelectProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAa,iBAAiB,kBAAkB;CAC5C,MAAM;CACN,SAAS;CACZ,CAAC;AAEF,IAAa,0BAA0B"}

package/dist/components/CodeEditor.d.ts

@@ -0,0 +1,9 @@
+/** Vue facade over `<pk-code-editor>`. Behavior and styles live in the web component. */
+export declare const CodeEditor: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkCodeEditorElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type CodeEditorProps = Record<string, unknown>;
+//# sourceMappingURL=CodeEditor.d.ts.map

package/dist/components/CodeEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.d.ts","sourceRoot":"","sources":["../../src/components/CodeEditor.ts"],"names":[],"mappings":"AACA,OAAO,iDAAiD,CAAC;AAEzD,yFAAyF;AACzF,eAAO,MAAM,UAAU;;2OAGrB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;2OAAa,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/CodeEditor.js

@@ -0,0 +1,13 @@
+import { createPkComponent } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/code-editor.js";
+//#region src/components/CodeEditor.ts
+/** Vue facade over `<pk-code-editor>`. Behavior and styles live in the web component. */
+var CodeEditor = createPkComponent({
+	name: "PkCodeEditor",
+	tagName: "pk-code-editor"
+});
+var PkCodeEditorElement = CodeEditor;
+//#endregion
+export { CodeEditor, PkCodeEditorElement };
+
+//# sourceMappingURL=CodeEditor.js.map

package/dist/components/CodeEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeEditor.js","names":[],"sources":["../../src/components/CodeEditor.ts"],"sourcesContent":["import { createPkComponent } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/code-editor.js';\n\n/** Vue facade over `<pk-code-editor>`. Behavior and styles live in the web component. */\nexport const CodeEditor = createPkComponent({\n    name: 'PkCodeEditor',\n    tagName: 'pk-code-editor',\n});\n\nexport const PkCodeEditorElement = CodeEditor;\n\nexport type CodeEditorProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAa,aAAa,kBAAkB;CACxC,MAAM;CACN,SAAS;CACZ,CAAC;AAEF,IAAa,sBAAsB"}

package/dist/components/ColorInput.d.ts

@@ -0,0 +1,9 @@
+/** Vue facade over `<pk-color-input>`. Behavior and styles live in the web component. */
+export declare const ColorInput: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkColorInputElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type ColorInputProps = Record<string, unknown>;
+//# sourceMappingURL=ColorInput.d.ts.map

package/dist/components/ColorInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.d.ts","sourceRoot":"","sources":["../../src/components/ColorInput.ts"],"names":[],"mappings":"AACA,OAAO,iDAAiD,CAAC;AAEzD,yFAAyF;AACzF,eAAO,MAAM,UAAU;;2OAGrB,CAAC;AAEH,eAAO,MAAM,mBAAmB;;2OAAa,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/ColorInput.js

@@ -0,0 +1,13 @@
+import { createPkComponent } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/color-input.js";
+//#region src/components/ColorInput.ts
+/** Vue facade over `<pk-color-input>`. Behavior and styles live in the web component. */
+var ColorInput = createPkComponent({
+	name: "PkColorInput",
+	tagName: "pk-color-input"
+});
+var PkColorInputElement = ColorInput;
+//#endregion
+export { ColorInput, PkColorInputElement };
+
+//# sourceMappingURL=ColorInput.js.map

package/dist/components/ColorInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorInput.js","names":[],"sources":["../../src/components/ColorInput.ts"],"sourcesContent":["import { createPkComponent } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/color-input.js';\n\n/** Vue facade over `<pk-color-input>`. Behavior and styles live in the web component. */\nexport const ColorInput = createPkComponent({\n    name: 'PkColorInput',\n    tagName: 'pk-color-input',\n});\n\nexport const PkColorInputElement = ColorInput;\n\nexport type ColorInputProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAa,aAAa,kBAAkB;CACxC,MAAM;CACN,SAAS;CACZ,CAAC;AAEF,IAAa,sBAAsB"}

package/dist/components/Combobox.d.ts

@@ -0,0 +1,9 @@
+/** Vue facade over `<pk-combobox>`. Behavior and styles live in the web component. */
+export declare const Combobox: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkComboboxElement: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export type ComboboxProps = Record<string, unknown>;
+//# sourceMappingURL=Combobox.d.ts.map

package/dist/components/Combobox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.ts"],"names":[],"mappings":"AACA,OAAO,8CAA8C,CAAC;AAEtD,sFAAsF;AACtF,eAAO,MAAM,QAAQ;;2OAGnB,CAAC;AAEH,eAAO,MAAM,iBAAiB;;2OAAW,CAAC;AAE1C,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/components/Combobox.js

@@ -0,0 +1,13 @@
+import { createPkComponent } from "../createPkComponent.js";
+import "@verbb/plugin-kit-web/components/combobox.js";
+//#region src/components/Combobox.ts
+/** Vue facade over `<pk-combobox>`. Behavior and styles live in the web component. */
+var Combobox = createPkComponent({
+	name: "PkCombobox",
+	tagName: "pk-combobox"
+});
+var PkComboboxElement = Combobox;
+//#endregion
+export { Combobox, PkComboboxElement };
+
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":[],"sources":["../../src/components/Combobox.ts"],"sourcesContent":["import { createPkComponent } from '../createPkComponent.js';\nimport '@verbb/plugin-kit-web/components/combobox.js';\n\n/** Vue facade over `<pk-combobox>`. Behavior and styles live in the web component. */\nexport const Combobox = createPkComponent({\n    name: 'PkCombobox',\n    tagName: 'pk-combobox',\n});\n\nexport const PkComboboxElement = Combobox;\n\nexport type ComboboxProps = Record<string, unknown>;\n"],"mappings":";;;;AAIA,IAAa,WAAW,kBAAkB;CACtC,MAAM;CACN,SAAS;CACZ,CAAC;AAEF,IAAa,oBAAoB"}

package/dist/components/ComboboxInput.d.ts

@@ -0,0 +1,410 @@
+import { PropType } from 'vue';
+import { PkComboboxSize } from '@verbb/plugin-kit-web/components/combobox/pk-combobox.js';
+export type ComboboxInputOption = {
+    value: string | number;
+    label: string;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export type ComboboxFetchOptions = (query: string, signal?: AbortSignal) => Promise<ComboboxInputOption[]>;
+export type ComboboxInputModelValue = string | number | Array<string | number> | null;
+export type ComboboxInputProps = {
+    options?: ComboboxInputOption[];
+    fetchOptions?: ComboboxFetchOptions;
+    modelValue?: ComboboxInputModelValue;
+    multiple?: boolean;
+    disabled?: boolean;
+    placeholder?: string;
+    emptyMessage?: string;
+    loadingMessage?: string;
+    startTypingMessage?: string;
+    /** Maps to `pk-combobox` `clearable` (React convenience name: `showClear`). */
+    showClear?: boolean;
+    invalid?: boolean;
+    size?: PkComboboxSize;
+    allowCreate?: boolean;
+    name?: string;
+    id?: string;
+    'aria-label'?: string;
+    'aria-describedby'?: string;
+    'aria-errormessage'?: string;
+    'aria-labelledby'?: string;
+};
+/**
+ * Convenience facade over `<pk-combobox>` mirroring React `ComboboxInput`:
+ * `options[]` (or `fetchOptions` for async search), `v-model`, and `multiple`.
+ *
+ * `pk-combobox` is string-valued, so values are stringified for the element and mapped
+ * back to their original option value on `pk-change`.
+ */
+export declare const ComboboxInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    options: {
+        type: PropType<ComboboxInputOption[]>;
+        default: undefined;
+    };
+    fetchOptions: {
+        type: PropType<ComboboxFetchOptions>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<ComboboxInputModelValue>;
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    startTypingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<PkComboboxSize>;
+        default: undefined;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaErrormessage: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: ComboboxInputModelValue) => boolean;
+    create: (query: string) => boolean;
+    openChange: (open: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: PropType<ComboboxInputOption[]>;
+        default: undefined;
+    };
+    fetchOptions: {
+        type: PropType<ComboboxFetchOptions>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<ComboboxInputModelValue>;
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    startTypingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<PkComboboxSize>;
+        default: undefined;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaErrormessage: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ComboboxInputModelValue) => any) | undefined;
+    onCreate?: ((query: string) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    size: PkComboboxSize;
+    disabled: boolean;
+    options: ComboboxInputOption[];
+    fetchOptions: ComboboxFetchOptions;
+    modelValue: ComboboxInputModelValue;
+    multiple: boolean;
+    placeholder: string;
+    emptyMessage: string;
+    loadingMessage: string;
+    startTypingMessage: string;
+    showClear: boolean;
+    allowCreate: boolean;
+    id: string;
+    ariaLabel: string;
+    ariaDescribedby: string;
+    ariaErrormessage: string;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PkComboboxInputElement: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    options: {
+        type: PropType<ComboboxInputOption[]>;
+        default: undefined;
+    };
+    fetchOptions: {
+        type: PropType<ComboboxFetchOptions>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<ComboboxInputModelValue>;
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    startTypingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<PkComboboxSize>;
+        default: undefined;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaErrormessage: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    'update:modelValue': (value: ComboboxInputModelValue) => boolean;
+    create: (query: string) => boolean;
+    openChange: (open: boolean) => boolean;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    options: {
+        type: PropType<ComboboxInputOption[]>;
+        default: undefined;
+    };
+    fetchOptions: {
+        type: PropType<ComboboxFetchOptions>;
+        default: undefined;
+    };
+    modelValue: {
+        type: PropType<ComboboxInputModelValue>;
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    loadingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    startTypingMessage: {
+        type: StringConstructor;
+        default: string;
+    };
+    showClear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<PkComboboxSize>;
+        default: undefined;
+    };
+    allowCreate: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    id: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabel: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaDescribedby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaErrormessage: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    ariaLabelledby: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: ComboboxInputModelValue) => any) | undefined;
+    onCreate?: ((query: string) => any) | undefined;
+    onOpenChange?: ((open: boolean) => any) | undefined;
+}>, {
+    name: string;
+    invalid: boolean;
+    size: PkComboboxSize;
+    disabled: boolean;
+    options: ComboboxInputOption[];
+    fetchOptions: ComboboxFetchOptions;
+    modelValue: ComboboxInputModelValue;
+    multiple: boolean;
+    placeholder: string;
+    emptyMessage: string;
+    loadingMessage: string;
+    startTypingMessage: string;
+    showClear: boolean;
+    allowCreate: boolean;
+    id: string;
+    ariaLabel: string;
+    ariaDescribedby: string;
+    ariaErrormessage: string;
+    ariaLabelledby: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=ComboboxInput.d.ts.map

package/dist/components/ComboboxInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboboxInput.d.ts","sourceRoot":"","sources":["../../src/components/ComboboxInput.ts"],"names":[],"mappings":"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"}