niuma-ui 1.3.9 → 2.0.1

package/dist/components/pagination/src/RsPagination.impl.js

@@ -0,0 +1,208 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsButton_default from "../../button/src/RsButton.js";
+import RsInput_default from "../../input/src/RsInput.js";
+import RsSelect_default from "../../select/src/RsSelect.js";
+import { DEFAULT_PAGE_SIZE_OPTIONS, clampPage, getPageCount, getPaginationRange } from "./pagination-utils.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useModel, watch, withCtx } from "vue";
+//#region src/components/pagination/src/RsPagination.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-pagination__summary"
+};
+var _hoisted_3 = { class: "rs-pagination__buttons" };
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-pagination__ellipsis"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-pagination__jumper"
+};
+var _hoisted_6 = { class: "rs-pagination__jumper-label" };
+var _hoisted_7 = { class: "rs-pagination__jumper-input" };
+var _hoisted_8 = {
+	key: 0,
+	class: "rs-pagination__jumper-suffix"
+};
+var _hoisted_9 = {
+	key: 2,
+	class: "rs-pagination__size"
+};
+var controlRadius = "sm";
+var RsPagination_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsPagination",
+	props: /*@__PURE__*/ mergeModels({
+		total: {},
+		siblingCount: { default: 1 },
+		showSummary: {
+			type: Boolean,
+			default: true
+		},
+		showPageSize: {
+			type: Boolean,
+			default: false
+		},
+		showQuickJumper: {
+			type: Boolean,
+			default: false
+		},
+		showJumpConfirm: {
+			type: Boolean,
+			default: false
+		},
+		pageSizeOptions: { default: () => DEFAULT_PAGE_SIZE_OPTIONS },
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" }
+	}, {
+		"page": { default: 1 },
+		"pageModifiers": {},
+		"pageSize": { default: 20 },
+		"pageSizeModifiers": {}
+	}),
+	emits: ["update:page", "update:pageSize"],
+	setup(__props) {
+		const page = useModel(__props, "page");
+		const pageSize = useModel(__props, "pageSize");
+		const props = __props;
+		const { t } = useRsI18n();
+		const jumpPageInput = ref(String(page.value));
+		const pageCount = computed(() => getPageCount(props.total, pageSize.value));
+		const range = computed(() => getPaginationRange(page.value, pageCount.value, props.siblingCount));
+		const summaryText = computed(() => t("pagination.summary", "{total, plural, one {# item} other {# items}}", { total: props.total }));
+		const pageSizeSelectValue = computed({
+			get: () => String(pageSize.value),
+			set: (value) => {
+				pageSize.value = Number(value);
+			}
+		});
+		const pageSizeSelectOptions = computed(() => props.pageSizeOptions.map((option) => ({
+			label: `${option} / ${t("pagination.page")}`,
+			value: String(option)
+		})));
+		const showJumper = computed(() => props.showQuickJumper && pageCount.value > 1);
+		/** 页码按钮用 sm 圆角，避免 Button 默认 full 胶囊 */
+		const controlSize = computed(() => props.size);
+		watch(pageCount, (count) => {
+			page.value = clampPage(page.value, count);
+		});
+		watch(page, (value) => {
+			jumpPageInput.value = String(value);
+		});
+		function go(next) {
+			if (props.disabled) return;
+			page.value = clampPage(next, pageCount.value);
+		}
+		function confirmJump() {
+			if (props.disabled) return;
+			const parsed = Number.parseInt(jumpPageInput.value.trim(), 10);
+			if (Number.isNaN(parsed)) {
+				jumpPageInput.value = String(page.value);
+				return;
+			}
+			go(parsed);
+			jumpPageInput.value = String(page.value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				class: normalizeClass(["rs-pagination", [`rs-pagination--${__props.size}`, { "rs-pagination--no-jump-confirm": !__props.showJumpConfirm }]]),
+				"aria-label": unref(t)("pagination.label")
+			}, [
+				__props.showSummary ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(summaryText.value), 1)) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_3, [
+					createVNode(RsButton_default, {
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled || page.value <= 1,
+						onClick: _cache[0] || (_cache[0] = ($event) => go(page.value - 1))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.prev")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"]),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(range.value, (item, index) => {
+						return openBlock(), createElementBlock(Fragment, { key: `${item}-${index}` }, [item === "ellipsis" ? (openBlock(), createElementBlock("span", _hoisted_4, "...")) : (openBlock(), createBlock(RsButton_default, {
+							key: 1,
+							variant: "text",
+							tone: item === page.value ? "primary" : "neutral",
+							size: controlSize.value,
+							radius: controlRadius,
+							class: normalizeClass(["rs-pagination__page", { "rs-pagination__page--active": item === page.value }]),
+							disabled: __props.disabled,
+							onClick: ($event) => go(item)
+						}, {
+							default: withCtx(() => [createTextVNode(toDisplayString(item), 1)]),
+							_: 2
+						}, 1032, [
+							"tone",
+							"size",
+							"class",
+							"disabled",
+							"onClick"
+						]))], 64);
+					}), 128)),
+					createVNode(RsButton_default, {
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled || page.value >= pageCount.value,
+						onClick: _cache[1] || (_cache[1] = ($event) => go(page.value + 1))
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.next")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"])
+				]),
+				showJumper.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+					createElementVNode("span", _hoisted_6, toDisplayString(unref(t)("pagination.jumpTo")), 1),
+					createElementVNode("div", _hoisted_7, [createVNode(RsInput_default, {
+						modelValue: jumpPageInput.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => jumpPageInput.value = $event),
+						size: controlSize.value,
+						radius: controlRadius,
+						disabled: __props.disabled,
+						onPressEnter: confirmJump,
+						onBlur: confirmJump
+					}, null, 8, [
+						"modelValue",
+						"size",
+						"disabled"
+					])]),
+					unref(t)("pagination.jumpPageSuffix") ? (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(unref(t)("pagination.jumpPageSuffix")), 1)) : createCommentVNode("", true),
+					__props.showJumpConfirm ? (openBlock(), createBlock(RsButton_default, {
+						key: 1,
+						variant: "ghost",
+						size: controlSize.value,
+						radius: controlRadius,
+						class: "rs-pagination__jumper-btn",
+						disabled: __props.disabled,
+						onClick: confirmJump
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("pagination.jumpConfirm")), 1)]),
+						_: 1
+					}, 8, ["size", "disabled"])) : createCommentVNode("", true)
+				])) : createCommentVNode("", true),
+				__props.showPageSize ? (openBlock(), createElementBlock("div", _hoisted_9, [createVNode(RsSelect_default, {
+					modelValue: pageSizeSelectValue.value,
+					"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => pageSizeSelectValue.value = $event),
+					options: pageSizeSelectOptions.value,
+					size: controlSize.value,
+					radius: controlRadius,
+					disabled: __props.disabled,
+					placeholder: unref(t)("select.placeholder"),
+					block: ""
+				}, null, 8, [
+					"modelValue",
+					"options",
+					"size",
+					"disabled",
+					"placeholder"
+				])])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsPagination_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/pagination/src/RsPagination.js

@@ -0,0 +1,8 @@
+import './RsPagination.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsPagination_vue_vue_type_script_setup_true_lang_default from "./RsPagination.impl.js";
+
+//#region src/components/pagination/src/RsPagination.vue
+var RsPagination_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsPagination_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6db615ba"]]);
+//#endregion
+export { RsPagination_default as default };

package/dist/components/pagination/src/pagination-utils.js

@@ -0,0 +1,53 @@
+//#region src/components/pagination/src/pagination-utils.ts
+var DEFAULT_PAGE_SIZE_OPTIONS = [
+	10,
+	20,
+	50,
+	100
+];
+function getPageCount(total, pageSize) {
+	if (pageSize <= 0) return 1;
+	return Math.max(1, Math.ceil(Math.max(0, total) / pageSize));
+}
+function clampPage(page, pageCount) {
+	return Math.min(Math.max(1, page), Math.max(1, pageCount));
+}
+function getPaginationRange(page, pageCount, siblingCount = 1) {
+	if (pageCount <= siblingCount * 2 + 5) return Array.from({ length: pageCount }, (_, index) => index + 1);
+	const leftSibling = Math.max(page - siblingCount, 1);
+	const rightSibling = Math.min(page + siblingCount, pageCount);
+	const showLeftEllipsis = leftSibling > 2;
+	const showRightEllipsis = rightSibling < pageCount - 1;
+	if (!showLeftEllipsis && showRightEllipsis) return [
+		...Array.from({ length: 3 + siblingCount * 2 }, (_, index) => index + 1),
+		"ellipsis",
+		pageCount
+	];
+	if (showLeftEllipsis && !showRightEllipsis) {
+		const start = pageCount - (2 + siblingCount * 2);
+		return [
+			1,
+			"ellipsis",
+			...Array.from({ length: 3 + siblingCount * 2 }, (_, index) => start + index)
+		];
+	}
+	return [
+		1,
+		"ellipsis",
+		...Array.from({ length: rightSibling - leftSibling + 1 }, (_, index) => leftSibling + index),
+		"ellipsis",
+		pageCount
+	];
+}
+function slicePageData(data, page, pageSize) {
+	const start = (clampPage(page, getPageCount(data.length, pageSize)) - 1) * pageSize;
+	return data.slice(start, start + pageSize);
+}
+function createPageSizeSelectOptions(options = DEFAULT_PAGE_SIZE_OPTIONS) {
+	return options.map((value) => ({
+		label: String(value),
+		value: String(value)
+	}));
+}
+//#endregion
+export { DEFAULT_PAGE_SIZE_OPTIONS, clampPage, createPageSizeSelectOptions, getPageCount, getPaginationRange, slicePageData };

package/dist/components/popover/index.d.ts

@@ -0,0 +1 @@
+export { default as RsPopover } from './src/RsPopover.js';

package/dist/components/popover/src/RsPopover.impl.js

@@ -0,0 +1,71 @@
+import { PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from "../../_shared/src/reka.js";
+import { computed, createBlock, createCommentVNode, createVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, unref, useModel, withCtx } from "vue";
+//#region src/components/popover/src/RsPopover.vue?vue&type=script&setup=true&lang.ts
+var RsPopover_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsPopover",
+	props: /*@__PURE__*/ mergeModels({
+		side: { default: "bottom" },
+		align: { default: "start" },
+		sideOffset: { default: 6 },
+		modal: {
+			type: Boolean,
+			default: false
+		},
+		width: { default: "md" },
+		lazyMount: {
+			type: Boolean,
+			default: true
+		},
+		forceMount: {
+			type: Boolean,
+			default: false
+		},
+		popupClassName: {}
+	}, {
+		"open": {
+			type: Boolean,
+			default: false
+		},
+		"openModifiers": {}
+	}),
+	emits: ["update:open"],
+	setup(__props) {
+		const open = useModel(__props, "open");
+		const props = __props;
+		const contentForceMount = computed(() => props.forceMount || !props.lazyMount);
+		const portalMounted = computed(() => props.forceMount || !props.lazyMount || open.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopoverRoot), {
+				open: open.value,
+				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event),
+				modal: __props.modal
+			}, {
+				default: withCtx(() => [createVNode(unref(PopoverTrigger), { "as-child": "" }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}), portalMounted.value ? (openBlock(), createBlock(unref(PopoverPortal), { key: 0 }, {
+					default: withCtx(() => [createVNode(unref(PopoverContent), {
+						class: normalizeClass(["rs-popover__content", [`rs-popover__content--${__props.width}`, __props.popupClassName]]),
+						side: __props.side,
+						align: __props.align,
+						"side-offset": __props.sideOffset,
+						"force-mount": contentForceMount.value
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "content")]),
+						_: 3
+					}, 8, [
+						"class",
+						"side",
+						"align",
+						"side-offset",
+						"force-mount"
+					])]),
+					_: 3
+				})) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["open", "modal"]);
+		};
+	}
+});
+//#endregion
+export { RsPopover_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/popover/src/RsPopover.js

@@ -0,0 +1,7 @@
+import './RsPopover.css'
+import RsPopover_vue_vue_type_script_setup_true_lang_default from "./RsPopover.impl.js";
+
+//#region src/components/popover/src/RsPopover.vue
+var RsPopover_default = RsPopover_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsPopover_default as default };

