@youcan/celeste 0.6.101 → 0.7.0

package/dist/es/chunks/VisuallyHiddenInput.js

@@ -0,0 +1,140 @@
+import { t as usePrimitiveElement } from "./usePrimitiveElement.js";
+import { t as VisuallyHidden_default } from "./VisuallyHidden.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, watch } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/VisuallyHidden/VisuallyHiddenInputBubble.js
+var VisuallyHiddenInputBubble_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "VisuallyHiddenInputBubble",
+	props: {
+		name: {
+			type: String,
+			required: true
+		},
+		value: {
+			type: null,
+			required: true
+		},
+		checked: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		feature: {
+			type: String,
+			required: false,
+			default: "fully-hidden"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { primitiveElement, currentElement } = usePrimitiveElement();
+		watch(computed(() => props.checked ?? props.value), (cur, prev) => {
+			if (!currentElement.value) return;
+			const input = currentElement.value;
+			const inputProto = window.HTMLInputElement.prototype;
+			const setValue = Object.getOwnPropertyDescriptor(inputProto, "value").set;
+			if (setValue && cur !== prev) {
+				const inputEvent = new Event("input", { bubbles: true });
+				const changeEvent = new Event("change", { bubbles: true });
+				setValue.call(input, cur);
+				input.dispatchEvent(inputEvent);
+				input.dispatchEvent(changeEvent);
+			}
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(VisuallyHidden_default, mergeProps({
+				ref_key: "primitiveElement",
+				ref: primitiveElement
+			}, {
+				...props,
+				..._ctx.$attrs
+			}, { as: "input" }), null, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/VisuallyHidden/VisuallyHiddenInput.js
+var VisuallyHiddenInput_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "VisuallyHiddenInput",
+	props: {
+		name: {
+			type: String,
+			required: true
+		},
+		value: {
+			type: null,
+			required: true
+		},
+		checked: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		feature: {
+			type: String,
+			required: false,
+			default: "fully-hidden"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const isFormArrayEmptyAndRequired = computed(() => typeof props.value === "object" && Array.isArray(props.value) && props.value.length === 0 && props.required);
+		const parsedValue = computed(() => {
+			if (typeof props.value === "string" || typeof props.value === "number" || typeof props.value === "boolean" || props.value === null || props.value === void 0) return [{
+				name: props.name,
+				value: props.value
+			}];
+			else if (typeof props.value === "object" && Array.isArray(props.value)) return props.value.flatMap((obj, index) => {
+				if (typeof obj === "object") return Object.entries(obj).map(([key, value]) => ({
+					name: `${props.name}[${index}][${key}]`,
+					value
+				}));
+				else return {
+					name: `${props.name}[${index}]`,
+					value: obj
+				};
+			});
+			else if (props.value !== null && typeof props.value === "object" && !Array.isArray(props.value)) return Object.entries(props.value).map(([key, value]) => ({
+				name: `${props.name}[${key}]`,
+				value
+			}));
+			return [];
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createCommentVNode(" We render single input if it's required "), isFormArrayEmptyAndRequired.value ? (openBlock(), createBlock(VisuallyHiddenInputBubble_default, mergeProps({ key: _ctx.name }, {
+				...props,
+				..._ctx.$attrs
+			}, {
+				name: _ctx.name,
+				value: _ctx.value
+			}), null, 16, ["name", "value"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(parsedValue.value, (parsed) => {
+				return openBlock(), createBlock(VisuallyHiddenInputBubble_default, mergeProps({ key: parsed.name }, { ref_for: true }, {
+					...props,
+					..._ctx.$attrs
+				}, {
+					name: parsed.name,
+					value: parsed.value
+				}), null, 16, ["name", "value"]);
+			}), 128))], 2112);
+		};
+	}
+});
+//#endregion
+export { VisuallyHiddenInput_default as t };

package/dist/es/chunks/alert.js

@@ -91,6 +91,6 @@ var alert_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE
 			], 10, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-43d8e868"]]);
+}), [["__scopeId", "data-v-472863f9"]]);
 //#endregion
 export { alert_default as t };

