niuma-ui 1.3.8 → 2.0.0

package/dist/components/dynamic-tags/src/RsDynamicTags.impl.js

@@ -0,0 +1,313 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import RsIcon_default from "../../icon/src/RsIcon.js";
+import { buildLocalInputRules, runFormFieldRules } from "../../form/src/form-rules.js";
+import { isRsFormItemBoundControl, useRsFormContext, useRsFormField, useRsFormItemContext } from "../../form/src/form-utils.js";
+import { useResolvedRsComponentSize } from "../../_shared/src/resolve-size.js";
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import RsTag_default from "../../tag/src/RsTag.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeModels, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, toDisplayString, unref, useModel, vModelText, watch, withCtx, withDirectives, withModifiers } from "vue";
+//#region src/components/dynamic-tags/src/RsDynamicTags.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-dynamic-tags-field" };
+var _hoisted_2 = [
+	"aria-disabled",
+	"aria-invalid",
+	"aria-label"
+];
+var _hoisted_3 = [
+	"placeholder",
+	"disabled",
+	"maxlength",
+	"aria-label"
+];
+var _hoisted_4 = ["aria-label"];
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-dynamic-tags-field__error",
+	role: "alert"
+};
+var RsDynamicTags_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsDynamicTags",
+	props: /*@__PURE__*/ mergeModels({
+		name: {},
+		id: {},
+		invalid: { type: Boolean },
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		max: {},
+		maxlength: {},
+		allowDuplicate: {
+			type: Boolean,
+			default: false
+		},
+		inputMode: { default: "trigger" },
+		commitOnBlur: {
+			type: Boolean,
+			default: true
+		},
+		size: {},
+		radius: {},
+		tagVariant: { default: "default" },
+		round: {
+			type: Boolean,
+			default: false
+		}
+	}, {
+		"modelValue": { default: () => [] },
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
+		"create",
+		"remove",
+		"reject"
+	], ["update:modelValue"]),
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const { t } = useRsI18n();
+		const formContext = useRsFormContext();
+		const formItem = useRsFormItemContext();
+		const boundToItem = computed(() => isRsFormItemBoundControl(formItem, {
+			id: props.id,
+			name: props.name
+		}));
+		const draft = ref("");
+		const editing = ref(props.inputMode === "always");
+		const composing = ref(false);
+		const feedback = ref(null);
+		const autoMessage = ref("");
+		const inputRef = ref(null);
+		let feedbackTimer = null;
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		const resolvedPlaceholder = computed(() => props.placeholder ?? t("dynamicTags.placeholder"));
+		const canAddMore = computed(() => props.max === void 0 || model.value.length < props.max);
+		const showInput = computed(() => !props.disabled && canAddMore.value && (props.inputMode === "always" || editing.value));
+		const showTrigger = computed(() => !props.disabled && canAddMore.value && props.inputMode === "trigger" && !editing.value);
+		const hasError = computed(() => Boolean(props.invalid || boundToItem.value && formItem?.invalid.value || autoMessage.value));
+		const visibleMessage = computed(() => boundToItem.value ? "" : autoMessage.value);
+		const rootClass = computed(() => [
+			"rs-dynamic-tags",
+			`rs-dynamic-tags--${resolvedSize.value}`,
+			{
+				"rs-dynamic-tags--disabled": props.disabled,
+				"rs-dynamic-tags--editing": showInput.value,
+				"rs-dynamic-tags--feedback": feedback.value != null,
+				"rs-dynamic-tags--invalid": hasError.value
+			}
+		]);
+		const rootStyle = computed(() => ({ "--rs-dynamic-tags-radius-local": rsRadiusCss(resolvedRadius.value) }));
+		function clearFeedbackTimer() {
+			if (feedbackTimer) {
+				clearTimeout(feedbackTimer);
+				feedbackTimer = null;
+			}
+		}
+		function flashFeedback(reason, value) {
+			feedback.value = reason;
+			emit("reject", reason, value);
+			clearFeedbackTimer();
+			feedbackTimer = setTimeout(() => {
+				feedback.value = null;
+				feedbackTimer = null;
+			}, 520);
+		}
+		async function focusInput() {
+			await nextTick();
+			inputRef.value?.focus();
+		}
+		function startEdit() {
+			if (props.disabled || !canAddMore.value) {
+				if (!canAddMore.value) flashFeedback("max", draft.value);
+				return;
+			}
+			editing.value = true;
+			focusInput();
+		}
+		function stopEdit() {
+			draft.value = "";
+			if (props.inputMode === "trigger") editing.value = false;
+		}
+		function addTag() {
+			if (props.disabled) return false;
+			if (!canAddMore.value) {
+				flashFeedback("max", draft.value);
+				return false;
+			}
+			const value = draft.value.trim();
+			if (!value) return false;
+			if (!props.allowDuplicate && model.value.includes(value)) {
+				flashFeedback("duplicate", value);
+				draft.value = "";
+				return false;
+			}
+			model.value = [...model.value, value];
+			emit("create", value);
+			draft.value = "";
+			runValidate("change");
+			return true;
+		}
+		function commit() {
+			if (composing.value) return;
+			if (!draft.value.trim()) {
+				if (props.inputMode === "trigger") stopEdit();
+				return;
+			}
+			if (addTag()) if (props.inputMode === "trigger" && !canAddMore.value) stopEdit();
+			else focusInput();
+		}
+		function removeTag(index) {
+			if (props.disabled) return;
+			const next = [...model.value];
+			const [removed] = next.splice(index, 1);
+			model.value = next;
+			if (removed !== void 0) emit("remove", removed, index);
+			runValidate("change");
+		}
+		function onKeydown(event) {
+			if (event.isComposing || composing.value) return;
+			if (event.key === "Enter") {
+				event.preventDefault();
+				commit();
+			} else if (event.key === "Escape") {
+				event.preventDefault();
+				stopEdit();
+			} else if (event.key === "Backspace" && !draft.value && model.value.length > 0) removeTag(model.value.length - 1);
+		}
+		function onBlur() {
+			if (composing.value) return;
+			if (props.commitOnBlur && draft.value.trim()) commit();
+			else if (props.inputMode === "trigger") stopEdit();
+			runValidate("blur");
+		}
+		async function runValidate(trigger = "submit") {
+			const formRules = formContext?.getFieldRules(props.name) ?? [];
+			const localRules = buildLocalInputRules({ required: props.required });
+			const rules = [...formRules, ...localRules];
+			if (!rules.length) {
+				autoMessage.value = "";
+				return {
+					valid: true,
+					name: props.name
+				};
+			}
+			const result = await runFormFieldRules(model.value, rules, { trigger });
+			autoMessage.value = result.message ?? "";
+			return {
+				valid: result.valid,
+				message: result.message,
+				name: props.name
+			};
+		}
+		function setValue(value) {
+			if (Array.isArray(value)) {
+				model.value = value.map((item) => String(item ?? ""));
+				return;
+			}
+			if (value == null || value === "") {
+				model.value = [];
+				return;
+			}
+			model.value = [String(value)];
+		}
+		function clearValidation() {
+			autoMessage.value = "";
+		}
+		useRsFormField(() => ({
+			get name() {
+				return props.name;
+			},
+			getValue: () => model.value,
+			setValue,
+			validate: (trigger) => runValidate(trigger ?? "submit"),
+			clearValidation,
+			setError: (message) => {
+				autoMessage.value = message;
+			}
+		}));
+		watch(() => model.value, () => {
+			if (autoMessage.value) runValidate("change");
+		});
+		__expose({
+			validate: runValidate,
+			clearValidation,
+			setValue
+		});
+		function onRootPointerDown(event) {
+			if (props.disabled) return;
+			const target = event.target;
+			if (!target) return;
+			if (target.closest(".rs-tag__close, .rs-dynamic-tags__trigger, .rs-dynamic-tags__input")) return;
+			if (showInput.value) focusInput();
+			else if (showTrigger.value) startEdit();
+		}
+		onBeforeUnmount(() => {
+			clearFeedbackTimer();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value),
+				role: "group",
+				"aria-disabled": __props.disabled || void 0,
+				"aria-invalid": hasError.value || void 0,
+				"aria-label": unref(t)("dynamicTags.label"),
+				onPointerdown: onRootPointerDown
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(model.value, (tag, index) => {
+				return openBlock(), createBlock(RsTag_default, {
+					key: `${tag}-${index}`,
+					closable: "",
+					disabled: __props.disabled,
+					size: unref(resolvedSize),
+					radius: unref(resolvedRadius),
+					variant: __props.tagVariant,
+					round: __props.round,
+					onClose: ($event) => removeTag(index)
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(tag), 1)]),
+					_: 2
+				}, 1032, [
+					"disabled",
+					"size",
+					"radius",
+					"variant",
+					"round",
+					"onClose"
+				]);
+			}), 128)), showInput.value ? withDirectives((openBlock(), createElementBlock("input", {
+				key: 0,
+				ref_key: "inputRef",
+				ref: inputRef,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => draft.value = $event),
+				class: "rs-dynamic-tags__input",
+				type: "text",
+				placeholder: resolvedPlaceholder.value,
+				disabled: __props.disabled,
+				maxlength: __props.maxlength,
+				"aria-label": resolvedPlaceholder.value,
+				onKeydown,
+				onBlur,
+				onCompositionstart: _cache[1] || (_cache[1] = ($event) => composing.value = true),
+				onCompositionend: _cache[2] || (_cache[2] = ($event) => composing.value = false)
+			}, null, 40, _hoisted_3)), [[vModelText, draft.value]]) : showTrigger.value ? (openBlock(), createElementBlock("button", {
+				key: 1,
+				type: "button",
+				class: "rs-dynamic-tags__trigger",
+				"aria-label": unref(t)("dynamicTags.add"),
+				onClick: withModifiers(startEdit, ["stop"])
+			}, [createVNode(RsIcon_default, {
+				name: "plus",
+				size: 14
+			})], 8, _hoisted_4)) : createCommentVNode("", true)], 46, _hoisted_2), visibleMessage.value ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(visibleMessage.value), 1)) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { RsDynamicTags_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/dynamic-tags/src/RsDynamicTags.js

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

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

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

package/dist/components/empty/src/RsEmpty.d.ts

@@ -0,0 +1,32 @@
+import type { RsRadius } from '../../../theme/types';
+type __VLS_Props = {
+    description: string;
+    title?: string;
+    /**
+     * 占满父级可用空间，并去除外层虚线框 / 背景。
+     * 适合嵌在面板、列表、结果区内的空态。
+     * 开启后外层强制直角；图标圆角仍由 `iconRadius` 控制。
+     */
+    fill?: boolean;
+    /** 外层容器圆角（fill 时忽略，恒为直角）。默认 md。 */
+    radius?: RsRadius;
+    /** 图标区圆角。默认 full（圆形）；直角 UI 传 `none`。 */
+    iconRadius?: RsRadius;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    fill: 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/empty/src/RsEmpty.impl.js

@@ -0,0 +1,43 @@
+import { rsRadiusCss, useResolvedRsRadius } from "../../_shared/src/resolve-radius.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/components/empty/src/RsEmpty.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "rs-empty__icon" };
+var _hoisted_2 = { class: "rs-empty__text" };
+var _hoisted_3 = {
+	key: 0,
+	class: "rs-empty__title"
+};
+var RsEmpty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsEmpty",
+	props: {
+		description: {},
+		title: {},
+		fill: {
+			type: Boolean,
+			default: false
+		},
+		radius: {},
+		iconRadius: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const resolvedRadius = useResolvedRsRadius(() => props.radius, "md");
+		const resolvedIconRadius = useResolvedRsRadius(() => props.iconRadius, "full");
+		const rootStyle = computed(() => ({
+			"--rs-empty-radius": props.fill ? "0" : rsRadiusCss(resolvedRadius.value),
+			"--rs-empty-icon-radius": rsRadiusCss(resolvedIconRadius.value)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["rs-empty", { "rs-empty--fill": __props.fill }]),
+				style: normalizeStyle(rootStyle.value)
+			}, [
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "icon")]),
+				createElementVNode("div", _hoisted_2, [__props.title ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(__props.title), 1)) : createCommentVNode("", true), createElementVNode("p", { class: normalizeClass(["rs-empty__description", { "rs-empty__description--offset": __props.title }]) }, toDisplayString(__props.description), 3)]),
+				renderSlot(_ctx.$slots, "default")
+			], 6);
+		};
+	}
+});
+//#endregion
+export { RsEmpty_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/empty/src/RsEmpty.js

@@ -0,0 +1,7 @@
+import './RsEmpty.css'
+import RsEmpty_vue_vue_type_script_setup_true_lang_default from "./RsEmpty.impl.js";
+
+//#region src/components/empty/src/RsEmpty.vue
+var RsEmpty_default = RsEmpty_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsEmpty_default as default };

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

