niuma-ui 1.3.9 → 2.0.1

package/dist/components/time-picker/src/RsTimePickerColumns.js

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

package/dist/components/time-picker/src/time-picker-utils.js

@@ -0,0 +1,158 @@
+//#region src/components/time-picker/src/time-picker-utils.ts
+var EMPTY_TIME_RANGE = {};
+var TIME_PATTERN = /^([01]\d|2[0-3]):([0-5]\d)$/;
+var TIME_WITH_SECONDS_PATTERN = /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/;
+function scheduleAfterPaint(callback) {
+	let cancelled = false;
+	requestAnimationFrame(() => {
+		requestAnimationFrame(() => {
+			if (!cancelled) callback();
+		});
+	});
+	return () => {
+		cancelled = true;
+	};
+}
+function formatTimeUnitLabel(value) {
+	return String(value).padStart(2, "0");
+}
+function buildTimeUnitOptions(max, step = 1) {
+	const options = [];
+	for (let value = 0; value <= max; value += step) options.push({
+		value,
+		label: formatTimeUnitLabel(value)
+	});
+	return options;
+}
+/** 小时列固定选项 00–23 */
+var TIME_HOUR_OPTIONS = buildTimeUnitOptions(23);
+/** 秒列固定选项 00–59 */
+var TIME_SECOND_OPTIONS = buildTimeUnitOptions(59);
+var minuteOptionsCache = /* @__PURE__ */ new Map();
+/** 按步进缓存分钟列选项，默认 step=1 为 00–59 */
+function getTimeMinuteOptions(step = 1) {
+	const normalized = Math.max(1, Math.floor(step) || 1);
+	const cached = minuteOptionsCache.get(normalized);
+	if (cached) return cached;
+	const options = buildTimeUnitOptions(59, normalized);
+	minuteOptionsCache.set(normalized, options);
+	return options;
+}
+/**
+* 将时间列滚到指定 value，只改容器 scrollTop。
+* 避免 scrollIntoView 带动外层页面 / Popover 滚动。
+*/
+function scrollTimeColumnToValue(container, value) {
+	if (!container) return;
+	const item = container.querySelector(`:scope > [data-value="${value}"]`);
+	if (!item) return;
+	const top = item.offsetTop - (container.clientHeight - item.offsetHeight) / 2;
+	container.scrollTop = Math.max(0, top);
+}
+function parseTimeValue(value, withSeconds = false) {
+	if (!value?.trim()) return null;
+	const trimmed = value.trim();
+	if (withSeconds) {
+		const withSec = TIME_WITH_SECONDS_PATTERN.exec(trimmed);
+		if (withSec) return {
+			hour: Number.parseInt(withSec[1], 10),
+			minute: Number.parseInt(withSec[2], 10),
+			second: Number.parseInt(withSec[3], 10)
+		};
+		const minuteOnly = TIME_PATTERN.exec(trimmed);
+		if (minuteOnly) return {
+			hour: Number.parseInt(minuteOnly[1], 10),
+			minute: Number.parseInt(minuteOnly[2], 10),
+			second: 0
+		};
+		return null;
+	}
+	const match = TIME_PATTERN.exec(trimmed);
+	if (!match) return null;
+	return {
+		hour: Number.parseInt(match[1], 10),
+		minute: Number.parseInt(match[2], 10),
+		second: 0
+	};
+}
+function formatTimeParts(hour, minute, second) {
+	const h = String(hour).padStart(2, "0");
+	const m = String(minute).padStart(2, "0");
+	if (second !== void 0) return `${h}:${m}:${String(second).padStart(2, "0")}`;
+	return `${h}:${m}`;
+}
+function formatTimeFromParts(hour, minute, second, withSeconds = false) {
+	return formatTimeParts(hour, minute, withSeconds ? second : void 0);
+}
+function getCurrentTime() {
+	const now = /* @__PURE__ */ new Date();
+	return {
+		hour: now.getHours(),
+		minute: now.getMinutes(),
+		second: now.getSeconds()
+	};
+}
+function formatTimeValue(value) {
+	return value ?? "";
+}
+function timeToSeconds(hour, minute, second = 0) {
+	return hour * 3600 + minute * 60 + second;
+}
+function parseTimeToSeconds(value, withSeconds = false) {
+	const parsed = parseTimeValue(value, withSeconds);
+	if (!parsed) return null;
+	return timeToSeconds(parsed.hour, parsed.minute, parsed.second);
+}
+function isTimeWithinBounds(hour, minute, second, options = {}) {
+	const { minTime, maxTime, withSeconds = false } = options;
+	const candidate = timeToSeconds(hour, minute, second);
+	if (minTime) {
+		const minSeconds = parseTimeToSeconds(minTime, withSeconds);
+		if (minSeconds !== null && candidate < minSeconds) return false;
+	}
+	if (maxTime) {
+		const maxSeconds = parseTimeToSeconds(maxTime, withSeconds);
+		if (maxSeconds !== null && candidate > maxSeconds) return false;
+	}
+	return true;
+}
+function isTimeRangeEmpty(value) {
+	return !value.start?.trim() && !value.end?.trim();
+}
+function isTimeRangeOrdered(range, withSeconds = false) {
+	if (!range.start || !range.end) return true;
+	return isTimeRangeOrderedValues(range.start, range.end, withSeconds);
+}
+function isTimeRangeOrderedValues(start, end, withSeconds = false) {
+	const startSeconds = parseTimeToSeconds(start, withSeconds);
+	const endSeconds = parseTimeToSeconds(end, withSeconds);
+	if (startSeconds === null || endSeconds === null) return true;
+	return startSeconds <= endSeconds;
+}
+function pickEarlierTime(a, b, withSeconds = false) {
+	if (!a) return b;
+	if (!b) return a;
+	const ta = parseTimeToSeconds(a, withSeconds);
+	const tb = parseTimeToSeconds(b, withSeconds);
+	if (ta === null) return b;
+	if (tb === null) return a;
+	return ta <= tb ? a : b;
+}
+function pickLaterTime(a, b, withSeconds = false) {
+	if (!a) return b;
+	if (!b) return a;
+	const ta = parseTimeToSeconds(a, withSeconds);
+	const tb = parseTimeToSeconds(b, withSeconds);
+	if (ta === null) return b;
+	if (tb === null) return a;
+	return ta >= tb ? a : b;
+}
+function formatTimeRangeDisplay(range, options) {
+	const separator = options?.separator ?? " ~ ";
+	const start = range.start ? formatTimeValue(range.start) : "";
+	const end = range.end ? formatTimeValue(range.end) : "";
+	if (start && end) return `${start}${separator}${end}`;
+	return start || end;
+}
+//#endregion
+export { EMPTY_TIME_RANGE, TIME_HOUR_OPTIONS, TIME_SECOND_OPTIONS, formatTimeFromParts, formatTimeParts, formatTimeRangeDisplay, formatTimeUnitLabel, formatTimeValue, getCurrentTime, getTimeMinuteOptions, isTimeRangeEmpty, isTimeRangeOrdered, isTimeRangeOrderedValues, isTimeWithinBounds, parseTimeToSeconds, parseTimeValue, pickEarlierTime, pickLaterTime, scheduleAfterPaint, scrollTimeColumnToValue, timeToSeconds };

