@application-kit/ui 0.0.0-stage → 0.0.0

package/dist/components/form/DateField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { PORTAL_DATE_FORMAT } from "./date-format.js";
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import VendorDatePicker from "openvue/datepicker";
+//#region src/components/form/DateField.vue?vue&type=script&setup=true&lang.ts
+var DateField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DateField",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		maxDate: { default: void 0 },
+		placeholder: { default: void 0 },
+		showButtonBar: {
+			type: Boolean,
+			default: false
+		},
+		showIcon: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorDatePicker), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"date-format": unref(PORTAL_DATE_FORMAT),
+				disabled: __props.disabled,
+				"max-date": __props.maxDate,
+				placeholder: __props.placeholder,
+				"show-button-bar": __props.showButtonBar,
+				"show-icon": __props.showIcon
+			}, null, 8, [
+				"modelValue",
+				"date-format",
+				"disabled",
+				"max-date",
+				"placeholder",
+				"show-button-bar",
+				"show-icon"
+			]);
+		};
+	}
+});
+//#endregion
+export { DateField_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/DateRangeField.js

@@ -0,0 +1,5 @@
+import DateRangeField_vue_vue_type_script_setup_true_lang_default from "./DateRangeField.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/DateRangeField.vue
+var DateRangeField_default = DateRangeField_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DateRangeField_default as default };

package/dist/components/form/DateRangeField.vue.d.ts

@@ -0,0 +1,32 @@
+type __VLS_Props = {
+    maxDate?: Date | undefined;
+    numberOfMonths?: number;
+    placeholder?: string | undefined;
+    showIcon?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: (Date | null)[] | null;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    footer?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: (Date | null)[] | null) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: (Date | null)[] | null) => any;
+}>, {
+    placeholder: string | undefined;
+    maxDate: Date | undefined;
+    numberOfMonths: number;
+    showIcon: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/DateRangeField.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,48 @@
+import { PORTAL_DATE_FORMAT } from "./date-format.js";
+import { createBlock, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import VendorDatePicker from "openvue/datepicker";
+//#region src/components/form/DateRangeField.vue?vue&type=script&setup=true&lang.ts
+var DateRangeField_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DateRangeField",
+	props: /*@__PURE__*/ mergeModels({
+		maxDate: { default: void 0 },
+		numberOfMonths: { default: 1 },
+		placeholder: { default: void 0 },
+		showIcon: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: null },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorDatePicker), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				"date-format": unref(PORTAL_DATE_FORMAT),
+				"icon-display": "input",
+				"max-date": __props.maxDate,
+				"number-of-months": __props.numberOfMonths,
+				placeholder: __props.placeholder,
+				"selection-mode": "range",
+				"show-icon": __props.showIcon
+			}, {
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"date-format",
+				"max-date",
+				"number-of-months",
+				"placeholder",
+				"show-icon"
+			]);
+		};
+	}
+});
+//#endregion
+export { DateRangeField_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/InputNumber.js

@@ -0,0 +1,5 @@
+import InputNumber_vue_vue_type_script_setup_true_lang_default from "./InputNumber.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/InputNumber.vue
+var InputNumber_default = InputNumber_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InputNumber_default as default };

package/dist/components/form/InputNumber.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    fluid?: boolean;
+    min?: number;
+    showButtons?: boolean;
+};
+type __VLS_ModelProps = {
+    modelValue?: null | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: number | null | undefined) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/form/InputNumber.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import InputNumber from "openvue/inputnumber";
+//#region src/components/form/InputNumber.vue?vue&type=script&setup=true&lang.ts
+var InputNumber_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InputNumber",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		fluid: { type: Boolean },
+		min: {},
+		showButtons: { type: Boolean }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(InputNumber), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				fluid: __props.fluid,
+				min: __props.min,
+				"show-buttons": __props.showButtons
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"fluid",
+				"min",
+				"show-buttons"
+			]);
+		};
+	}
+});
+//#endregion
+export { InputNumber_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/InputOtp.js

@@ -0,0 +1,5 @@
+import InputOtp_vue_vue_type_script_setup_true_lang_default from "./InputOtp.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/InputOtp.vue
+var InputOtp_default = InputOtp_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InputOtp_default as default };