@@ -0,0 +1,2 @@
+export { default as RsFieldset } from './src/RsFieldset.js';
+export type { RsFieldsetBorderStyle, RsFieldsetBorderTone, RsFieldsetSize, RsFieldsetTitleSize, RsFieldsetTitleTone, } from './src/fieldset-utils';

package/dist/components/fieldset/src/RsFieldset.css

@@ -0,0 +1,92 @@
+
+.rs-fieldset[data-v-b3043538] {
+  display: flex;
+  flex-direction: column;
+  gap: var(--rs-fieldset-gap, var(--rs-space-md));
+  box-sizing: border-box;
+  min-width: 0;
+  min-inline-size: 0;
+  margin: 0;
+  padding: var(--rs-space-md) var(--rs-space-lg) var(--rs-space-lg);
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--rs-fieldset-border, var(--rs-border));
+  border-radius: var(--rs-fieldset-radius, var(--rs-radius-sm));
+  background: transparent;
+}
+.rs-fieldset--sm[data-v-b3043538] {
+  gap: var(--rs-space-sm);
+  padding: var(--rs-space-sm) var(--rs-space-md) var(--rs-space-md);
+}
+.rs-fieldset--dashed[data-v-b3043538] {
+  border-style: dashed;
+}
+.rs-fieldset--dotted[data-v-b3043538] {
+  border-style: dotted;
+}
+.rs-fieldset--tone-subtle[data-v-b3043538] {
+  border-color: var(--rs-fieldset-border, var(--rs-border-subtle));
+}
+.rs-fieldset--tone-faded[data-v-b3043538] {
+  border-color: color-mix(
+    in srgb,
+    var(--rs-fieldset-border, var(--rs-border)) 42%,
+    transparent
+  );
+}
+.rs-fieldset__legend[data-v-b3043538] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-sm);
+  float: none;
+  padding: 0 var(--rs-space-xs);
+  margin: 0;
+  font-size: var(--rs-fieldset-title-size, var(--rs-font-size-sm));
+  font-weight: var(--rs-fieldset-title-weight, var(--rs-font-weight-semibold));
+  line-height: var(--rs-line-height-tight);
+  color: var(--rs-text);
+  background: var(--rs-fieldset-legend-bg, var(--rs-surface));
+}
+.rs-fieldset__heading[data-v-b3043538] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+  min-width: 0;
+}
+.rs-fieldset__title[data-v-b3043538] {
+  min-width: 0;
+  font-size: inherit;
+  font-weight: inherit;
+  color: inherit;
+}
+.rs-fieldset--title-strong .rs-fieldset__legend[data-v-b3043538] {
+  color: var(--rs-text);
+}
+.rs-fieldset--title-default .rs-fieldset__legend[data-v-b3043538] {
+  color: var(--rs-text);
+}
+.rs-fieldset--title-muted .rs-fieldset__legend[data-v-b3043538] {
+  color: var(--rs-muted);
+}
+.rs-fieldset__extra[data-v-b3043538] {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-regular);
+  color: var(--rs-muted);
+}
+.rs-fieldset__body[data-v-b3043538] {
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  gap: inherit;
+}
+.rs-fieldset[data-v-b3043538]:disabled,
+.rs-fieldset--disabled[data-v-b3043538] {
+  border-color: var(--rs-border-subtle);
+}
+.rs-fieldset:disabled .rs-fieldset__legend[data-v-b3043538],
+.rs-fieldset--disabled .rs-fieldset__legend[data-v-b3043538] {
+  color: var(--rs-muted);
+}