package/dist/components/prose-editor/index.d.ts

@@ -0,0 +1 @@
+export { default as RsProseEditor } from './src/RsProseEditor.js';

package/dist/components/prose-editor/src/RsProseEditor.css

@@ -0,0 +1,19 @@
+
+.rs-prose-editor[data-v-78409e02] {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-height: 0;
+  overflow: hidden;
+}
+.rs-prose-editor__cm[data-v-78409e02] {
+  flex: 1;
+  min-height: 0;
+  overflow: auto;
+}
+.rs-prose-editor__cm[data-v-78409e02] .cm-editor {
+  height: 100%;
+}
+.rs-prose-editor--readonly[data-v-78409e02] {
+  opacity: 0.72;
+}

package/dist/components/prose-editor/src/RsProseEditor.impl.js

@@ -0,0 +1,137 @@
+import { createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, shallowRef, useModel, watch } from "vue";
+import { EditorState } from "@codemirror/state";
+import { EditorView, drawSelection, dropCursor, keymap, placeholder } from "@codemirror/view";
+import { defaultKeymap, history, historyKeymap } from "@codemirror/commands";
+//#region src/components/prose-editor/src/RsProseEditor.vue?vue&type=script&setup=true&lang.ts
+var RsProseEditor_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsProseEditor",
+	props: /*@__PURE__*/ mergeModels({
+		readonly: {
+			type: Boolean,
+			default: false
+		},
+		placeholder: { default: "" },
+		minHeight: { default: "12rem" }
+	}, {
+		"modelValue": { default: "" },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["selectionChange"], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const rootEl = ref(null);
+		const view = shallowRef(null);
+		let unmounted = false;
+		function buildExtensions() {
+			const exts = [
+				history(),
+				drawSelection(),
+				dropCursor(),
+				keymap.of([...defaultKeymap, ...historyKeymap]),
+				EditorView.lineWrapping,
+				EditorView.updateListener.of((update) => {
+					if (update.docChanged && !props.readonly) {
+						const next = update.state.doc.toString();
+						if (next !== model.value) model.value = next;
+					}
+					if (update.selectionSet) {
+						const { from, to } = update.state.selection.main;
+						emit("selectionChange", {
+							start: from,
+							end: to
+						});
+					}
+				}),
+				EditorView.editable.of(!props.readonly),
+				EditorView.theme({
+					"&": {
+						height: "100%",
+						backgroundColor: "transparent"
+					},
+					".cm-scroller": {
+						fontFamily: "var(--rs-prose-font-family)",
+						fontSize: "var(--rs-prose-font-size)",
+						lineHeight: "var(--rs-prose-line-height)",
+						letterSpacing: "0.02em"
+					},
+					".cm-content": {
+						padding: "0.75rem 1rem",
+						caretColor: "var(--rs-primary)"
+					},
+					"&.cm-focused": { outline: "none" },
+					".cm-cursor": { borderLeftColor: "var(--rs-primary)" },
+					".cm-selectionBackground, ::selection": { backgroundColor: "color-mix(in srgb, var(--rs-primary) 18%, transparent) !important" }
+				})
+			];
+			if (props.placeholder) exts.push(placeholder(props.placeholder));
+			return exts;
+		}
+		function initEditor() {
+			if (!rootEl.value || unmounted) return;
+			view.value?.destroy();
+			const state = EditorState.create({
+				doc: model.value,
+				extensions: buildExtensions()
+			});
+			view.value = new EditorView({
+				state,
+				parent: rootEl.value
+			});
+		}
+		function syncDocFromOutside(val) {
+			const v = view.value;
+			if (!v) return;
+			if (v.state.doc.toString() === val) return;
+			v.dispatch({ changes: {
+				from: 0,
+				to: v.state.doc.length,
+				insert: val
+			} });
+		}
+		function getSelection() {
+			const v = view.value;
+			if (!v) return {
+				start: 0,
+				end: 0
+			};
+			const { from, to } = v.state.selection.main;
+			return {
+				start: from,
+				end: to
+			};
+		}
+		function focus() {
+			view.value?.focus();
+		}
+		__expose({
+			getSelection,
+			focus,
+			view
+		});
+		onMounted(() => {
+			unmounted = false;
+			initEditor();
+		});
+		onUnmounted(() => {
+			unmounted = true;
+			view.value?.destroy();
+			view.value = null;
+		});
+		watch(() => model.value, (val) => syncDocFromOutside(val ?? ""));
+		watch(() => props.readonly, () => initEditor());
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rs-prose-editor", { "rs-prose-editor--readonly": __props.readonly }]),
+				style: normalizeStyle({ minHeight: __props.minHeight })
+			}, [createElementVNode("div", {
+				ref_key: "rootEl",
+				ref: rootEl,
+				class: "rs-prose-editor__cm"
+			}, null, 512)], 6);
+		};
+	}
+});
+//#endregion
+export { RsProseEditor_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/prose-editor/src/RsProseEditor.js

@@ -0,0 +1,8 @@
+import './RsProseEditor.css'
+import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.js";
+import RsProseEditor_vue_vue_type_script_setup_true_lang_default from "./RsProseEditor.impl.js";
+
+//#region src/components/prose-editor/src/RsProseEditor.vue
+var RsProseEditor_default = /*#__PURE__*/ _plugin_vue_export_helper_default(RsProseEditor_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-78409e02"]]);
+//#endregion
+export { RsProseEditor_default as default };

package/dist/components/radio/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RsRadio } from './src/RsRadio.js';
+export { default as RsRadioItem } from './src/RsRadioItem.js';
+export type { RsRadioValue } from './src/radio-utils';

package/dist/components/radio/src/RsRadio.d.ts

@@ -0,0 +1,34 @@
+import type { RsComponentSize } from '../../../theme/types';
+import { type RsRadioValue } from './radio-utils';
+type __VLS_Props = {
+    disabled?: boolean;
+    size?: RsComponentSize;
+    name?: string;
+    orientation?: 'horizontal' | 'vertical';
+};
+type __VLS_ModelProps = {
+    modelValue?: RsRadioValue | undefined;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: RsRadioValue) => any;
+    "update:modelValue": (value: RsRadioValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: RsRadioValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: RsRadioValue | undefined) => any) | undefined;
+}>, {
+    disabled: boolean;
+    orientation: "horizontal" | "vertical";
+}, {}, {}, {}, 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/radio/src/RsRadio.impl.js

