vunor 0.3.1 → 0.4.0

package/dist/ProgressBar.mjs

@@ -1,3 +1,4 @@
+import { n as useForwardToRoot } from "./forward-root-DPGTBptG.js";
 import { createBlock, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, unref, withCtx } from "vue";
 import { ProgressIndicator, ProgressRoot } from "reka-ui";
 //#endregion
@@ -5,42 +6,25 @@ import { ProgressIndicator, ProgressRoot } from "reka-ui";
 var ProgressBar_default = /* @__PURE__ */ defineComponent({
 	__name: "ProgressBar",
 	props: {
-		modelValue: {
-			type: [Number, null],
-			required: false
-		},
-		max: {
-			type: Number,
-			required: false,
-			default: 100
-		},
-		getValueLabel: {
-			type: Function,
-			required: false
-		},
-		getValueText: {
-			type: Function,
-			required: false
-		},
+		modelValue: {},
+		max: { default: 100 },
+		getValueLabel: {},
+		getValueText: {},
 		asChild: {
 			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false
+			default: void 0
 		},
+		as: {},
 		loading: {
 			type: Boolean,
-			required: false,
 			default: true
 		}
 	},
-	setup(__props) {
-		const props = __props;
+	emits: ["update:modelValue", "update:max"],
+	setup(__props, { emit: __emit }) {
+		const rootProps = useForwardToRoot(ProgressRoot, __props, __emit);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ProgressRoot), mergeProps(props, {
-				loading: void 0,
+			return openBlock(), createBlock(unref(ProgressRoot), mergeProps(unref(rootProps), {
 				class: "progress-track",
 				style: { "transform": "translateZ(0)" },
 				"data-loading": __props.loading !== false && Number(__props.modelValue) < __props.max ? "" : void 0

package/dist/RadioGroup.d.mts

@@ -1,9 +1,10 @@
+import type { RadioGroupRootProps } from 'reka-ui';
 declare const __VLS_export: <T extends {
     value: string;
     label: string;
     disabled?: boolean;
 }>(__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<({
+    props: import("vue").PublicProps & __VLS_PrettifyLocal<(Pick<RadioGroupRootProps, "required" | "name" | "orientation" | "dir" | "loop"> & {
         items: Array<string | T>;
         defaultValue?: string;
         label?: string;

package/dist/RadioGroup.mjs

@@ -1,3 +1,4 @@
+import { n as useForwardToRoot } from "./forward-root-DPGTBptG.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, renderList, renderSlot, toDisplayString, unref, useModel, withCtx } from "vue";
 import { RadioGroupIndicator, RadioGroupItem, RadioGroupRoot, useId } from "reka-ui";
 //#region src/components/RadioGroup/RadioGroup.vue?vue&type=script&setup=true&lang.ts
@@ -11,57 +12,42 @@ const _hoisted_2 = ["for", "aria-disabled"];
 var RadioGroup_default = /* @__PURE__ */ defineComponent({
 	__name: "RadioGroup",
 	props: /* @__PURE__ */ mergeModels({
-		items: {
-			type: Array,
-			required: true
-		},
-		defaultValue: {
-			type: String,
-			required: false
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		labelVisible: {
-			type: Boolean,
-			required: false
-		},
-		row: {
-			type: Boolean,
-			required: false
-		},
-		disabledValues: {
-			type: Array,
-			required: false
-		},
-		disabled: {
+		orientation: {},
+		dir: {},
+		loop: {
 			type: Boolean,
-			required: false
-		},
-		class: {
-			type: [String, Object],
-			required: false
+			default: void 0
 		},
-		error: {
-			type: [String, Boolean],
-			required: false
-		},
-		verticalMiddle: {
+		name: {},
+		required: {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
-		reverse: {
-			type: Boolean,
-			required: false
-		}
+		items: {},
+		defaultValue: {},
+		label: {},
+		labelVisible: { type: Boolean },
+		row: { type: Boolean },
+		disabledValues: {},
+		disabled: { type: Boolean },
+		class: {},
+		error: { type: [String, Boolean] },
+		verticalMiddle: { type: Boolean },
+		reverse: { type: Boolean }
 	}, {
-		"modelValue": { type: String },
+		"modelValue": {},
 		"modelModifiers": {}
 	}),
 	emits: ["update:modelValue"],
 	setup(__props) {
 		const props = __props;
+		const rootProps = useForwardToRoot(RadioGroupRoot, props, void 0, [
+			"modelValue",
+			"defaultValue",
+			"disabled",
+			"asChild",
+			"as"
+		]);
 		const _items = computed(() => {
 			return props.items.map((item) => typeof item === "string" ? {
 				value: item,
@@ -75,17 +61,17 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(["rb-container", __props.class]) }, [
-				!!__props.label && __props.labelVisible ? (openBlock(), createElementBlock("label", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true),
-				createVNode(unref(RadioGroupRoot), {
+				!!__props.label && __props.labelVisible ? (openBlock(), createElementBlock("label", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("", true),
+				createVNode(unref(RadioGroupRoot), mergeProps(unref(rootProps), {
 					modelValue: modelValue.value,
 					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
-					class: normalizeClass(["rb-root", { "rb-row": __props.row }]),
+					class: ["rb-root", { "rb-row": __props.row }],
 					"default-value": __props.defaultValue,
 					"aria-label": __props.label,
 					disabled: __props.disabled,
 					"data-error": !!__props.error,
 					"aria-disabled": __props.disabled
-				}, {
+				}), {
 					default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_items.value, (item) => {
 						return openBlock(), createElementBlock("div", { class: normalizeClass(["rb-item-wrapper", {
 							"items-center": __props.verticalMiddle,
@@ -114,7 +100,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 						}, [renderSlot(_ctx.$slots, "default", mergeProps({ ref_for: true }, item), () => [createTextVNode(toDisplayString(item.label), 1)])], 8, _hoisted_2)], 2);
 					}), 256))]),
 					_: 3
-				}, 8, [
+				}, 16, [
 					"modelValue",
 					"class",
 					"default-value",
@@ -126,7 +112,7 @@ var RadioGroup_default = /* @__PURE__ */ defineComponent({
 				!!__props.error && typeof __props.error === "string" ? (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(["text-caption text-error-500 text-mt-0", { "text-right": __props.reverse }])
-				}, toDisplayString(__props.error), 3)) : createCommentVNode("v-if", true)
+				}, toDisplayString(__props.error), 3)) : createCommentVNode("", true)
 			], 2);
 		};
 	}

package/dist/Select.d.mts

@@ -64,10 +64,25 @@ interface TSelectItem {
     disabled?: boolean;
 }
 type TSelectItems<T extends TSelectItem = TSelectItem> = Array<T | string> | Record<string, Array<T | string>>;
-interface TSelectBaseProps<T extends TSelectItem> {
+/** Select model: a string, or an array of strings with `multiple` */
+type TSelectModel<M extends boolean = false> = M extends true ? string[] : string;
+interface TSelectBaseProps<T extends TSelectItem, M extends boolean = false> {
     required?: boolean;
     disabledValues?: Array<string | null | undefined>;
-    defaultValue?: string | null | undefined;
+    /** Initial value when uncontrolled (an array with `multiple`). */
+    defaultValue?: TSelectModel<M> | null | undefined;
+    /** Initial open state when `v-model:open` is not used. */
+    defaultOpen?: boolean;
+    /** Allow selecting several values; the model becomes an array. */
+    multiple?: M;
+    /** Compare values by a field or a function (forwarded to Reka `SelectRoot`). */
+    by?: string | ((a: unknown, b: unknown) => boolean);
+    /** Reading direction (forwarded to Reka `SelectRoot`). */
+    dir?: 'ltr' | 'rtl';
+    /** Native `autocomplete` of the hidden form select. */
+    autocomplete?: string;
+    /** Form field name: the value is submitted with the enclosing `<form>`. */
+    name?: string;
     popupClass?: string | Record<string, boolean>;
     popupRound?: boolean;
     valueClass?: string | Record<string, boolean>;
@@ -84,9 +99,10 @@ interface TSelectBaseProps<T extends TSelectItem> {
 }
 
 
-declare const __VLS_export: <T extends TSelectItem>(__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<(Omit<TInputProps & TInputBaseProps, "active"> & TSelectBaseProps<T> & {
-        modelValue?: string;
+declare const __VLS_export: <T extends TSelectItem, M extends boolean = false>(__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<(Omit<TInputProps & TInputBaseProps, "active"> & TSelectBaseProps<T, M> & {
+        modelValue?: TSelectModel<M>;
+        open?: boolean;
     }) & {
         onPrependClick?: ((event: MouseEvent) => any) | undefined;
         onAppendClick?: ((event: MouseEvent) => any) | undefined;
@@ -95,14 +111,15 @@ declare const __VLS_export: <T extends TSelectItem>(__VLS_props: NonNullable<Awa
         onBeforeClick?: ((event: MouseEvent) => any) | undefined;
         onAfterClick?: ((event: MouseEvent) => any) | undefined;
         onClick?: ((event: MouseEvent) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: TSelectModel<M> | undefined) => any) | undefined;
     }> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: TInputEmits & ((event: "update:modelValue", value: string | undefined) => void);
+    emit: TInputEmits & (((event: "update:open", value: boolean) => void) & ((event: "update:modelValue", value: TSelectModel<M> | undefined) => void));
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/Select.mjs

@@ -1,5 +1,6 @@
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, mergeProps, normalizeClass, openBlock, unref, useModel, withCtx } from "vue";
-import { SelectTrigger, SelectValue } from "reka-ui";
+import { n as useForwardToRoot } from "./forward-root-DPGTBptG.js";
+import { computed, createBlock, createVNode, defineComponent, mergeModels, mergeProps, openBlock, unref, useModel, withCtx } from "vue";
+import { SelectRoot, SelectTrigger, SelectValue } from "reka-ui";
 import { useInputBaseProps, useInputProps } from "vunor";
 import VuInput from "vunor/Input";
 import VuInputBase from "vunor/InputBase";
@@ -7,180 +8,67 @@ import VuSelectBase from "vunor/SelectBase";
 //#endregion
 //#region src/components/Select/Select.vue
 var Select_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
 	__name: "Select",
 	props: /* @__PURE__ */ mergeModels({
-		iconBefore: {
-			type: String,
-			required: false
-		},
-		iconAfter: {
-			type: String,
-			required: false
-		},
-		error: {
-			type: [String, Boolean],
-			required: false
-		},
-		hint: {
-			type: String,
-			required: false
-		},
-		groupTemplate: {
-			type: String,
-			required: false
-		},
-		stackLabel: {
+		iconBefore: {},
+		iconAfter: {},
+		error: { type: [String, Boolean] },
+		hint: {},
+		groupTemplate: {},
+		stackLabel: { type: Boolean },
+		onBeforeClick: {},
+		onAfterClick: {},
+		onClick: {},
+		onBlur: {},
+		onFocus: {},
+		label: {},
+		design: {},
+		iconPrepend: {},
+		iconAppend: {},
+		groupItem: { type: Boolean },
+		autoGrow: { type: Boolean },
+		loading: { type: Boolean },
+		noUnderline: { type: Boolean },
+		onAppendClick: {},
+		onPrependClick: {},
+		placeholder: {},
+		type: {},
+		rows: {},
+		required: { type: Boolean },
+		maxlength: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		autocomplete: {},
+		disabledValues: {},
+		defaultValue: {},
+		defaultOpen: {
 			type: Boolean,
-			required: false
-		},
-		onBeforeClick: {
-			type: Function,
-			required: false
-		},
-		onAfterClick: {
-			type: Function,
-			required: false
-		},
-		onClick: {
-			type: Function,
-			required: false
-		},
-		onBlur: {
-			type: Function,
-			required: false
-		},
-		onFocus: {
-			type: Function,
-			required: false
-		},
-		label: {
-			type: String,
-			required: false
-		},
-		design: {
-			type: String,
-			required: false
-		},
-		iconPrepend: {
-			type: String,
-			required: false
-		},
-		iconAppend: {
-			type: String,
-			required: false
-		},
-		groupItem: {
-			type: Boolean,
-			required: false
-		},
-		autoGrow: {
-			type: Boolean,
-			required: false
-		},
-		loading: {
-			type: Boolean,
-			required: false
-		},
-		noUnderline: {
-			type: Boolean,
-			required: false
-		},
-		onAppendClick: {
-			type: Function,
-			required: false
-		},
-		onPrependClick: {
-			type: Function,
-			required: false
-		},
-		placeholder: {
-			type: String,
-			required: false
-		},
-		type: {
-			type: String,
-			required: false
-		},
-		rows: {
-			type: Number,
-			required: false
-		},
-		required: {
-			type: Boolean,
-			required: false
-		},
-		maxlength: {
-			type: Number,
-			required: false
-		},
-		disabled: {
-			type: Boolean,
-			required: false
-		},
-		readonly: {
-			type: Boolean,
-			required: false
-		},
-		autocomplete: {
-			type: String,
-			required: false
-		},
-		disabledValues: {
-			type: Array,
-			required: false
-		},
-		defaultValue: {
-			type: null,
-			required: false
-		},
-		popupClass: {
-			type: [String, Object],
-			required: false
-		},
-		popupRound: {
+			default: void 0
+		},
+		multiple: { default: void 0 },
+		by: {},
+		dir: {},
+		name: {},
+		popupClass: {},
+		popupRound: { type: Boolean },
+		valueClass: {},
+		iconClass: {},
+		class: {},
+		items: {},
+		popupPosition: {},
+		side: {},
+		sideOffset: { default: 2 },
+		sticky: {},
+		updatePositionStrategy: {}
+	}, {
+		"modelValue": {},
+		"modelModifiers": {},
+		"open": {
 			type: Boolean,
-			required: false
+			default: void 0
 		},
-		valueClass: {
-			type: [String, Object],
-			required: false
-		},
-		iconClass: {
-			type: [String, Object],
-			required: false
-		},
-		class: {
-			type: [String, Object],
-			required: false
-		},
-		items: {
-			type: [Array, Object],
-			required: true
-		},
-		popupPosition: {
-			type: String,
-			required: false
-		},
-		side: {
-			type: String,
-			required: false
-		},
-		sideOffset: {
-			type: Number,
-			required: false,
-			default: 2
-		},
-		sticky: {
-			type: String,
-			required: false
-		},
-		updatePositionStrategy: {
-			type: String,
-			required: false
-		}
-	}, {
-		"modelValue": { type: String },
-		"modelModifiers": {}
+		"openModifiers": {}
 	}),
 	emits: /* @__PURE__ */ mergeModels([
 		"beforeClick",
@@ -190,43 +78,56 @@ var Select_default = /* @__PURE__ */ defineComponent({
 		"appendClick",
 		"blur",
 		"focus"
-	], ["update:modelValue"]),
+	], ["update:modelValue", "update:open"]),
 	setup(__props) {
 		const props = __props;
+		const inputProps = useInputProps();
+		const inputBaseProps = useInputBaseProps();
 		const forwardProps = computed(() => {
-			if (props.groupItem) return useInputBaseProps()?.value;
-			return useInputProps()?.value;
+			if (props.groupItem) return {
+				...inputBaseProps?.value,
+				onClick: props.onClick
+			};
+			return inputProps?.value;
 		});
 		const modelValue = useModel(__props, "modelValue");
+		const open = useModel(__props, "open");
+		const rootProps = useForwardToRoot(SelectRoot, props, void 0, [
+			"modelValue",
+			"open",
+			"disabled",
+			"required"
+		]);
 		function onFocus(event) {
 			event.target?.querySelector?.("input")?.focus();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(VuSelectBase, {
+			return openBlock(), createBlock(VuSelectBase, mergeProps(unref(rootProps), {
 				modelValue: modelValue.value,
 				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event),
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
 				"disabled-values": __props.disabledValues,
 				"popup-class": __props.popupClass,
 				"popup-round": __props.popupRound,
 				"value-class": __props.valueClass,
 				"icon-class": __props.iconClass,
-				class: normalizeClass(__props.class),
+				class: __props.class,
 				items: __props.items,
 				required: __props.required,
 				disabled: __props.disabled,
 				placeholder: __props.placeholder,
-				defaultValue: __props.defaultValue,
 				popupPosition: __props.popupPosition,
 				side: __props.side,
 				sideOffset: __props.sideOffset,
 				sticky: __props.sticky,
 				updatePositionStrategy: __props.updatePositionStrategy
-			}, {
-				default: withCtx((s) => [__props.groupItem ? (openBlock(), createBlock(unref(SelectTrigger), {
+			}), {
+				default: withCtx((s) => [__props.groupItem ? (openBlock(), createBlock(unref(SelectTrigger), mergeProps({
 					key: 0,
 					"as-child": ""
-				}, {
-					default: withCtx(() => [createCommentVNode(" prettier-ignore-attribute v-model "), createVNode(VuInputBase, mergeProps({ class: "cursor-pointer select-none" }, forwardProps.value, {
+				}, _ctx.$attrs, { class: __props.class }), {
+					default: withCtx(() => [createVNode(VuInputBase, mergeProps({ class: "cursor-pointer select-none" }, forwardProps.value, {
 						"icon-append": typeof __props.iconAppend === "string" ? __props.iconAppend : s.icon,
 						"model-value": s.displayItem?.label || s.displayItem?.value,
 						active: s.open,
@@ -244,7 +145,13 @@ var Select_default = /* @__PURE__ */ defineComponent({
 						"onClick"
 					])]),
 					_: 2
-				}, 1024)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createCommentVNode(" prettier-ignore-attribute v-model "), createVNode(VuInput, mergeProps({ class: "select-none" }, forwardProps.value, {
+				}, 1040, ["class"])) : (openBlock(), createBlock(VuInput, mergeProps({
+					key: 1,
+					class: ["select-none", __props.class]
+				}, {
+					..._ctx.$attrs,
+					...forwardProps.value
+				}, {
 					"icon-append": typeof __props.iconAppend === "string" ? __props.iconAppend : s.icon,
 					"model-value": s.displayItem?.label || s.displayItem?.value,
 					active: s.open,
@@ -253,7 +160,7 @@ var Select_default = /* @__PURE__ */ defineComponent({
 					onClick: s.openPopup
 				}), {
 					default: withCtx((shellProps) => [createVNode(unref(SelectTrigger), { "as-child": "" }, {
-						default: withCtx(() => [createCommentVNode(" prettier-ignore-attribute v-model "), createVNode(VuInputBase, mergeProps({ class: "cursor-pointer select-none" }, shellProps, {
+						default: withCtx(() => [createVNode(VuInputBase, mergeProps({ class: "cursor-pointer select-none" }, shellProps, {
 							"model-value": s.displayItem?.label || s.displayItem?.value,
 							readonly: "",
 							type: "text",
@@ -267,15 +174,17 @@ var Select_default = /* @__PURE__ */ defineComponent({
 					}, 1024)]),
 					_: 2
 				}, 1040, [
+					"class",
 					"icon-append",
 					"model-value",
 					"active",
 					"stack-label",
 					"onClick"
-				])], 2112))]),
+				]))]),
 				_: 1
-			}, 8, [
+			}, 16, [
 				"modelValue",
+				"open",
 				"disabled-values",
 				"popup-class",
 				"popup-round",
@@ -286,7 +195,6 @@ var Select_default = /* @__PURE__ */ defineComponent({
 				"required",
 				"disabled",
 				"placeholder",
-				"defaultValue",
 				"popupPosition",
 				"side",
 				"sideOffset",