@youcan/celeste 0.6.101 → 0.7.0

package/dist/cjs/chunks/alpha-slider.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require_use_user_select = require("../use-user-select.cjs");
 const require_color = require("../color.cjs");
 const require_use_color_model = require("./use-color-model.cjs");

package/dist/cjs/chunks/badge.cjs

@@ -1,4 +1,4 @@
-require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
 let vue = require("vue");
@@ -49,7 +49,7 @@ var badge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.
 });
 //#endregion
 //#region src/components/badge/badge.vue
-var badge_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(badge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2b19ee1e"]]);
+var badge_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(badge_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-26dfea2b"]]);
 //#endregion
 Object.defineProperty(exports, "badge_default", {
 	enumerable: true,

package/dist/cjs/chunks/button.cjs

@@ -1,6 +1,7 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
 let vue = require("vue");
 //#region src/components/button/button.vue?vue&type=script&setup=true&lang.ts
 var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -16,7 +17,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 				as: _ctx.as,
 				"as-child": _ctx.asChild,
 				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-button", `celeste-button-intent-${_ctx.intent}`, `celeste-button-size-${_ctx.size}`, `celeste-button-variant-${_ctx.variant}`, props.class))
@@ -33,7 +34,7 @@ var button_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue
 });
 //#endregion
 //#region src/components/button/button.vue
-var button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-6c1800fd"]]);
+var button_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(button_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-d9a3a958"]]);
 //#endregion
 Object.defineProperty(exports, "button_default", {
 	enumerable: true,

package/dist/cjs/chunks/checkbox-card.cjs

@@ -1,6 +1,8 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_Label = require("./Label.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
 //#region src/components/checkbox/checkbox-card.vue?vue&type=script&setup=true&lang.ts
@@ -24,7 +26,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Vh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
 				"aria-required": _ctx.required,
 				"aria-disabled": _ctx.disabled,
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": _ctx.disabled })
@@ -39,14 +41,14 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						"i-celeste-image-circle-fill": ""
 					}, null, -1)), (0, vue.renderSlot)(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? (0, vue.renderSlot)(_ctx.$slots, "icon", { key: 1 }, void 0, true) : (0, vue.createCommentVNode)("", true)], 2)) : (0, vue.createCommentVNode)("", true),
 					(0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", _hoisted_3, [
-						(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+						(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 							as: "span",
 							class: "celeste-checkbox-card-label"
 						}, {
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", {}, void 0, true)]),
 							_: 3
 						}),
-						_ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+						_ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 							key: 0,
 							as: "span",
 							class: "celeste-checkbox-card-sublabel"
@@ -54,7 +56,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sublabel", {}, void 0, true)]),
 							_: 3
 						})) : (0, vue.createCommentVNode)("", true),
-						_ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+						_ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 							key: 1,
 							"as-child": "",
 							class: "celeste-checkbox-card-badge"
@@ -62,7 +64,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
 							_: 3
 						})) : (0, vue.createCommentVNode)("", true)
-					])]), _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+					])]), _ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 						key: 0,
 						as: "span",
 						class: "celeste-checkbox-card-description"
@@ -70,7 +72,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)]),
 						_: 3
 					})) : (0, vue.createCommentVNode)("", true)]),