package/dist/components/form/InputOtp.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    autocomplete?: string | undefined;
+    disabled?: boolean;
+    integerOnly?: boolean;
+    invalid?: boolean;
+    length?: number;
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | undefined) => any;
+}>, {
+    length: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/form/InputOtp.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,39 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import InputOtp from "openvue/inputotp";
+var InputOtp_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InputOtp",
+	props: /*@__PURE__*/ mergeModels({
+		autocomplete: {},
+		disabled: { type: Boolean },
+		integerOnly: { type: Boolean },
+		invalid: { type: Boolean },
+		length: { default: 6 }
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(InputOtp), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				"integer-only": __props.integerOnly,
+				invalid: __props.invalid,
+				length: __props.length,
+				pt: { pcInputText: { root: { autocomplete: __props.autocomplete } } }
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"integer-only",
+				"invalid",
+				"length",
+				"pt"
+			]);
+		};
+	}
+});
+//#endregion
+export { InputOtp_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/InputText.js

@@ -0,0 +1,5 @@
+import InputText_vue_vue_type_script_setup_true_lang_default from "./InputText.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/InputText.vue
+var InputText_default = InputText_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { InputText_default as default };

package/dist/components/form/InputText.vue.d.ts

@@ -0,0 +1,17 @@
+type __VLS_Props = {
+    disabled?: boolean;
+    invalid?: boolean;
+    placeholder?: string;
+    type?: 'email' | 'password' | 'text';
+};
+type __VLS_ModelProps = {
+    modelValue?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string | undefined) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/form/InputText.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import InputText from "openvue/inputtext";
+//#region src/components/form/InputText.vue?vue&type=script&setup=true&lang.ts
+var InputText_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "InputText",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		placeholder: {},
+		type: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(InputText), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				invalid: __props.invalid,
+				placeholder: __props.placeholder,
+				type: __props.type
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"invalid",
+				"placeholder",
+				"type"
+			]);
+		};
+	}
+});
+//#endregion
+export { InputText_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/MultiSelect.js

@@ -0,0 +1,5 @@
+import MultiSelect_vue_vue_type_script_setup_true_lang_default from "./MultiSelect.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/MultiSelect.vue
+var MultiSelect_default = MultiSelect_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { MultiSelect_default as default };

package/dist/components/form/MultiSelect.vue.d.ts

@@ -0,0 +1,34 @@
+import type { VNode } from 'vue';
+declare const __VLS_export: <OptionType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        display?: "chip" | "comma";
+        maxSelectedLabels?: number | undefined;
+        optionLabel?: string | undefined;
+        options: OptionType[];
+        placeholder?: string | undefined;
+    } & {
+        modelValue: OptionType[];
+    }) & {
+        "onUpdate:modelValue"?: (value: OptionType[]) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        option?: (_scope: {
+            option: OptionType;
+            selected: boolean;
+        }) => VNode[];
+    };
+    emit: (event: "update:modelValue", value: OptionType[]) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/form/MultiSelect.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { createBlock, createSlots, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import VendorMultiSelect from "openvue/multiselect";
+//#region src/components/form/MultiSelect.vue?vue&type=script&setup=true&lang.ts
+var MultiSelect_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "MultiSelect",
+	props: /*@__PURE__*/ mergeModels({
+		display: { default: "comma" },
+		maxSelectedLabels: {},
+		optionLabel: {},
+		options: {},
+		placeholder: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorMultiSelect), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				display: __props.display,
+				"max-selected-labels": __props.maxSelectedLabels,
+				"option-label": __props.optionLabel,
+				options: __props.options,
+				placeholder: __props.placeholder
+			}, createSlots({ _: 2 }, [_ctx.$slots.option ? {
+				name: "option",
+				fn: withCtx(({ option, selected }) => [renderSlot(_ctx.$slots, "option", {
+					option,
+					selected
+				})]),
+				key: "0"
+			} : void 0]), 1032, [
+				"modelValue",
+				"display",
+				"max-selected-labels",
+				"option-label",
+				"options",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { MultiSelect_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/RadioButton.js

@@ -0,0 +1,5 @@
+import RadioButton_vue_vue_type_script_setup_true_lang_default from "./RadioButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/RadioButton.vue
+var RadioButton_default = RadioButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RadioButton_default as default };

package/dist/components/form/RadioButton.vue.d.ts

@@ -0,0 +1,27 @@
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        disabled?: boolean;
+        inputId?: string;
+        name?: string;
+        value: T;
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: (value: T) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "update:modelValue", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/form/RadioButton.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,37 @@
+import { createBlock, defineComponent, mergeModels, openBlock, unref, useModel } from "vue";
+import RadioButton from "openvue/radiobutton";
+//#region src/components/form/RadioButton.vue?vue&type=script&setup=true&lang.ts
+var RadioButton_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RadioButton",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: { type: Boolean },
+		inputId: {},
+		name: {},
+		value: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioButton), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				"input-id": __props.inputId,
+				name: __props.name,
+				value: __props.value
+			}, null, 8, [
+				"modelValue",
+				"disabled",
+				"input-id",
+				"name",
+				"value"
+			]);
+		};
+	}
+});
+//#endregion
+export { RadioButton_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/Select.js

@@ -0,0 +1,5 @@
+import Select_vue_vue_type_script_setup_true_lang_default from "./Select.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/Select.vue
+var Select_default = Select_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Select_default as default };