package/dist/es/chunks/badge.js

@@ -47,6 +47,6 @@ var badge_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE
 			], 10, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2b19ee1e"]]);
+}), [["__scopeId", "data-v-26dfea2b"]]);
 //#endregion
 export { badge_default as t };

package/dist/es/chunks/button.js

@@ -1,6 +1,6 @@
-import { D as O } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as Primitive } from "./Primitive.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/button/button.vue
@@ -17,7 +17,7 @@ var button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(O), {
+			return openBlock(), createBlock(unref(Primitive), {
 				as: _ctx.as,
 				"as-child": _ctx.asChild,
 				class: normalizeClass(unref(clsx)("celeste-button", `celeste-button-intent-${_ctx.intent}`, `celeste-button-size-${_ctx.size}`, `celeste-button-variant-${_ctx.variant}`, props.class))
@@ -31,6 +31,6 @@ var button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PUR
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-6c1800fd"]]);
+}), [["__scopeId", "data-v-d9a3a958"]]);
 //#endregion
 export { button_default as t };

package/dist/es/chunks/checkbox-card.js

@@ -1,6 +1,7 @@
-import { D as O, U as Vh } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 //#region src/components/checkbox/checkbox-card.vue?vue&type=script&setup=true&lang.ts
@@ -26,7 +27,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Vh), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
 				"aria-required": _ctx.required,
 				"aria-disabled": _ctx.disabled,
 				class: unref(clsx)("celeste-checkbox-card", props.class, { "celeste-checkbox-card-disabled": _ctx.disabled })
@@ -41,14 +42,14 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						"i-celeste-image-circle-fill": ""
 					}, null, -1)), renderSlot(_ctx.$slots, "image", { class: "i-celeste-image-circle-fill?bg" }, void 0, true)], 64)) : _ctx.$slots.icon ? renderSlot(_ctx.$slots, "icon", { key: 1 }, void 0, true) : createCommentVNode("", true)], 2)) : createCommentVNode("", true),
 					createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [
-						createVNode(unref(O), {
+						createVNode(unref(Primitive), {
 							as: "span",
 							class: "celeste-checkbox-card-label"
 						}, {
 							default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
 							_: 3
 						}),
-						_ctx.$slots.sublabel ? (openBlock(), createBlock(unref(O), {
+						_ctx.$slots.sublabel ? (openBlock(), createBlock(unref(Primitive), {
 							key: 0,
 							as: "span",
 							class: "celeste-checkbox-card-sublabel"
@@ -56,7 +57,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 							default: withCtx(() => [renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)]),
 							_: 3
 						})) : createCommentVNode("", true),
-						_ctx.$slots.badge ? (openBlock(), createBlock(unref(O), {
+						_ctx.$slots.badge ? (openBlock(), createBlock(unref(Primitive), {
 							key: 1,
 							"as-child": "",
 							class: "celeste-checkbox-card-badge"
@@ -64,7 +65,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 							default: withCtx(() => [renderSlot(_ctx.$slots, "badge", { disabled: _ctx.disabled }, void 0, true)]),
 							_: 3
 						})) : createCommentVNode("", true)
-					])]), _ctx.$slots.description ? (openBlock(), createBlock(unref(O), {
+					])]), _ctx.$slots.description ? (openBlock(), createBlock(unref(Primitive), {
 						key: 0,
 						as: "span",
 						class: "celeste-checkbox-card-description"
@@ -72,7 +73,7 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 						default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, void 0, true)]),
 						_: 3
 					})) : createCommentVNode("", true)]),
