@youcan/celeste 0.6.101 → 0.7.0

package/dist/es/chunks/segmented-control-item.js

@@ -1,8 +1,166 @@
-import { Vt as uv } 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 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 useForwardScopeId } from "./useForwardScopeId.js";
+import { n as injectToggleGroupRootContext } from "./ToggleGroupRoot.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, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, openBlock, renderSlot, resolveDynamicComponent, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Toggle/Toggle.js
+var Toggle_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "Toggle",
+	props: {
+		defaultValue: {
+			type: Boolean,
+			required: false
+		},
+		modelValue: {
+			type: [Boolean, null],
+			required: false,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			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 scopeIdAttrs = useForwardScopeId();
+		const toggleGroupContext = injectToggleGroupRootContext(null);
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue,
+			passive: props.modelValue === void 0
+		});
+		function togglePressed() {
+			modelValue.value = !modelValue.value;
+		}
+		const dataState = computed(() => {
+			return modelValue.value ? "on" : "off";
+		});
+		const isFormControl = useFormControl(currentElement);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
+				ref: unref(forwardRef),
+				type: _ctx.as === "button" ? "button" : void 0,
+				"as-child": props.asChild,
+				as: _ctx.as,
+				"aria-pressed": unref(modelValue),
+				"data-state": dataState.value,
+				"data-disabled": _ctx.disabled ? "" : void 0,
+				disabled: _ctx.disabled
+			}, {
+				...unref(scopeIdAttrs),
+				..._ctx.$attrs
+			}, { onClick: togglePressed }), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					modelValue: unref(modelValue),
+					disabled: _ctx.disabled,
+					pressed: unref(modelValue),
+					state: dataState.value
+				})]),
+				_: 3
+			}, 16, [
+				"type",
+				"as-child",
+				"as",
+				"aria-pressed",
+				"data-state",
+				"data-disabled",
+				"disabled"
+			]), unref(isFormControl) && _ctx.name && !unref(toggleGroupContext) ? (openBlock(), createBlock(VisuallyHiddenInput_default, mergeProps({
+				key: 0,
+				type: "checkbox",
+				name: _ctx.name,
+				value: unref(modelValue),
+				required: _ctx.required
+			}, unref(scopeIdAttrs)), null, 16, [
+				"name",
+				"value",
+				"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/ToggleGroup/ToggleGroupItem.js
+var ToggleGroupItem_default = /* @__PURE__ */ defineComponent({
+	__name: "ToggleGroupItem",
+	props: {
+		value: {
+			type: null,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "button"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const rootContext = injectToggleGroupRootContext();
+		const disabled = computed(() => rootContext.disabled?.value || props.disabled);
+		const pressed = computed(() => isValueEqualOrExist(rootContext.modelValue.value, props.value));
+		const { forwardRef } = useForwardExpose();
+		const scopeIdAttrs = useForwardScopeId();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(unref(rootContext).rovingFocus.value ? unref(RovingFocusItem_default) : unref(Primitive)), mergeProps({ "as-child": "" }, unref(rootContext).rovingFocus.value ? {
+				focusable: !disabled.value,
+				active: pressed.value
+			} : {}), {
+				default: withCtx(() => [createVNode(unref(Toggle_default), mergeProps({
+					...unref(scopeIdAttrs),
+					...props
+				}, {
+					ref: unref(forwardRef),
+					disabled: disabled.value,
+					"model-value": pressed.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(rootContext).changeModelValue(_ctx.value))
+				}), {
+					default: withCtx((slotProps) => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(slotProps)))]),
+					_: 3
+				}, 16, ["disabled", "model-value"])]),
+				_: 3
+			}, 16);
+		};
+	}
+});
 //#endregion
 //#region src/components/segmented-control/segmented-control-item.vue
 var segmented_control_item_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -22,7 +180,7 @@ var segmented_control_item_default = /* @__PURE__ */ _plugin_vue_export_helper_d
 			if ((e.key === "Enter" || e.key === " ") && item.getAttribute("data-state") === "on") e.preventDefault();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(uv), mergeProps(unref(delegatedProps), {
+			return openBlock(), createBlock(unref(ToggleGroupItem_default), mergeProps(unref(delegatedProps), {
 				class: unref(clsx)("celeste-segmented-control-item", props.class),
 				onKeydown
 			}), {
@@ -31,6 +189,6 @@ var segmented_control_item_default = /* @__PURE__ */ _plugin_vue_export_helper_d
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-6b779a1c"]]);
+}), [["__scopeId", "data-v-e184b1ba"]]);
 //#endregion
 export { segmented_control_item_default as t };

package/dist/es/chunks/segmented-control.js

@@ -1,6 +1,7 @@
-import { I as Se, yt as iv } 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 useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as ToggleGroupRoot_default } from "./ToggleGroupRoot.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
@@ -15,6 +16,8 @@ var segmented_control_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 		loop: { type: Boolean },
 		asChild: { type: Boolean },
 		as: {},