package/dist/components/time-picker/src/time-range-validation.js

@@ -0,0 +1,15 @@
+import { isTimeRangeOrdered } from "./time-picker-utils.js";
+//#region src/components/time-picker/src/time-range-validation.ts
+function validateTimeRangeValue(value, rules = {}) {
+	if (rules.required && (!value.start || !value.end)) return {
+		valid: false,
+		error: "required"
+	};
+	if (rules.ordered !== false && !isTimeRangeOrdered(value)) return {
+		valid: false,
+		error: "order"
+	};
+	return { valid: true };
+}
+//#endregion
+export { validateTimeRangeValue };

package/dist/components/time-picker/src/time-validation.js

@@ -0,0 +1,22 @@
+//#region src/components/time-picker/src/time-validation.ts
+function validateTimeValue(value, rules = {}) {
+	if (!value) return rules.required ? {
+		valid: false,
+		error: "required"
+	} : { valid: true };
+	if (!/^\d{2}:\d{2}(?::\d{2})?$/.test(value)) return {
+		valid: false,
+		error: "format"
+	};
+	if (rules.min && value < rules.min) return {
+		valid: false,
+		error: "min"
+	};
+	if (rules.max && value > rules.max) return {
+		valid: false,
+		error: "max"
+	};
+	return { valid: true };
+}
+//#endregion
+export { validateTimeValue };

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

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