package/dist/components/fieldset/src/RsFieldset.d.ts

@@ -0,0 +1,61 @@
+import type { RsFontWeight } from '../../../theme/types';
+import { type RsFieldsetBorderStyle, type RsFieldsetBorderTone, type RsFieldsetSize, type RsFieldsetTitleSize, type RsFieldsetTitleTone } from './fieldset-utils';
+type __VLS_Props = {
+    /** 分组标题，渲染为原生 legend（WHATWG / WCAG 1.3.1 组名） */
+    legend?: string;
+    /**
+     * 分组说明。标题旁帮助图标，悬停出 tip（对齐 Ant Form.Item tooltip）。
+     * 不进 legend，避免读屏把长文案当组名。
+     */
+    tooltip?: string;
+    /**
+     * @deprecated 请用 tooltip。仍接受，映射到同一 tip。
+     */
+    description?: string;
+    /** 禁用整组原生控件（input / select / textarea / button） */
+    disabled?: boolean;
+    /**
+     * 密度：sm 对话框紧凑 / md 设置页默认。
+     * @default md
+     */
+    size?: RsFieldsetSize;
+    /** 原生 fieldset name */
+    name?: string;
+    /** 边框线型 */
+    borderStyle?: RsFieldsetBorderStyle;
+    /** 边框浓度；faded 为虚化 */
+    borderTone?: RsFieldsetBorderTone;
+    /** 标题字重（清晰度） */
+    titleWeight?: RsFontWeight;
+    /** 标题对比（清晰度） */
+    titleTone?: RsFieldsetTitleTone;
+    /** 标题字号 */
+    titleSize?: RsFieldsetTitleSize;
+};
+declare var __VLS_1: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
+type __VLS_Slots = {} & {
+    legend?: (props: typeof __VLS_1) => any;
+} & {
+    tooltip?: (props: typeof __VLS_10) => any;
+} & {
+    extra?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: RsFieldsetSize;
+    disabled: boolean;
+    borderStyle: RsFieldsetBorderStyle;
+    borderTone: RsFieldsetBorderTone;
+    titleWeight: RsFontWeight;
+    titleTone: RsFieldsetTitleTone;
+    titleSize: RsFieldsetTitleSize;
+}, {}, {}, {}, 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/fieldset/src/RsFieldset.impl.js