-					(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+					(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 						disabled: _ctx.disabled,
 						"as-child": "",
 						class: "celeste-checkbox-card-checkbox"
@@ -90,7 +92,7 @@ var checkbox_card_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/checkbox/checkbox-card.vue
-var checkbox_card_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-8acdbba9"]]);
+var checkbox_card_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_card_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-93ac8a54"]]);
 //#endregion
 Object.defineProperty(exports, "checkbox_card_default", {
 	enumerable: true,

package/dist/cjs/chunks/checkbox-label.cjs

@@ -1,6 +1,8 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
 const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_Label = require("./Label.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
 //#region src/components/checkbox/checkbox-label.vue?vue&type=script&setup=true&lang.ts
@@ -27,45 +29,45 @@ var checkbox_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		const props = __props;
 		const delegatedProps = require_use_delegated_props.useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Vh), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Label.Label_default), (0, vue.mergeProps)((0, vue.unref)(delegatedProps), {
 				"aria-required": _ctx.required,
 				"aria-disabcled": _ctx.disabled,
 				class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox-label", props.class)
 			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 					"as-child": "",
 					class: "celeste-checkbox-label-checkbox"
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), (0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", null, [(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
+				}), (0, vue.createElementVNode)("div", _hoisted_1, [(0, vue.createElementVNode)("div", _hoisted_2, [(0, vue.createElementVNode)("div", null, [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), {
 					as: "span",
 					class: "celeste-checkbox-label-label"
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", {}, void 0, true)]),
 					_: 3
-				}), _ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				}), _ctx.$slots.sublabel ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 					key: 0,
 					as: "span",
 					class: "celeste-checkbox-label-sublabel"
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "sublabel", {}, void 0, true)]),
 					_: 3
-				})) : (0, vue.createCommentVNode)("", true)]), _ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				})) : (0, vue.createCommentVNode)("", true)]), _ctx.$slots.badge ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 					key: 0,
 					"as-child": "",
 					class: "celeste-checkbox-label-badge"
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "badge", {}, void 0, true)]),
 					_: 3
-				})) : (0, vue.createCommentVNode)("", true)]), (0, vue.createElementVNode)("div", _hoisted_3, [_ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				})) : (0, vue.createCommentVNode)("", true)]), (0, vue.createElementVNode)("div", _hoisted_3, [_ctx.$slots.description ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 					key: 0,
 					as: "span",
 					class: "celeste-checkbox-label-description"
 				}, {
 					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "description", {}, void 0, true)]),
 					_: 3
-				})) : (0, vue.createCommentVNode)("", true), _ctx.$slots.linkButton ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.O), {
+				})) : (0, vue.createCommentVNode)("", true), _ctx.$slots.linkButton ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
 					key: 1,
 					"as-child": "",
 					class: "celeste-checkbox-label-link-button"
@@ -84,7 +86,7 @@ var checkbox_label_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 });
 //#endregion
 //#region src/components/checkbox/checkbox-label.vue