package/dist/components/toaster/src/RsToaster.css

@@ -0,0 +1,329 @@
+
+[data-sonner-toaster].rs-toaster {
+  --rs-toast-radius: 1rem;
+  --rs-toast-bg: color-mix(in srgb, var(--rs-surface-elevated) 86%, transparent);
+  --rs-toast-border: color-mix(in srgb, var(--rs-border) 72%, rgb(255 255 255 / 0.08));
+  --rs-toast-shadow:
+    0 16px 40px -20px rgb(0 0 0 / 0.3),
+    0 8px 18px -14px rgb(0 0 0 / 0.18),
+    0 0 0 0.5px rgb(255 255 255 / 0.08);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-info) 7%, transparent);
+  --rs-toast-highlight: rgb(255 255 255 / 0.08);
+  z-index: var(--rs-z-toast);
+  font-family: inherit;
+}
+[data-rs-theme='light'] [data-sonner-toaster].rs-toaster {
+  --rs-toast-bg: color-mix(in srgb, var(--rs-surface-elevated) 94%, rgb(255 255 255 / 0.8));
+  --rs-toast-border: color-mix(in srgb, var(--rs-border) 84%, rgb(255 255 255 / 0.9));
+  --rs-toast-shadow:
+    0 18px 42px -24px rgb(15 23 42 / 0.2),
+    0 8px 18px -14px rgb(15 23 42 / 0.12),
+    0 0 0 0.5px rgb(255 255 255 / 0.86);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-info) 4%, #ffffff);
+  --rs-toast-highlight: rgb(255 255 255 / 0.72);
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast {
+  position: absolute;
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-y-position='top'] {
+  top: 0;
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-y-position='bottom'] {
+  top: auto;
+  bottom: 0;
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-x-position='left'] {
+  left: 0;
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-x-position='right'] {
+  right: 0;
+}
+[data-sonner-toaster].rs-toaster [data-sonner-toast].rs-toast[data-x-position='center'] {
+  inset-inline: 0;
+}
+.rs-toast {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-info) 68%, transparent);
+  overflow: hidden;
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: center;
+  column-gap: 0.625rem;
+  row-gap: 0.5rem;
+  width: var(--width, auto);
+  min-width: 19rem;
+  max-width: min(29rem, calc(100vw - 1.5rem));
+  padding: 0.8125rem 2.25rem 0.8125rem 0.875rem;
+  border: 1px solid var(--rs-toast-border);
+  border-radius: var(--rs-toast-radius);
+  background:
+    linear-gradient(
+      180deg,
+      transparent 0.5rem,
+      var(--rs-toast-accent) 0.5rem calc(100% - 0.5rem),
+      transparent calc(100% - 0.5rem)
+    )
+    0.5rem 0 / 2px 100% no-repeat,
+    linear-gradient(180deg, var(--rs-toast-highlight), transparent 38%),
+    linear-gradient(135deg, var(--rs-toast-tint), transparent 34%),
+    var(--rs-toast-bg);
+  color: var(--rs-text);
+  box-shadow:
+    var(--rs-toast-shadow),
+    inset 0 1px 0 rgb(255 255 255 / 0.08);
+  backdrop-filter: blur(20px) saturate(150%);
+  -webkit-backdrop-filter: blur(20px) saturate(150%);
+  transition:
+    box-shadow var(--rs-transition-normal),
+    border-color var(--rs-transition-fast),
+    background var(--rs-transition-fast);
+}
+
+/* 带描述时顶对齐，图标与标题第一行光学对齐 */
+.rs-toast:has([data-description]) {
+  align-items: start;
+  padding-top: 0.875rem;
+  padding-bottom: 0.875rem;
+}
+.rs-toast:hover {
+  box-shadow:
+    0 18px 42px -20px rgb(0 0 0 / 0.34),
+    0 10px 24px -16px rgb(0 0 0 / 0.22),
+    0 0 0 0.5px rgb(255 255 255 / 0.1),
+    inset 0 1px 0 rgb(255 255 255 / 0.08);
+}
+.rs-toast[data-styled='true'] {
+  gap: 0;
+}
+.rs-toast [data-icon] {
+  position: relative;
+  z-index: 1;
+  grid-column: 1;
+  grid-row: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  align-self: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin: 0;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--rs-info);
+  box-shadow: none;
+}
+.rs-toast [data-icon] svg {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
+
+/* 多行内容时，图标略下移以对齐标题字面中线 */
+.rs-toast:has([data-description]) [data-icon] {
+  align-self: start;
+  margin-top: 0.125rem;
+}
+.rs-toast [data-content] {
+  position: relative;
+  z-index: 1;
+  grid-column: 2;
+  grid-row: 1;
+  display: grid;
+  gap: 0.1875rem;
+  min-width: 0;
+}
+.rs-toast [data-button] {
+  position: relative;
+  z-index: 1;
+  grid-column: 2;
+  margin-top: 0;
+}
+.rs-toast__title {
+  margin: 0;
+  color: var(--rs-text);
+  font-size: var(--rs-font-size-sm);
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: var(--rs-line-height-tight);
+  letter-spacing: -0.012em;
+}
+.rs-toast__description {
+  margin: 0;
+  color: color-mix(in srgb, var(--rs-muted) 94%, var(--rs-text) 6%);
+  font-size: var(--rs-font-size-xs);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-toast [data-close-button].rs-toast__close {
+  position: absolute;
+  top: 50%;
+  inset-inline-end: 0.625rem;
+  inset-inline-start: auto;
+  bottom: auto;
+  z-index: 2;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1.25rem;
+  height: 1.25rem;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background: transparent;
+  color: var(--rs-muted);
+  box-shadow: none;
+  cursor: pointer;
+  transform: translateY(-50%);
+  opacity: 0.72;
+  transition:
+    opacity var(--rs-transition-fast),
+    color var(--rs-transition-fast),
+    border-color var(--rs-transition-fast),
+    background var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast);
+}
+.rs-toast:has([data-description]) [data-close-button].rs-toast__close {
+  top: 0.75rem;
+  transform: none;
+}
+.rs-toast [data-close-button].rs-toast__close svg {
+  width: 0.75rem;
+  height: 0.75rem;
+  flex-shrink: 0;
+}
+.rs-toast [data-close-button].rs-toast__close:hover {
+  opacity: 0.96;
+  color: var(--rs-text);
+  border-color: color-mix(in srgb, var(--rs-border) 68%, transparent);
+  background: color-mix(in srgb, var(--rs-surface-hover) 70%, transparent);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.08),
+    0 1px 4px rgb(0 0 0 / 0.08);
+}
+.rs-toast [data-close-button].rs-toast__close:focus-visible {
+  outline: none;
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.08),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-toast__action {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 4.5rem;
+  min-height: 2rem;
+  padding: 0 0.75rem;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--rs-primary) 92%, white 8%);
+  color: var(--rs-primary-foreground);
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-semibold);
+  line-height: 1;
+  letter-spacing: 0.01em;
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.16),
+    0 1px 2px rgb(0 0 0 / 0.08);
+  cursor: pointer;
+  transition:
+    transform var(--rs-transition-fast),
+    background var(--rs-transition-fast),
+    border-color var(--rs-transition-fast),
+    box-shadow var(--rs-transition-fast),
+    color var(--rs-transition-fast);
+}
+.rs-toast__action:hover {
+  transform: translateY(-0.5px);
+  background: color-mix(in srgb, var(--rs-primary-hover) 94%, white 6%);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.18),
+    0 4px 10px rgb(0 0 0 / 0.12);
+}
+.rs-toast__action:active {
+  transform: translateY(0);
+  box-shadow:
+    inset 0 1px 1px rgb(0 0 0 / 0.08),
+    0 1px 3px rgb(0 0 0 / 0.08);
+}
+.rs-toast__action:focus-visible {
+  outline: none;
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.18),
+    0 0 0 var(--rs-focus-ring-width, 2px) var(--rs-focus-ring);
+}
+.rs-toast__action--secondary {
+  border-color: color-mix(in srgb, var(--rs-border) 72%, transparent);
+  background: color-mix(in srgb, var(--rs-surface) 82%, transparent);
+  color: var(--rs-text);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.08),
+    0 1px 2px rgb(0 0 0 / 0.04);
+}
+.rs-toast__action--secondary:hover {
+  background: color-mix(in srgb, var(--rs-surface-hover) 82%, transparent);
+  border-color: color-mix(in srgb, var(--rs-border) 88%, transparent);
+  box-shadow:
+    inset 0 1px 0 rgb(255 255 255 / 0.1),
+    0 3px 8px rgb(0 0 0 / 0.08);
+}
+.rs-toast[data-type='success'] {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-success) 68%, transparent);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-success) 7%, transparent);
+}
+.rs-toast[data-type='success'] [data-icon] {
+  color: var(--rs-success);
+}
+.rs-toast[data-type='error'] {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-danger) 68%, transparent);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-danger) 7%, transparent);
+}
+.rs-toast[data-type='error'] [data-icon] {
+  color: var(--rs-danger);
+}
+.rs-toast[data-type='warning'] {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-warning) 72%, transparent);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-warning) 8%, transparent);
+}
+.rs-toast[data-type='warning'] [data-icon] {
+  color: var(--rs-warning);
+}
+.rs-toast[data-type='info'],
+.rs-toast[data-type='default'] {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-info) 68%, transparent);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-info) 7%, transparent);
+}
+.rs-toast[data-type='loading'] {
+  --rs-toast-accent: color-mix(in srgb, var(--rs-primary) 68%, transparent);
+  --rs-toast-tint: color-mix(in srgb, var(--rs-primary) 7%, transparent);
+}
+.rs-toast[data-type='loading'] [data-icon] {
+  color: var(--rs-primary);
+}
+@media (max-width: 640px) {
+.rs-toast {
+    min-width: min(100%, 18.5rem);
+    max-width: calc(100vw - 1rem);
+    padding-block: 0.75rem;
+    padding-inline: 0.8125rem 2.125rem;
+    border-radius: 0.9375rem;
+}
+.rs-toast:has([data-description]) {
+    padding-top: 0.8125rem;
+    padding-bottom: 0.8125rem;
+}
+.rs-toast [data-close-button].rs-toast__close {
+    inset-inline-end: 0.5rem;
+    width: 1.25rem;
+    height: 1.25rem;
+}
+.rs-toast:has([data-description]) [data-close-button].rs-toast__close {
+    top: 0.625rem;
+}
+.rs-toast__action {
+    min-height: 1.875rem;
+    padding: 0 0.6875rem;
+}
+}
+@media (prefers-reduced-motion: reduce) {
+.rs-toast,
+  .rs-toast__action {
+    transition: none;
+}
+}