-					createVNode(unref(O), {
+					createVNode(unref(Primitive), {
 						disabled: _ctx.disabled,
 						"as-child": "",
 						class: "celeste-checkbox-card-checkbox"
@@ -89,6 +90,6 @@ var checkbox_card_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/*
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-8acdbba9"]]);
+}), [["__scopeId", "data-v-93ac8a54"]]);
 //#endregion
 export { checkbox_card_default as t };

package/dist/es/chunks/checkbox-label.js

@@ -1,6 +1,7 @@
-import { D as O, U as Vh } from "./dist.js";
 import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as Label_default } from "./Label.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, createCommentVNode, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#region src/components/checkbox/checkbox-label.vue?vue&type=script&setup=true&lang.ts
@@ -29,45 +30,45 @@ var checkbox_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Vh), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
 				"aria-required": _ctx.required,
 				"aria-disabcled": _ctx.disabled,
 				class: unref(clsx)("celeste-checkbox-label", props.class)
 			}), {
-				default: withCtx(() => [createVNode(unref(O), {
+				default: withCtx(() => [createVNode(unref(Primitive), {
 					"as-child": "",
 					class: "celeste-checkbox-label-checkbox"
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
-				}), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", null, [createVNode(unref(O), {
+				}), createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", null, [createVNode(unref(Primitive), {
 					as: "span",
 					class: "celeste-checkbox-label-label"
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "label", {}, void 0, true)]),
 					_: 3
-				}), _ctx.$slots.sublabel ? (openBlock(), createBlock(unref(O), {
+				}), _ctx.$slots.sublabel ? (openBlock(), createBlock(unref(Primitive), {
 					key: 0,
 					as: "span",
 					class: "celeste-checkbox-label-sublabel"
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "sublabel", {}, void 0, true)]),
 					_: 3
-				})) : createCommentVNode("", true)]), _ctx.$slots.badge ? (openBlock(), createBlock(unref(O), {
+				})) : createCommentVNode("", true)]), _ctx.$slots.badge ? (openBlock(), createBlock(unref(Primitive), {
 					key: 0,
 					"as-child": "",
 					class: "celeste-checkbox-label-badge"
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "badge", {}, void 0, true)]),
 					_: 3
-				})) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3, [_ctx.$slots.description ? (openBlock(), createBlock(unref(O), {
+				})) : createCommentVNode("", true)]), createElementVNode("div", _hoisted_3, [_ctx.$slots.description ? (openBlock(), createBlock(unref(Primitive), {
 					key: 0,
 					as: "span",
 					class: "celeste-checkbox-label-description"
 				}, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "description", {}, void 0, true)]),
 					_: 3
-				})) : createCommentVNode("", true), _ctx.$slots.linkButton ? (openBlock(), createBlock(unref(O), {
+				})) : createCommentVNode("", true), _ctx.$slots.linkButton ? (openBlock(), createBlock(unref(Primitive), {
 					key: 1,
 					"as-child": "",
 					class: "celeste-checkbox-label-link-button"
@@ -83,6 +84,6 @@ var checkbox_label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 			]);
 		};
 	}
-}), [["__scopeId", "data-v-75e9816c"]]);
+}), [["__scopeId", "data-v-4692ccc9"]]);
 //#endregion
 export { checkbox_label_default as t };

package/dist/es/chunks/checkbox.js

@@ -1,31 +1,255 @@
-import { I as Se, K as Wv, xt as jv } from "./dist.js";
 import { t as clsx } from "./clsx.js";
+import { t as isEqual } from "./ohash.D__AXeF1.js";
+import { t as createContext } from "./createContext.js";
+import { t as isNullish } from "./nullish.js";
+import { t as isValueEqualOrExist } from "./isValueEqualOrExist.js";
+import { s as useVModel } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useFormControl } from "./useFormControl.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as useForwardScopeId } from "./useForwardScopeId.js";
+import { t as Presence_default } from "./Presence.js";
+import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
+import { t as RovingFocusItem_default } from "./RovingFocusItem.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, resolveDynamicComponent, unref, useAttrs, withCtx, withKeys, withModifiers } from "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__ */ 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__ */ createContext("CheckboxRoot");
+var CheckboxRoot_default = /* @__PURE__ */ 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 } = useForwardExpose();
+		const checkboxGroupContext = injectCheckboxGroupRootContext(null);
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? props.falseValue,
+			passive: props.modelValue === void 0
+		});
+		const disabled = computed(() => checkboxGroupContext?.disabled.value || props.disabled);
+		const isChecked = computed(() => isEqual(modelValue.value, props.trueValue));
+		const checkboxState = computed(() => {
+			if (!isNullish(checkboxGroupContext?.modelValue.value)) return isValueEqualOrExist(checkboxGroupContext.modelValue.value, props.value);
+			else {
+				if (modelValue.value === "indeterminate") return "indeterminate";
+				return isChecked.value;
+			}
+		});
+		function handleClick() {
+			if (!isNullish(checkboxGroupContext?.modelValue.value)) {
+				const modelValueArray = [...checkboxGroupContext.modelValue.value || []];
+				if (isValueEqualOrExist(modelValueArray, props.value)) {
+					const index = modelValueArray.findIndex((i) => 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 = useFormControl(currentElement);
+		const scopeIdAttrs = useForwardScopeId();
+		const attrs = useAttrs();
+		const ariaLabel = 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 openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(unref(checkboxGroupContext)?.rovingFocus.value ? unref(RovingFocusItem_default) : unref(Primitive)), mergeProps({
+				..._ctx.$attrs,
+				...unref(scopeIdAttrs)
+			}, {
+				id: _ctx.id,
+				ref: unref(forwardRef),
+				role: "checkbox",
+				"as-child": _ctx.asChild,
+				as: _ctx.as,
+				type: _ctx.as === "button" ? "button" : void 0,
+				"aria-checked": unref(isIndeterminate)(checkboxState.value) ? "mixed" : checkboxState.value,
+				"aria-required": _ctx.required,
+				"aria-label": _ctx.$attrs["aria-label"] || ariaLabel.value,
+				"data-state": unref(getState)(checkboxState.value),
+				"data-disabled": disabled.value ? "" : void 0,
+				disabled: disabled.value,
+				focusable: unref(checkboxGroupContext)?.rovingFocus.value ? !disabled.value : void 0,
+				onKeydown: withKeys(withModifiers(() => {}, ["prevent"]), ["enter"]),
+				onClick: handleClick
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					modelValue: 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"
+			])), unref(isFormControl) && _ctx.name && !unref(checkboxGroupContext) ? (openBlock(), createBlock(unref(VisuallyHiddenInput_default), mergeProps({
+				key: 0,
+				type: "checkbox",
+				checked: !!checkboxState.value,
+				name: _ctx.name,
+				value: _ctx.value,
+				disabled: disabled.value,
+				required: _ctx.required
+			}, unref(scopeIdAttrs)), null, 16, [
+				"checked",
+				"name",
+				"value",
+				"disabled",
+				"required"
+			])) : 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__ */ 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 } = useForwardExpose();
+		const rootContext = injectCheckboxRootContext();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Presence_default), { present: _ctx.forceMount || unref(isIndeterminate)(unref(rootContext).state.value) || unref(rootContext).state.value === true }, {
+				default: withCtx(() => [createVNode(unref(Primitive), mergeProps({
+					ref: unref(forwardRef),
+					"data-state": unref(getState)(unref(rootContext).state.value),
+					"data-disabled": unref(rootContext).disabled.value ? "" : void 0,
+					style: { pointerEvents: "none" },
+					"as-child": _ctx.asChild,
+					as: _ctx.as
+				}, _ctx.$attrs), {
+					default: withCtx(() => [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__ */ 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 = Se(useDelegatedProps(props, "class"), emits);
+		const forwarded = useForwardPropsEmits(useDelegatedProps(props, "class"), emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Wv), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-checkbox", props.class) }), {
-				default: withCtx(() => [createVNode(unref(jv), { class: "celeste-checkbox-indicator" })]),
+			return openBlock(), createBlock(unref(CheckboxRoot_default), mergeProps(unref(forwarded), { class: unref(clsx)("celeste-checkbox", props.class) }), {
+				default: withCtx(() => [createVNode(unref(CheckboxIndicator_default), { class: "celeste-checkbox-indicator" })]),
 				_: 1
 			}, 16, ["class"]);
 		};

package/dist/es/chunks/clamp.js

@@ -0,0 +1,64 @@
+//#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
+export { snapValueToStep as n, clamp as t };