@youcan/celeste 0.21.2 → 0.22.1

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

@@ -1,166 +1,8 @@
-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 { p as useVModel } from "./dist2.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 { 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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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);
-		};
-	}
-});
+import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ToggleGroupItem } from "reka-ui";
 //#endregion
 //#region src/components/segmented-control/segmented-control-item.vue
 var segmented_control_item_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -186,8 +28,8 @@ var segmented_control_item_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			if ((e.key === "Enter" || e.key === " ") && item.getAttribute("data-state") === "on") e.preventDefault();
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ToggleGroupItem_default), mergeProps(unref(delegatedProps), {
-				class: unref(clsx)("celeste-segmented-control-item", props.class),
+			return openBlock(), createBlock(unref(ToggleGroupItem), mergeProps(unref(delegatedProps), {
+				class: unref(clsx$1)("celeste-segmented-control-item", props.class),
 				onKeydown
 			}), {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),

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

@@ -1,11 +1,10 @@
-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 { useDirection } from "../use-direction.js";
 import { useTabObserver } from "../use-tab-observer.js";
 import { createBlock, createElementVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { ToggleGroupRoot, useForwardPropsEmits } from "reka-ui";
 //#region src/components/segmented-control/segmented-control.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["hidden"];
 //#endregion
@@ -41,10 +40,10 @@ var segmented_control_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		const dir = useDirection(() => props.dir);
 		const { listRef, indicator, ready } = useTabObserver("[data-state=\"on\"]");
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ToggleGroupRoot_default), mergeProps({
+			return openBlock(), createBlock(unref(ToggleGroupRoot), mergeProps({
 				ref_key: "listRef",
 				ref: listRef,
-				class: unref(clsx)("celeste-segmented-control", props.class)
+				class: unref(clsx$1)("celeste-segmented-control", props.class)
 			}, unref(forwarded), {
 				type: "single",
 				dir: unref(dir)

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

@@ -1,311 +1,8 @@
-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 { 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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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.5_vue@3.5.41_typescript@6.0.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);
-		};
-	}
-});
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, renderSlot, unref, withCtx } from "vue";
+import clsx$1 from "clsx";
+import { SelectContent, SelectPortal, SelectViewport, useForwardPropsEmits } from "reka-ui";
 //#endregion
 //#region src/components/select/select-content.vue
 var select_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -357,13 +54,13 @@ var select_content_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const delegatedProps = useDelegatedProps(props, "class");
 		const forwarded = useForwardPropsEmits(delegatedProps, emits);
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(SelectPortal_default), null, {
-				default: withCtx(() => [createVNode(unref(SelectContent_default), mergeProps(unref(forwarded), {
+			return openBlock(), createBlock(unref(SelectPortal), null, {
+				default: withCtx(() => [createVNode(unref(SelectContent), mergeProps(unref(forwarded), {
 					position: "popper",
 					"data-width": __props.width,
-					class: unref(clsx)("celeste-select-content", props.class)
+					class: unref(clsx$1)("celeste-select-content", props.class)
 				}), {
-					default: withCtx(() => [createVNode(unref(SelectViewport_default), { class: "celeste-select-view-port" }, {
+					default: withCtx(() => [createVNode(unref(SelectViewport), { class: "celeste-select-view-port" }, {
 						default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 						_: 3
 					})]),

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

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

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

@@ -1,7 +1,7 @@
-import { t as clsx } from "./clsx.js";
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { useDelegatedProps } from "../use-delegated-props.js";
 import { createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref } from "vue";
+import clsx$1 from "clsx";
 //#endregion
 //#region src/components/select/select-icon.vue
 var select_icon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -17,7 +17,7 @@ var select_icon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps(unref(delegatedProps), { class: unref(clsx)("celeste-select-icon", props.class) }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
+			return openBlock(), createElementBlock("span", mergeProps(unref(delegatedProps), { class: unref(clsx$1)("celeste-select-icon", props.class) }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16);
 		};
 	}
 }), [["__scopeId", "data-v-c6783f07"]]);