-var checkbox_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-75e9816c"]]);
+var checkbox_label_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(checkbox_label_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-4692ccc9"]]);
 //#endregion
 Object.defineProperty(exports, "checkbox_label_default", {
 	enumerable: true,

package/dist/cjs/chunks/checkbox.cjs

@@ -1,31 +1,256 @@
-const require_dist = require("./dist.cjs");
+require("./chunk.cjs");
 const require_clsx = require("./clsx.cjs");
+const require_ohash_D__AXeF1 = require("./ohash.D__AXeF1.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_nullish = require("./nullish.cjs");
+const require_isValueEqualOrExist = require("./isValueEqualOrExist.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useFormControl = require("./useFormControl.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_useForwardPropsEmits = require("./useForwardPropsEmits.cjs");
+const require_useForwardScopeId = require("./useForwardScopeId.cjs");
+const require_Presence = require("./Presence.cjs");
+const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.cjs");
+const require_RovingFocusItem = require("./RovingFocusItem.cjs");
 const require_use_delegated_props = require("../use-delegated-props.cjs");
 let vue = require("vue");
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Checkbox/CheckboxGroupRoot.js
+var [injectCheckboxGroupRootContext, provideCheckboxGroupRootContext] = /* @__PURE__ */ require_createContext.createContext("CheckboxGroupRoot");
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Checkbox/utils.js
+function isIndeterminate(checked) {
+	return checked === "indeterminate";
+}
+function getState(checked) {
+	return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
+}
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Checkbox/CheckboxRoot.js
+var [injectCheckboxRootContext, provideCheckboxRootContext] = /* @__PURE__ */ require_createContext.createContext("CheckboxRoot");
+var CheckboxRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "CheckboxRoot",
+	props: {
+		defaultValue: {
+			type: null,
+			required: false
+		},
+		modelValue: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		value: {
+			type: null,
+			required: false,
+			default: "on"
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		trueValue: {
+			type: null,
+			required: false,
+			default: () => true
+		},
+		falseValue: {
+			type: null,
+			required: false,
+			default: () => false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const checkboxGroupContext = injectCheckboxGroupRootContext(null);
+		const modelValue = require_dist.useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? props.falseValue,
+			passive: props.modelValue === void 0
+		});
+		const disabled = (0, vue.computed)(() => checkboxGroupContext?.disabled.value || props.disabled);
+		const isChecked = (0, vue.computed)(() => require_ohash_D__AXeF1.isEqual(modelValue.value, props.trueValue));
+		const checkboxState = (0, vue.computed)(() => {
+			if (!require_nullish.isNullish(checkboxGroupContext?.modelValue.value)) return require_isValueEqualOrExist.isValueEqualOrExist(checkboxGroupContext.modelValue.value, props.value);
+			else {
+				if (modelValue.value === "indeterminate") return "indeterminate";
+				return isChecked.value;
+			}
+		});
+		function handleClick() {
+			if (!require_nullish.isNullish(checkboxGroupContext?.modelValue.value)) {
+				const modelValueArray = [...checkboxGroupContext.modelValue.value || []];
+				if (require_isValueEqualOrExist.isValueEqualOrExist(modelValueArray, props.value)) {
+					const index = modelValueArray.findIndex((i) => require_ohash_D__AXeF1.isEqual(i, props.value));
+					modelValueArray.splice(index, 1);
+				} else modelValueArray.push(props.value);
+				checkboxGroupContext.modelValue.value = modelValueArray;
+			} else if (modelValue.value === "indeterminate") modelValue.value = props.trueValue;
+			else modelValue.value = isChecked.value ? props.falseValue : props.trueValue;
+		}
+		const isFormControl = require_useFormControl.useFormControl(currentElement);
+		const scopeIdAttrs = require_useForwardScopeId.useForwardScopeId();
+		const attrs = (0, vue.useAttrs)();
+		const ariaLabel = (0, vue.computed)(() => {
+			if (attrs["aria-label"]) return void 0;
+			return props.id && currentElement.value ? document.querySelector(`[for="${props.id}"]`)?.innerText : void 0;
+		});
+		provideCheckboxRootContext({
+			disabled,
+			state: checkboxState
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)((0, vue.unref)(checkboxGroupContext)?.rovingFocus.value ? (0, vue.unref)(require_RovingFocusItem.RovingFocusItem_default) : (0, vue.unref)(require_Primitive.Primitive)), (0, vue.mergeProps)({
+				..._ctx.$attrs,
+				...(0, vue.unref)(scopeIdAttrs)
+			}, {
+				id: _ctx.id,
+				ref: (0, vue.unref)(forwardRef),
+				role: "checkbox",
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				type: _ctx.as === "button" ? "button" : void 0,
+				"aria-checked": (0, vue.unref)(isIndeterminate)(checkboxState.value) ? "mixed" : checkboxState.value,
+				"aria-required": _ctx.required,
+				"aria-label": _ctx.$attrs["aria-label"] || ariaLabel.value,
+				"data-state": (0, vue.unref)(getState)(checkboxState.value),
+				"data-disabled": disabled.value ? "" : void 0,
+				disabled: disabled.value,
+				focusable: (0, vue.unref)(checkboxGroupContext)?.rovingFocus.value ? !disabled.value : void 0,
+				onKeydown: (0, vue.withKeys)((0, vue.withModifiers)(() => {}, ["prevent"]), ["enter"]),
+				onClick: handleClick
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					modelValue: (0, vue.unref)(modelValue),
+					state: checkboxState.value
+				})]),
+				_: 3
+			}, 16, [
+				"id",
+				"as-child",
+				"as",
+				"type",
+				"aria-checked",
+				"aria-required",
+				"aria-label",
+				"data-state",
+				"data-disabled",
+				"disabled",
+				"focusable",
+				"onKeydown"
+			])), (0, vue.unref)(isFormControl) && _ctx.name && !(0, vue.unref)(checkboxGroupContext) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_VisuallyHiddenInput.VisuallyHiddenInput_default), (0, vue.mergeProps)({
+				key: 0,
+				type: "checkbox",
+				checked: !!checkboxState.value,
+				name: _ctx.name,
+				value: _ctx.value,
+				disabled: disabled.value,
+				required: _ctx.required
+			}, (0, vue.unref)(scopeIdAttrs)), null, 16, [
+				"checked",
+				"name",
+				"value",
+				"disabled",
+				"required"
+			])) : (0, vue.createCommentVNode)("v-if", true)], 64);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Checkbox/CheckboxIndicator.js
+var CheckboxIndicator_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "CheckboxIndicator",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "span"
+		}
+	},
+	setup(__props) {
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const rootContext = injectCheckboxRootContext();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Presence.Presence_default), { present: _ctx.forceMount || (0, vue.unref)(isIndeterminate)((0, vue.unref)(rootContext).state.value) || (0, vue.unref)(rootContext).state.value === true }, {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)({
+					ref: (0, vue.unref)(forwardRef),
+					"data-state": (0, vue.unref)(getState)((0, vue.unref)(rootContext).state.value),
+					"data-disabled": (0, vue.unref)(rootContext).disabled.value ? "" : void 0,
+					style: { pointerEvents: "none" },
+					"as-child": _ctx.asChild,
+					as: _ctx.as
+				}, _ctx.$attrs), {
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+					_: 3
+				}, 16, [
+					"data-state",
+					"data-disabled",
+					"as-child",
+					"as"
+				])]),
+				_: 3
+			}, 8, ["present"]);
+		};
+	}
+});
 //#endregion
 //#region src/components/checkbox/checkbox.vue
 var checkbox_default = /* @__PURE__ */ (0, vue.defineComponent)({
 	__name: "checkbox",
 	props: {
-		defaultChecked: { type: Boolean },
-		checked: { type: [Boolean, String] },
+		defaultValue: {},
+		modelValue: {},
 		disabled: { type: Boolean },
-		required: { type: Boolean },
-		name: {},
 		value: {},
 		id: {},
+		trueValue: {},
+		falseValue: {},
 		asChild: { type: Boolean },
 		as: {},
+		name: {},
+		required: { type: Boolean },
 		class: {}
 	},
-	emits: ["update:checked"],
+	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
+		const forwarded = require_useForwardPropsEmits.useForwardPropsEmits(require_use_delegated_props.useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Wv), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox", props.class) }), {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.jv), { class: "celeste-checkbox-indicator" })]),
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(CheckboxRoot_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), { class: (0, vue.unref)(require_clsx.clsx)("celeste-checkbox", props.class) }), {
+				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(CheckboxIndicator_default), { class: "celeste-checkbox-indicator" })]),
 				_: 1
 			}, 16, ["class"]);
 		};