package/dist/components/form/Select.vue.d.ts

@@ -0,0 +1,41 @@
+import type { VNode } from 'vue';
+declare const __VLS_export: <OptionType, ValueType>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        disabled?: boolean;
+        filter?: boolean;
+        fluid?: boolean;
+        invalid?: boolean;
+        loading?: boolean;
+        optionLabel?: string | undefined;
+        options: OptionType[];
+        optionValue?: string | undefined;
+        placeholder?: string | undefined;
+    } & {
+        modelValue: ValueType;
+    }) & {
+        "onUpdate:modelValue"?: (value: ValueType) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {
+        option?: (_scope: {
+            option: OptionType;
+            selected: boolean;
+        }) => VNode[];
+        value?: (_scope: {
+            value: ValueType;
+        }) => VNode[];
+    };
+    emit: (event: "update:modelValue", value: ValueType) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/form/Select.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,78 @@
+import { createBlock, createSlots, defineComponent, mergeModels, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+import VendorSelect from "openvue/select";
+//#region src/components/form/Select.vue?vue&type=script&setup=true&lang.ts
+var Select_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Select",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		filter: {
+			type: Boolean,
+			default: false
+		},
+		fluid: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		optionLabel: {},
+		options: {},
+		optionValue: {},
+		placeholder: {}
+	}, {
+		"modelValue": { required: true },
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const model = useModel(__props, "modelValue");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(VendorSelect), {
+				modelValue: model.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+				disabled: __props.disabled,
+				filter: __props.filter,
+				fluid: __props.fluid,
+				invalid: __props.invalid,
+				loading: __props.loading,
+				"option-label": __props.optionLabel,
+				options: __props.options,
+				"option-value": __props.optionValue,
+				placeholder: __props.placeholder
+			}, createSlots({ _: 2 }, [_ctx.$slots.value ? {
+				name: "value",
+				fn: withCtx(({ value }) => [renderSlot(_ctx.$slots, "value", { value })]),
+				key: "0"
+			} : void 0, _ctx.$slots.option ? {
+				name: "option",
+				fn: withCtx(({ option, selected }) => [renderSlot(_ctx.$slots, "option", {
+					option,
+					selected
+				})]),
+				key: "1"
+			} : void 0]), 1032, [
+				"modelValue",
+				"disabled",
+				"filter",
+				"fluid",
+				"invalid",
+				"loading",
+				"option-label",
+				"options",
+				"option-value",
+				"placeholder"
+			]);
+		};
+	}
+});
+//#endregion
+export { Select_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/form/SelectButton.js

@@ -0,0 +1,5 @@
+import SelectButton_vue_vue_type_script_setup_true_lang_default from "./SelectButton.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/form/SelectButton.vue
+var SelectButton_default = SelectButton_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SelectButton_default as default };

package/dist/components/form/SelectButton.vue.d.ts

@@ -0,0 +1,27 @@
+import type { SelectButtonOptionInterface } from './select-button-option.interface';
+declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<({
+        allowEmpty?: boolean;
+        disabled?: boolean;
+        options: SelectButtonOptionInterface<T>[];
+    } & {
+        modelValue: T;
+    }) & {
+        "onUpdate:modelValue"?: (value: T) => any;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: (event: "update:modelValue", value: T) => void;
+}>) => import("vue").VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};