@@ -0,0 +1,78 @@
+import { useRsI18n } from "../../../composables/useRsI18n.js";
+import { useRsFormContext } from "../../form/src/form-utils.js";
+import RsTooltip_default from "../../tooltip/src/RsTooltip.js";
+import { resolveFieldsetTitleSize, resolveFieldsetTitleWeight } from "./fieldset-utils.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, useSlots, withCtx } from "vue";
+//#region src/components/fieldset/src/RsFieldset.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["name", "disabled"];
+var _hoisted_2 = {
+	key: 0,
+	class: "rs-fieldset__legend"
+};
+var _hoisted_3 = { class: "rs-fieldset__heading" };
+var _hoisted_4 = { class: "rs-fieldset__title" };
+var _hoisted_5 = {
+	key: 0,
+	class: "rs-fieldset__extra"
+};
+var _hoisted_6 = { class: "rs-fieldset__body" };
+var RsFieldset_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "RsFieldset",
+	__name: "RsFieldset",
+	props: {
+		legend: {},
+		tooltip: {},
+		description: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: { default: "md" },
+		name: {},
+		borderStyle: { default: "solid" },
+		borderTone: { default: "default" },
+		titleWeight: { default: "semibold" },
+		titleTone: { default: "default" },
+		titleSize: { default: "sm" }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const { t } = useRsI18n();
+		const form = useRsFormContext();
+		const isDisabled = computed(() => Boolean(props.disabled || form?.disabled.value));
+		const resolvedTooltip = computed(() => (props.tooltip || props.description || "").trim());
+		const hasTooltip = computed(() => Boolean(resolvedTooltip.value || slots.tooltip));
+		const hasLegend = computed(() => Boolean(props.legend || slots.legend || slots.extra || hasTooltip.value));
+		const helpLabel = computed(() => t("fieldset.help", "Group help"));
+		const rootStyle = computed(() => ({
+			"--rs-fieldset-title-size": resolveFieldsetTitleSize(props.titleSize),
+			"--rs-fieldset-title-weight": resolveFieldsetTitleWeight(props.titleWeight)
+		}));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("fieldset", {
+				class: normalizeClass(["rs-fieldset", [
+					`rs-fieldset--${__props.size}`,
+					`rs-fieldset--${__props.borderStyle}`,
+					`rs-fieldset--tone-${__props.borderTone}`,
+					`rs-fieldset--title-${__props.titleTone}`,
+					{ "rs-fieldset--disabled": isDisabled.value }
+				]]),
+				style: normalizeStyle(rootStyle.value),
+				name: __props.name,
+				disabled: isDisabled.value
+			}, [hasLegend.value ? (openBlock(), createElementBlock("legend", _hoisted_2, [createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "legend", {}, () => [createElementVNode("span", _hoisted_4, toDisplayString(__props.legend), 1)], true), hasTooltip.value ? (openBlock(), createBlock(RsTooltip_default, {
+				key: 0,
+				icon: "",
+				content: resolvedTooltip.value,
+				"aria-label": helpLabel.value
+			}, createSlots({ _: 2 }, [_ctx.$slots.tooltip ? {
+				name: "content",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip", {}, void 0, true)]),
+				key: "0"
+			} : void 0]), 1032, ["content", "aria-label"])) : createCommentVNode("", true)]), _ctx.$slots.extra ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "extra", {}, void 0, true)])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 14, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsFieldset_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/fieldset/src/RsFieldset.js

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