package/dist/cjs/chunks/chunk.cjs

@@ -0,0 +1,50 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __exportAll = (all, no_symbols) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	if (!no_symbols) __defProp(target, Symbol.toStringTag, { value: "Module" });
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+Object.defineProperty(exports, "__exportAll", {
+	enumerable: true,
+	get: function() {
+		return __exportAll;
+	}
+});
+Object.defineProperty(exports, "__reExport", {
+	enumerable: true,
+	get: function() {
+		return __reExport;
+	}
+});
+Object.defineProperty(exports, "__toESM", {
+	enumerable: true,
+	get: function() {
+		return __toESM;
+	}
+});

package/dist/cjs/chunks/clamp.cjs

@@ -0,0 +1,75 @@
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/shared/clamp.js
+/**
+* The `clamp` function restricts a number within a specified range by returning the value itself if it
+* falls within the range, or the closest boundary value if it exceeds the range.
+* @param {number} value - The `value` parameter represents the number that you want to clamp within
+* the specified range defined by `min` and `max` values.
+* @param {number} min - If the `value` parameter is less than the `min` value, the
+* function will return the `min` value.
+* @param {number} max - If the `value` parameter is greater than the `max` value,
+* the function will return `max`.
+* @returns The `clamp` function returns the value of `value` constrained within the range defined by
+* `min` and `max`.
+*/
+function clamp(value, min = Number.NEGATIVE_INFINITY, max = Number.POSITIVE_INFINITY) {
+	return Math.min(max, Math.max(min, value));
+}
+/**
+* The function `roundToStepPrecision` rounds a number to a specified precision step.
+* @param {number} value - The `value` parameter is the number that you want to round to a specific
+* precision based on the `step` parameter.
+* @param {number} step - The `step` parameter in the `roundToStepPrecision` function represents the
+* interval at which you want to round the `value`. For example, if `step` is 0.5, the `value` will be
+* rounded to the nearest half.
+* @returns the `roundedValue` after rounding it to the precision specified by the `step`.
+*/
+function roundToStepPrecision(value, step) {
+	let roundedValue = value;
+	const stepString = step.toString();
+	const pointIndex = stepString.indexOf(".");
+	const precision = pointIndex >= 0 ? stepString.length - pointIndex : 0;
+	if (precision > 0) {
+		const pow = 10 ** precision;
+		roundedValue = Math.round(roundedValue * pow) / pow;
+	}
+	return roundedValue;
+}
+/**
+* The function `snapValueToStep` snaps a given value to the nearest step within a specified range.
+* @param {number} value - The `value` parameter represents the number that you want to snap to the
+* nearest step value.
+* @param {number | undefined} min - The `min` parameter represents the minimum value that the `value`
+* should be snapped to. If `value` is less than `min`, it will be snapped to `min`. If `min` is not
+* provided (undefined), then the snapping will not consider a minimum value.
+* @param {number | undefined} max - The `max` parameter represents the maximum value that the `value`
+* should be snapped to. It ensures that the snapped value does not exceed this maximum value.
+* @param {number} step - The `step` parameter in the `snapValueToStep` function represents the
+* interval at which the `value` should be snapped to. It determines the granularity of the snapping
+* operation. For example, if `step` is 5, the `value` will be snapped to the nearest multiple of
+* @returns a number that has been snapped to the nearest step value within the specified range of minimum and maximum values.
+*/
+function snapValueToStep(value, min, max, step) {
+	min = Number(min);
+	max = Number(max);
+	const remainder = (value - (Number.isNaN(min) ? 0 : min)) % step;
+	let snappedValue = roundToStepPrecision(Math.abs(remainder) * 2 >= step ? value + Math.sign(remainder) * (step - Math.abs(remainder)) : value - remainder, step);
+	if (!Number.isNaN(min)) {
+		if (snappedValue < min) snappedValue = min;
+		else if (!Number.isNaN(max) && snappedValue > max) snappedValue = min + Math.floor(roundToStepPrecision((max - min) / step, step)) * step;
+	} else if (!Number.isNaN(max) && snappedValue > max) snappedValue = Math.floor(roundToStepPrecision(max / step, step)) * step;
+	snappedValue = roundToStepPrecision(snappedValue, step);
+	return snappedValue;
+}
+//#endregion
+Object.defineProperty(exports, "clamp", {
+	enumerable: true,
+	get: function() {
+		return clamp;
+	}
+});
+Object.defineProperty(exports, "snapValueToStep", {
+	enumerable: true,
+	get: function() {
+		return snapValueToStep;
+	}
+});