@@ -0,0 +1,66 @@
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { RadioGroupRoot } from "../../_shared/src/reka.js";
+import { RS_RADIO_GROUP_KEY } from "./radio-utils.js";
+import { computed, createBlock, defineComponent, mergeModels, normalizeClass, openBlock, provide, renderSlot, unref, useModel, withCtx } from "vue";
+//#region src/components/radio/src/RsRadio.vue?vue&type=script&setup=true&lang.ts
+var RsRadio_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsRadio",
+	props: /*@__PURE__*/ mergeModels({
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		name: {},
+		orientation: { default: "horizontal" }
+	}, {
+		"modelValue": {
+			type: [
+				String,
+				Number,
+				Boolean
+			],
+			default: void 0
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		provide(RS_RADIO_GROUP_KEY, { size: resolvedSize });
+		const rootClass = computed(() => [
+			"rs-radio-group",
+			`rs-radio-group--${props.orientation}`,
+			`rs-radio-group--${resolvedSize.value}`,
+			{ "rs-radio-group--disabled": props.disabled }
+		]);
+		function onUpdate(value) {
+			model.value = value;
+			emit("change", value);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(RadioGroupRoot), {
+				class: normalizeClass(rootClass.value),
+				"model-value": model.value,
+				disabled: __props.disabled,
+				name: __props.name,
+				orientation: __props.orientation,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => onUpdate($event))
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, [
+				"class",
+				"model-value",
+				"disabled",
+				"name",
+				"orientation"
+			]);
+		};
+	}
+});
+//#endregion
+export { RsRadio_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/radio/src/RsRadio.js

@@ -0,0 +1,7 @@
+import './RsRadio.css'
+import RsRadio_vue_vue_type_script_setup_true_lang_default from "./RsRadio.impl.js";
+
+//#region src/components/radio/src/RsRadio.vue
+var RsRadio_default = RsRadio_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsRadio_default as default };

package/dist/components/radio/src/RsRadioItem.d.ts

@@ -0,0 +1,23 @@
+import type { RsComponentSize } from '../../../theme/types';
+import { type RsRadioValue } from './radio-utils';
+type __VLS_Props = {
+    value: RsRadioValue;
+    disabled?: boolean;
+    size?: RsComponentSize;
+    id?: string;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    disabled: 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;
+    };
+};