package/dist/components/toaster/src/RsToaster.d.ts

@@ -0,0 +1,17 @@
+import type { RsToastPosition } from '../../_shared/src/overlay-utils';
+type __VLS_Props = {
+    position?: RsToastPosition;
+    closeButton?: boolean;
+    richColors?: boolean;
+    expand?: boolean;
+    gap?: number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: number;
+    position: RsToastPosition;
+    expand: boolean;
+    closeButton: boolean;
+    richColors: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/toaster/src/RsToaster.impl.js

@@ -0,0 +1,64 @@
+import { readResolvedTheme } from "../../../theme/apply.js";
+import { rsConfigKey } from "../../../composables/useRsConfig.js";
+import { RS_TOAST_DEFAULT_POSITION } from "../../_shared/src/overlay-utils.js";
+import { Teleport, computed, createBlock, createVNode, defineComponent, inject, openBlock, unref } from "vue";
+import { Toaster } from "vue-sonner";
+//#region src/components/toaster/src/RsToaster.vue?vue&type=script&setup=true&lang.ts
+var RsToaster_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsToaster",
+	props: {
+		position: { default: RS_TOAST_DEFAULT_POSITION },
+		closeButton: {
+			type: Boolean,
+			default: true
+		},
+		richColors: {
+			type: Boolean,
+			default: false
+		},
+		expand: {
+			type: Boolean,
+			default: true
+		},
+		gap: { default: 4 }
+	},
+	setup(__props) {
+		const config = inject(rsConfigKey, null);
+		const sonnerTheme = computed(() => {
+			if (config?.resolvedTheme.value) return config.resolvedTheme.value;
+			return readResolvedTheme();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createVNode(unref(Toaster), {
+				theme: sonnerTheme.value,
+				position: __props.position,
+				"close-button": __props.closeButton,
+				expand: __props.expand,
+				gap: __props.gap,
+				"close-button-position": "top-right",
+				"rich-colors": __props.richColors,
+				class: "rs-toaster",
+				"toast-options": {
+					unstyled: true,
+					classes: {
+						toast: "rs-toast",
+						title: "rs-toast__title",
+						description: "rs-toast__description",
+						closeButton: "rs-toast__close",
+						actionButton: "rs-toast__action",
+						cancelButton: "rs-toast__action rs-toast__action--secondary"
+					}
+				}
+			}, null, 8, [
+				"theme",
+				"position",
+				"close-button",
+				"expand",
+				"gap",
+				"rich-colors"
+			])]);
+		};
+	}
+});
+//#endregion
+export { RsToaster_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/toaster/src/RsToaster.js

@@ -0,0 +1,7 @@
+import './RsToaster.css'
+import RsToaster_vue_vue_type_script_setup_true_lang_default from "./RsToaster.impl.js";
+
+//#region src/components/toaster/src/RsToaster.vue
+var RsToaster_default = RsToaster_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RsToaster_default as default };

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