+		name: {},
+		required: { type: Boolean },
 		modelValue: {},
 		defaultValue: {},
 		class: {}
@@ -23,14 +26,14 @@ var segmented_control_default = /* @__PURE__ */ _plugin_vue_export_helper_defaul
 	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(iv), mergeProps({ class: unref(clsx)("celeste-segmented-control", props.class) }, unref(forwarded), { type: "single" }), {
+			return openBlock(), createBlock(unref(ToggleGroupRoot_default), mergeProps({ class: unref(clsx)("celeste-segmented-control", props.class) }, unref(forwarded), { type: "single" }), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3
 			}, 16, ["class"]);
 		};
 	}
-}), [["__scopeId", "data-v-632e6456"]]);
+}), [["__scopeId", "data-v-fe40de14"]]);
 //#endregion
 export { segmented_control_default as t };

package/dist/es/chunks/select-content.js

@@ -1,8 +1,311 @@
-import { I as Se, P as Qy, St as jy, q as Wy } 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 useForwardExpose } from "./useForwardExpose.js";
+import { t as useForwardPropsEmits } from "./useForwardPropsEmits.js";
+import { t as Presence_default } from "./Presence.js";
+import { t as Teleport_default } from "./Teleport.js";
+import { t as useNonce } from "./useNonce.js";
+import { n as injectSelectRootContext, r as provideSelectRootContext } from "./BubbleSelect.js";
+import { a as provideSelectContentContext, i as injectSelectContentContext, n as SelectContentDefaultContextValue, r as SelectContentImpl_default, t as injectSelectItemAlignedPositionContext } from "./SelectItemAlignedPosition.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
-import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import { Fragment, Teleport, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeProps, onMounted, onUnmounted, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Select/SelectProvider.js
+var SelectProvider_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectProvider",
+	props: { context: {
+		type: Object,
+		required: true
+	} },
+	setup(__props) {
+		provideSelectRootContext(__props.context);
+		provideSelectContentContext(SelectContentDefaultContextValue);
+		return (_ctx, _cache) => {
+			return renderSlot(_ctx.$slots, "default");
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Select/SelectContent.js
+var _hoisted_1 = { key: 1 };
+var SelectContent_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "SelectContent",
+	props: {
+		forceMount: {
+			type: Boolean,
+			required: false
+		},
+		position: {
+			type: String,
+			required: false
+		},
+		bodyLock: {
+			type: Boolean,
+			required: false
+		},
+		memoDependencies: {
+			type: Array,
+			required: false
+		},
+		side: {
+			type: null,
+			required: false
+		},
+		sideOffset: {
+			type: Number,
+			required: false
+		},
+		sideFlip: {
+			type: Boolean,
+			required: false
+		},
+		align: {
+			type: null,
+			required: false
+		},
+		alignOffset: {
+			type: Number,
+			required: false
+		},
+		alignFlip: {
+			type: Boolean,
+			required: false
+		},
+		avoidCollisions: {
+			type: Boolean,
+			required: false
+		},
+		collisionBoundary: {
+			type: null,
+			required: false
+		},
+		collisionPadding: {
+			type: [Number, Object],
+			required: false
+		},
+		arrowPadding: {
+			type: Number,
+			required: false
+		},
+		hideShiftedArrow: {
+			type: Boolean,
+			required: false
+		},
+		sticky: {
+			type: String,
+			required: false
+		},
+		hideWhenDetached: {
+			type: Boolean,
+			required: false
+		},
+		positionStrategy: {
+			type: String,
+			required: false
+		},
+		updatePositionStrategy: {
+			type: String,
+			required: false
+		},
+		disableUpdateOnLayoutShift: {
+			type: Boolean,
+			required: false
+		},
+		prioritizePosition: {
+			type: Boolean,
+			required: false
+		},
+		reference: {
+			type: null,
+			required: false
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		disableOutsidePointerEvents: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: [
+		"closeAutoFocus",
+		"escapeKeyDown",
+		"pointerDownOutside"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const forwarded = useForwardPropsEmits(props, __emit);
+		const rootContext = injectSelectRootContext();
+		const fragment = ref();
+		onMounted(() => {
+			fragment.value = new DocumentFragment();
+		});
+		const presenceRef = ref();
+		const present = computed(() => props.forceMount || rootContext.open.value);
+		const renderPresence = ref(present.value);
+		let renderPresenceTimeout;
+		function clearRenderPresenceTimeout() {
+			if (renderPresenceTimeout) {
+				clearTimeout(renderPresenceTimeout);
+				renderPresenceTimeout = void 0;
+			}
+		}
+		watch(present, (_value, _oldValue, onCleanup) => {
+			clearRenderPresenceTimeout();
+			renderPresenceTimeout = setTimeout(() => {
+				renderPresence.value = present.value;
+				renderPresenceTimeout = void 0;
+			});
+			onCleanup(clearRenderPresenceTimeout);
+		});
+		onUnmounted(clearRenderPresenceTimeout);
+		return (_ctx, _cache) => {
+			return present.value || renderPresence.value || presenceRef.value?.present ? (openBlock(), createBlock(unref(Presence_default), {
+				key: 0,
+				ref_key: "presenceRef",
+				ref: presenceRef,
+				present: present.value
+			}, {
+				default: withCtx(() => [createVNode(SelectContentImpl_default, normalizeProps(guardReactiveProps({
+					...unref(forwarded),
+					..._ctx.$attrs
+				})), {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 8, ["present"])) : fragment.value ? (openBlock(), createElementBlock("div", _hoisted_1, [(openBlock(), createBlock(Teleport, { to: fragment.value }, [createVNode(SelectProvider_default, { context: unref(rootContext) }, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["context"])], 8, ["to"]))])) : createCommentVNode("v-if", true);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Select/SelectPortal.js
+var SelectPortal_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectPortal",
+	props: {
+		to: {
+			type: null,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		defer: {
+			type: Boolean,
+			required: false
+		},
+		forceMount: {
+			type: Boolean,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Teleport_default), normalizeProps(guardReactiveProps(props)), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Select/SelectViewport.js
+var SelectViewport_default = /* @__PURE__ */ defineComponent({
+	__name: "SelectViewport",
+	props: {
+		nonce: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { nonce: propNonce } = toRefs(props);
+		const nonce = useNonce(propNonce);
+		const contentContext = injectSelectContentContext();
+		const alignedPositionContext = contentContext.position === "item-aligned" ? injectSelectItemAlignedPositionContext() : void 0;
+		const { forwardRef, currentElement } = useForwardExpose();
+		onMounted(() => {
+			contentContext?.onViewportChange(currentElement.value);
+		});
+		const prevScrollTopRef = ref(0);
+		function handleScroll(event) {
+			const viewport = event.currentTarget;
+			const { shouldExpandOnScrollRef, contentWrapper } = alignedPositionContext ?? {};
+			if (shouldExpandOnScrollRef?.value && contentWrapper?.value) {
+				const scrolledBy = Math.abs(prevScrollTopRef.value - viewport.scrollTop);
+				if (scrolledBy > 0) {
+					const availableHeight = window.innerHeight - 20;
+					const cssMinHeight = Number.parseFloat(contentWrapper.value.style.minHeight);
+					const cssHeight = Number.parseFloat(contentWrapper.value.style.height);
+					const prevHeight = Math.max(cssMinHeight, cssHeight);
+					if (prevHeight < availableHeight) {
+						const nextHeight = prevHeight + scrolledBy;
+						const clampedNextHeight = Math.min(availableHeight, nextHeight);
+						const heightDiff = nextHeight - clampedNextHeight;
+						contentWrapper.value.style.height = `${clampedNextHeight}px`;
+						if (contentWrapper.value.style.bottom === "0px") {
+							viewport.scrollTop = heightDiff > 0 ? heightDiff : 0;
+							contentWrapper.value.style.justifyContent = "flex-end";
+						}
+					}
+				}
+			}
+			prevScrollTopRef.value = viewport.scrollTop;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(Primitive), mergeProps({
+				ref: unref(forwardRef),
+				"data-reka-select-viewport": "",
+				role: "presentation"
+			}, {
+				..._ctx.$attrs,
+				...props
+			}, {
+				style: {
+					position: "relative",
+					flex: 1,
+					overflow: "hidden auto"
+				},
+				onScroll: handleScroll
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16), createVNode(unref(Primitive), {
+				as: "style",
+				nonce: unref(nonce)
+			}, {
+				default: withCtx(() => _cache[0] || (_cache[0] = [createTextVNode(" /* Hide scrollbars cross-browser and enable momentum scroll for touch devices */ [data-reka-select-viewport] { scrollbar-width:none; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; } [data-reka-select-viewport]::-webkit-scrollbar { display: none; } ")])),
+				_: 1,
+				__: [0]
+			}, 8, ["nonce"])], 64);
+		};
+	}
+});
 //#endregion
 //#region src/components/select/select-content.vue
 var select_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -11,20 +314,29 @@ var select_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 		forceMount: { type: Boolean },
 		position: {},
 		bodyLock: { type: Boolean },
+		memoDependencies: {},
 		side: {},
 		sideOffset: {},
+		sideFlip: { type: Boolean },
 		align: {},
 		alignOffset: {},
+		alignFlip: { type: Boolean },
 		avoidCollisions: { type: Boolean },
 		collisionBoundary: {},
 		collisionPadding: {},
 		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
 		sticky: {},
 		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
 		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
 		prioritizePosition: { type: Boolean },
+		reference: {},
+		dir: {},
 		asChild: { type: Boolean },
 		as: {},
+		disableOutsidePointerEvents: { type: Boolean },
 		class: {},
 		width: { default: "full" }
 	},
@@ -36,15 +348,15 @@ var select_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 	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(Wy), null, {
-				default: withCtx(() => [createVNode(unref(jy), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(SelectPortal_default), null, {
+				default: withCtx(() => [createVNode(unref(SelectContent_default), mergeProps(unref(forwarded), {
 					position: "popper",
 					"data-width": _ctx.width,
 					class: unref(clsx)("celeste-select-content", props.class)
 				}), {
-					default: withCtx(() => [createVNode(unref(Qy), { class: "celeste-select-view-port" }, {
+					default: withCtx(() => [createVNode(unref(SelectViewport_default), { class: "celeste-select-view-port" }, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 						_: 3
 					})]),
@@ -54,6 +366,6 @@ var select_content_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/
 			});
 		};
 	}
-}), [["__scopeId", "data-v-d1157ab3"]]);
+}), [["__scopeId", "data-v-80e2f412"]]);
 //#endregion
 export { select_content_default as t };

package/dist/es/chunks/select-group.js

@@ -1,4 +1,4 @@
-import { Y as Xy } from "./dist.js";
+import { t as SelectGroup_default } from "./SelectGroup.js";
 import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/select/select-group.vue
@@ -11,7 +11,7 @@ var select_group_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		const props = __props;
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Xy), normalizeProps(guardReactiveProps(props)), {
+			return openBlock(), createBlock(unref(SelectGroup_default), normalizeProps(guardReactiveProps(props)), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
 				_: 3
 			}, 16);