niuma-ui 1.1.12 → 1.2.0

package/dist/components/RsCard.css

@@ -0,0 +1,282 @@
+
+.rs-card {
+  --rs-card-header-padding-y: 0.75rem;
+  --rs-card-header-padding-x: 1rem;
+  --rs-card-body-padding: 1rem;
+  --rs-card-footer-padding-y: 0.625rem;
+  --rs-card-footer-padding-x: 1rem;
+  --rs-card-title-size: var(--rs-font-size-sm);
+  --rs-card-desc-size: var(--rs-font-size-xs);
+
+  position: relative;
+  overflow: visible;
+  border-radius: var(--rs-card-radius, var(--rs-radius));
+  border: 1px solid var(--rs-card-border);
+  background: var(--rs-card-body-bg);
+  box-shadow: var(--rs-card-shadow);
+  isolation: isolate;
+}
+.rs-card--sm {
+  --rs-card-header-padding-y: 0.5rem;
+  --rs-card-header-padding-x: 0.75rem;
+  --rs-card-body-padding: 0.75rem;
+  --rs-card-footer-padding-y: 0.5rem;
+  --rs-card-footer-padding-x: 0.75rem;
+  --rs-card-title-size: var(--rs-font-size-xs);
+}
+.rs-card--md {
+  --rs-card-header-padding-y: 0.75rem;
+  --rs-card-header-padding-x: 1rem;
+  --rs-card-body-padding: 1rem;
+  --rs-card-footer-padding-y: 0.625rem;
+  --rs-card-footer-padding-x: 1rem;
+  --rs-card-title-size: var(--rs-font-size-sm);
+}
+.rs-card--lg {
+  --rs-card-header-padding-y: 1rem;
+  --rs-card-header-padding-x: 1.25rem;
+  --rs-card-body-padding: 1.25rem;
+  --rs-card-footer-padding-y: 0.75rem;
+  --rs-card-footer-padding-x: 1.25rem;
+  --rs-card-title-size: var(--rs-font-size-base);
+}
+.rs-card--clip {
+  overflow: hidden;
+}
+.rs-card--fill {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+.rs-card--fill .rs-card__body {
+  flex: 1 1 auto;
+  min-height: 0;
+}
+.rs-card--hoverable {
+  transition:
+    box-shadow 0.2s ease,
+    border-color 0.2s ease,
+    transform 0.2s ease;
+  cursor: default;
+}
+.rs-card--hoverable:hover {
+  box-shadow: var(--rs-card-shadow-elevated);
+}
+
+/* ── grouped：macOS 系统设置分组面板（header 微分层 + inset 高光）── */
+/* overflow:hidden 必须：header 实色与 backdrop-filter 才能贴合圆角，否则弧边溢出成直角 */
+.rs-card--grouped {
+  overflow: hidden;
+}
+[data-rs-theme='light'] .rs-card--grouped {
+  background: color-mix(in srgb, var(--rs-card-body-bg) 94%, transparent);
+  backdrop-filter: blur(20px) saturate(150%);
+  -webkit-backdrop-filter: blur(20px) saturate(150%);
+}
+.rs-card--grouped .rs-card__header {
+  background: var(--rs-card-header-bg);
+  border-bottom: 1px solid var(--rs-card-separator);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05);
+}
+[data-rs-theme='light'] .rs-card--grouped .rs-card__header {
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.75);
+}
+.rs-card--grouped .rs-card__body {
+  background: var(--rs-card-body-bg);
+}
+[data-rs-theme='light'] .rs-card--grouped .rs-card__body {
+  background: transparent;
+}
+.rs-card--grouped.rs-card--elevated {
+  box-shadow: var(--rs-card-shadow-elevated);
+}
+
+/* ── plain：macOS 小组件 / 仪表盘（单表面、弱分隔）── */
+.rs-card--plain {
+  border-color: var(--rs-card-separator);
+  box-shadow: none;
+}
+.rs-card--plain .rs-card__header {
+  background: transparent;
+  border-bottom: 1px solid var(--rs-card-separator);
+  box-shadow: none;
+}
+.rs-card--plain .rs-card__title {
+  font-size: var(--rs-font-size-xs);
+  font-weight: var(--rs-font-weight-medium);
+  color: var(--rs-card-description-fg);
+  letter-spacing: 0;
+}
+.rs-card--plain .rs-card__body {
+  background: transparent;
+}
+.rs-card--plain.rs-card--elevated {
+  box-shadow: var(--rs-card-shadow-elevated);
+}
+
+/* ── outlined：Material 3 Outlined Card（描边、无 header 底色）── */
+.rs-card--outlined {
+  border: 1px solid var(--rs-card-border);
+  box-shadow: none;
+  background: var(--rs-card-body-bg);
+}
+.rs-card--outlined .rs-card__header {
+  background: transparent;
+  border-bottom: 1px solid var(--rs-card-separator);
+  box-shadow: none;
+}
+.rs-card--outlined .rs-card__title {
+  font-weight: var(--rs-font-weight-medium);
+  letter-spacing: 0;
+}
+.rs-card--outlined .rs-card__body {
+  background: transparent;
+}
+.rs-card--outlined.rs-card--elevated {
+  box-shadow: var(--rs-card-filled-elevated-shadow);
+}
+
+/* ── filled：Material 3 Filled Card（色调填充、无边框）── */
+.rs-card--filled {
+  border-color: transparent;
+  background: var(--rs-card-filled-bg);
+  box-shadow: none;
+}
+.rs-card--filled .rs-card__header {
+  background: transparent;
+  border-bottom: 1px solid var(--rs-card-separator);
+  box-shadow: none;
+}
+.rs-card--filled .rs-card__title {
+  font-weight: var(--rs-font-weight-medium);
+  letter-spacing: 0;
+}
+.rs-card--filled .rs-card__body {
+  background: transparent;
+}
+.rs-card--filled.rs-card--elevated {
+  box-shadow: var(--rs-card-filled-elevated-shadow);
+}
+
+/* ── glass：macOS Vibrancy 毛玻璃（强模糊 + 半透明）── */
+/* 同 grouped：毛玻璃与 header 分层依赖 overflow 裁切圆角 */
+.rs-card--glass {
+  overflow: hidden;
+  border-color: var(--rs-card-glass-border);
+  background: var(--rs-card-glass-bg);
+  backdrop-filter: blur(28px) saturate(180%);
+  -webkit-backdrop-filter: blur(28px) saturate(180%);
+  box-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.12),
+    0 8px 24px rgb(0 0 0 / 0.12);
+}
+[data-rs-theme='light'] .rs-card--glass {
+  box-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.6),
+    0 8px 24px rgb(0 0 0 / 0.08);
+}
+.rs-card--glass .rs-card__header {
+  background: rgb(255 255 255 / 0.04);
+  border-bottom: 1px solid var(--rs-card-glass-border);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08);
+}
+[data-rs-theme='light'] .rs-card--glass .rs-card__header {
+  background: rgb(255 255 255 / 0.35);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
+}
+.rs-card--glass .rs-card__body {
+  background: transparent;
+}
+.rs-card--glass.rs-card--elevated {
+  box-shadow:
+    0 0 0 0.5px rgb(255 255 255 / 0.14),
+    0 12px 32px rgb(0 0 0 / 0.18);
+}
+
+/* ── borderless：无外框（对齐 RsTabs borderless，业务无需 :deep）── */
+.rs-card--borderless {
+  border: none;
+  box-shadow: none;
+  background: transparent;
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.rs-card--borderless .rs-card__header {
+  background: transparent;
+  border-bottom: none;
+  box-shadow: none;
+}
+.rs-card--borderless .rs-card__body {
+  background: transparent;
+}
+.rs-card--borderless .rs-card__footer {
+  border-top: none;
+}
+.rs-card--borderless.rs-card--elevated {
+  box-shadow: var(--rs-card-shadow-elevated);
+}
+
+/* ── 公共结构 ── */
+/* 首尾区块跟卡片圆角对齐，避免 overflow:visible 时直角底色顶出弧边 */
+.rs-card__cover:first-child,
+.rs-card__header:first-child {
+  border-top-left-radius: var(--rs-card-radius, var(--rs-radius));
+  border-top-right-radius: var(--rs-card-radius, var(--rs-radius));
+}
+.rs-card__footer:last-child,
+.rs-card__body:last-child {
+  border-bottom-left-radius: var(--rs-card-radius, var(--rs-radius));
+  border-bottom-right-radius: var(--rs-card-radius, var(--rs-radius));
+}
+.rs-card__cover {
+  flex-shrink: 0;
+  line-height: 0;
+}
+.rs-card__cover > * {
+  display: block;
+  width: 100%;
+}
+.rs-card__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: var(--rs-space-md);
+  flex-shrink: 0;
+  padding: var(--rs-card-header-padding-y) var(--rs-card-header-padding-x);
+}
+.rs-card__heading {
+  min-width: 0;
+}
+.rs-card__title {
+  margin: 0;
+  font-size: var(--rs-card-title-size);
+  font-weight: var(--rs-font-weight-semibold);
+  letter-spacing: -0.01em;
+  color: var(--rs-card-title-fg);
+}
+.rs-card__description {
+  margin: 0.2rem 0 0;
+  font-size: var(--rs-card-desc-size);
+  color: var(--rs-card-description-fg);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-card__actions {
+  display: flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+  flex-shrink: 0;
+}
+.rs-card__body--padded {
+  padding: var(--rs-card-body-padding);
+}
+.rs-card__footer {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: var(--rs-space-sm);
+  flex-shrink: 0;
+  padding: var(--rs-card-footer-padding-y) var(--rs-card-footer-padding-x);
+  border-top: 1px solid var(--rs-card-separator);
+}

package/dist/components/RsCard.d.ts

@@ -0,0 +1,78 @@
+import type { RsRadius } from '../theme/types';
+/**
+ * 卡片表面风格。
+ * - grouped / plain / glass：偏 macOS 分层与仪表盘
+ * - outlined / filled：偏 Material 3，后台信息面板常用 outlined
+ */
+export type RsCardVariant = 'grouped' | 'plain' | 'outlined' | 'filled' | 'glass';
+/**
+ * 卡片密度（疏密），映射 header/body padding 与标题字号。
+ * 与控件 `RsComponentSize`（高度）无关，勿混用。
+ */
+export type RsCardSize = 'sm' | 'md' | 'lg';
+type __VLS_Props = {
+    as?: string;
+    title?: string;
+    description?: string;
+    /** body 是否使用密度对应的内边距；false 时贴边，适合表格/图表 */
+    padding?: boolean;
+    elevated?: boolean;
+    /**
+     * 无外框：去掉边框、阴影与标题底部分隔，背景透明。
+     * 适合嵌在页面内容区、业务无需 :deep 清边框的场景。
+     */
+    borderless?: boolean;
+    /** grouped=mac 分组；plain=KPI；outlined/filled=MD3；glass=毛玻璃 */
+    variant?: RsCardVariant;
+    /**
+     * 密度：sm 后台紧凑 / md 默认（后台面板） / lg 前台宽松。
+     * @default md
+     */
+    size?: RsCardSize;
+    /**
+     * 圆角档位。卡片表面独立于 ConfigProvider.controlRadius，
+     * 避免表单全局 sm 圆角把面板一并压扁。
+     * @default md
+     */
+    radius?: RsRadius;
+    /** hover 时轻微抬升阴影，适合可点击/可选中卡片 */
+    hoverable?: boolean;
+    /**
+     * 裁切溢出（封面圆角、内部绝对定位）。
+     * 默认 false，避免表格/下拉被 overflow:hidden 裁切。
+     */
+    clip?: boolean;
+    /** 占满父级高度，body 纵向伸展；适合后台 Pane 内嵌 */
+    fill?: boolean;
+};
+declare var __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    cover?: (props: typeof __VLS_8) => any;
+} & {
+    header?: (props: typeof __VLS_10) => any;
+} & {
+    actions?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_14) => any;
+} & {
+    footer?: (props: typeof __VLS_16) => 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;
+    variant: RsCardVariant;
+    padding: boolean;
+    size: RsCardSize;
+    elevated: boolean;
+    as: string;
+    borderless: boolean;
+    hoverable: boolean;
+    clip: 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/RsCard.impl.js

@@ -0,0 +1,104 @@
+import { rsRadiusCss } from "./resolve-radius.js";
+import { Primitive } from "./reka.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+//#region src/components/RsCard.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "rs-card__cover"
+};
+var _hoisted_2 = {
+	key: 1,
+	class: "rs-card__header"
+};
+var _hoisted_3 = { class: "rs-card__heading" };
+var _hoisted_4 = {
+	key: 0,
+	class: "rs-card__title"
+};
+var _hoisted_5 = {
+	key: 1,
+	class: "rs-card__description"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "rs-card__actions"
+};
+var _hoisted_7 = {
+	key: 2,
+	class: "rs-card__footer"
+};
+var RsCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsCard",
+	props: {
+		as: { default: "section" },
+		title: {},
+		description: {},
+		padding: {
+			type: Boolean,
+			default: true
+		},
+		elevated: {
+			type: Boolean,
+			default: false
+		},
+		borderless: {
+			type: Boolean,
+			default: false
+		},
+		variant: { default: "grouped" },
+		size: { default: "md" },
+		radius: {},
+		hoverable: {
+			type: Boolean,
+			default: false
+		},
+		clip: {
+			type: Boolean,
+			default: false
+		},
+		fill: {
+			type: Boolean,
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const hasHeader = computed(() => Boolean(props.title || props.description || slots.header || slots.actions));
+		const hasFooter = computed(() => Boolean(slots.footer));
+		/** 卡片圆角只认 props，不跟 controlRadius 走 */
+		const resolvedRadius = computed(() => props.radius ?? "md");
+		const rootStyle = computed(() => ({ "--rs-card-radius": rsRadiusCss(resolvedRadius.value) }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				as: __props.as,
+				class: normalizeClass(["rs-card", [
+					`rs-card--${__props.variant}`,
+					`rs-card--${__props.size}`,
+					{
+						"rs-card--elevated": __props.elevated,
+						"rs-card--borderless": __props.borderless,
+						"rs-card--hoverable": __props.hoverable,
+						"rs-card--clip": __props.clip,
+						"rs-card--fill": __props.fill
+					}
+				]]),
+				style: normalizeStyle(rootStyle.value)
+			}, {
+				default: withCtx(() => [
+					_ctx.$slots.cover ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "cover")])) : createCommentVNode("", true),
+					hasHeader.value ? (openBlock(), createElementBlock("header", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "header", {}, () => [__props.title ? (openBlock(), createElementBlock("h3", _hoisted_4, toDisplayString(__props.title), 1)) : createCommentVNode("", true), __props.description ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("", true)])]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_6, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)])) : createCommentVNode("", true),
+					createElementVNode("div", { class: normalizeClass(["rs-card__body", { "rs-card__body--padded": __props.padding }]) }, [renderSlot(_ctx.$slots, "default")], 2),
+					hasFooter.value ? (openBlock(), createElementBlock("footer", _hoisted_7, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 8, [
+				"as",
+				"class",
+				"style"
+			]);
+		};
+	}
+});
+//#endregion
+export { RsCard_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/RsCard.js

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

package/dist/components/RsCheckbox.css

@@ -0,0 +1,104 @@
+
+.rs-checkbox {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rs-space-xs);
+  vertical-align: middle;
+  line-height: 1;
+  cursor: pointer;
+  user-select: none;
+  color: var(--rs-text);
+}
+.rs-checkbox--disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.rs-checkbox__input {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  margin: -1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
+.rs-checkbox__box {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  box-sizing: border-box;
+  border: 1px solid var(--rs-border);
+  border-radius: var(--rs-radius-xs, 4px);
+  background: var(--rs-surface);
+  transition:
+    border-color var(--rs-transition-fast, 0.12s ease),
+    background-color var(--rs-transition-fast, 0.12s ease);
+}
+.rs-checkbox--ssm .rs-checkbox__box {
+  width: 0.75rem;
+  height: 0.75rem;
+}
+.rs-checkbox--sm .rs-checkbox__box {
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.rs-checkbox--md .rs-checkbox__box {
+  width: 1rem;
+  height: 1rem;
+}
+.rs-checkbox--lg .rs-checkbox__box {
+  width: 1.125rem;
+  height: 1.125rem;
+}
+.rs-checkbox:hover:not(.rs-checkbox--disabled) .rs-checkbox__box {
+  border-color: var(--rs-primary);
+}
+.rs-checkbox--checked .rs-checkbox__box,
+.rs-checkbox--indeterminate .rs-checkbox__box {
+  border-color: var(--rs-primary);
+  background: var(--rs-primary);
+}
+.rs-checkbox--checked .rs-checkbox__box::after {
+  content: '';
+  position: absolute;
+  top: 42%;
+  left: 50%;
+  width: 0.28rem;
+  height: 0.5rem;
+  border: solid var(--rs-primary-foreground, #fff);
+  border-width: 0 2px 2px 0;
+  transform: translate(-50%, -50%) rotate(45deg);
+}
+.rs-checkbox--ssm.rs-checkbox--checked .rs-checkbox__box::after {
+  width: 0.2rem;
+  height: 0.36rem;
+}
+.rs-checkbox--sm.rs-checkbox--checked .rs-checkbox__box::after {
+  width: 0.24rem;
+  height: 0.42rem;
+}
+.rs-checkbox--indeterminate .rs-checkbox__box::after {
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  width: 0.5rem;
+  height: 2px;
+  border: 0;
+  border-radius: 1px;
+  background: var(--rs-primary-foreground, #fff);
+  transform: translate(-50%, -50%);
+}
+.rs-checkbox__label {
+  font-size: var(--rs-font-size-sm);
+  line-height: var(--rs-line-height-normal);
+}
+.rs-checkbox--ssm .rs-checkbox__label,
+.rs-checkbox--sm .rs-checkbox__label {
+  font-size: var(--rs-font-size-xs);
+}

package/dist/components/RsCheckbox.d.ts

@@ -0,0 +1,36 @@
+import type { RsComponentSize } from '../theme/types';
+type __VLS_Props = {
+    /** 半选（仅视觉；点击仍按 model 取反） */
+    indeterminate?: boolean;
+    disabled?: boolean;
+    size?: RsComponentSize;
+    /** 无障碍名称；有默认插槽文案时可省略 */
+    ariaLabel?: string;
+    id?: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: boolean) => any;
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onChange?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+    indeterminate: 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/RsCheckbox.impl.js

@@ -0,0 +1,86 @@
+import { useResolvedRsComponentSize } from "./resolve-size.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeModels, normalizeClass, openBlock, renderSlot, useId, useModel, withModifiers } from "vue";
+//#region src/components/RsCheckbox.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["for"];
+var _hoisted_2 = [
+	"id",
+	"checked",
+	"disabled",
+	"aria-checked",
+	"aria-label"
+];
+var _hoisted_3 = {
+	key: 0,
+	class: "rs-checkbox__label"
+};
+var RsCheckbox_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RsCheckbox",
+	props: /*@__PURE__*/ mergeModels({
+		indeterminate: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		size: {},
+		ariaLabel: {},
+		id: {}
+	}, {
+		"modelValue": {
+			type: Boolean,
+			default: false
+		},
+		"modelModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels(["change"], ["update:modelValue"]),
+	setup(__props, { emit: __emit }) {
+		const model = useModel(__props, "modelValue");
+		const props = __props;
+		const emit = __emit;
+		const autoId = useId();
+		const inputId = computed(() => props.id || autoId);
+		const resolvedSize = useResolvedRsComponentSize(() => props.size);
+		const rootClass = computed(() => [
+			"rs-checkbox",
+			`rs-checkbox--${resolvedSize.value}`,
+			{
+				"rs-checkbox--checked": model.value && !props.indeterminate,
+				"rs-checkbox--indeterminate": props.indeterminate,
+				"rs-checkbox--disabled": props.disabled
+			}
+		]);
+		function onChange(event) {
+			if (props.disabled) return;
+			const checked = event.target.checked;
+			model.value = checked;
+			emit("change", checked);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("label", {
+				class: normalizeClass(rootClass.value),
+				for: inputId.value
+			}, [
+				createElementVNode("input", {
+					id: inputId.value,
+					class: "rs-checkbox__input",
+					type: "checkbox",
+					checked: model.value,
+					disabled: __props.disabled,
+					"aria-checked": __props.indeterminate ? "mixed" : model.value,
+					"aria-label": __props.ariaLabel,
+					onChange,
+					onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
+				}, null, 40, _hoisted_2),
+				_cache[1] || (_cache[1] = createElementVNode("span", {
+					class: "rs-checkbox__box",
+					"aria-hidden": "true"
+				}, null, -1)),
+				_ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_3, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true)
+			], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { RsCheckbox_vue_vue_type_script_setup_true_lang_default as default };