@@ -0,0 +1,2 @@
+export { default as RsToolbar } from './src/RsToolbar.js';
+export type { RsToolbarBorder, RsToolbarSize } from './src/RsToolbar.js';

package/dist/components/toolbar/src/RsToolbar.impl.js

@@ -0,0 +1,57 @@
+import { createBlock, createCommentVNode, createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, withCtx } from "vue";
+//#region src/components/toolbar/src/RsToolbar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-toolbar__start"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "rs-toolbar__center"
+};
+var _hoisted_3 = {
+	key: 2,
+	class: "rs-toolbar__end"
+};
+var RsToolbar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsToolbar",
+	props: {
+		tag: { default: "header" },
+		size: { default: "md" },
+		border: { default: "bottom" },
+		elevated: {
+			type: Boolean,
+			default: false
+		},
+		compact: {
+			type: Boolean,
+			default: false
+		},
+		label: {}
+	},
+	setup(__props) {
+		/** 工具栏高度密度，对应常见面板顶栏。 */
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+				class: normalizeClass(["rs-toolbar", [
+					`rs-toolbar--${__props.size}`,
+					`rs-toolbar--border-${__props.border}`,
+					{
+						"rs-toolbar--elevated": __props.elevated,
+						"rs-toolbar--compact": __props.compact
+					}
+				]]),
+				role: "toolbar",
+				"aria-label": __props.label
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.left || _ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "left"), renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
+					_ctx.$slots.center ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "center")])) : createCommentVNode("", true),
+					_ctx.$slots.right ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "right")])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, ["class", "aria-label"]);
+		};
+	}
+});
+//#endregion
+export { RsToolbar_vue_vue_type_script_setup_true_lang_default as default };