@youcan/celeste 0.21.1 → 0.22.0

package/dist/es/chunks/DrawerRoot.js

@@ -1,325 +0,0 @@
-import { t as createContext } from "./createContext.js";
-import { p as useVModel } from "./dist2.js";
-import { t as useId } from "./useId.js";
-import { computed, defineComponent, onUnmounted, ref, renderSlot, toRefs, watch } from "vue";
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerProvider.js
-var [injectDrawerProviderContext, provideDrawerProviderContext] = /*#__PURE__*/ createContext("DrawerProvider");
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/utils.js
-var DRAWER_CSS_VARS = {
-	swipeMovementX: "--drawer-swipe-movement-x",
-	swipeMovementY: "--drawer-swipe-movement-y",
-	snapPointOffset: "--drawer-snap-point-offset",
-	height: "--drawer-height",
-	frontmostHeight: "--drawer-frontmost-height",
-	swipeProgress: "--drawer-swipe-progress",
-	swipeStrength: "--drawer-swipe-strength",
-	nestedDrawers: "--nested-drawers"
-};
-function createNestedSwipeProgressStore() {
-	let progress = 0;
-	const listeners = /* @__PURE__ */ new Set();
-	return {
-		getSnapshot: () => progress,
-		subscribe(listener) {
-			listeners.add(listener);
-			return () => listeners.delete(listener);
-		},
-		set(next) {
-			if (next !== progress) {
-				progress = next;
-				listeners.forEach((l) => l());
-			}
-		}
-	};
-}
-function getDisplacement(direction, deltaX, deltaY) {
-	switch (direction) {
-		case "up": return -deltaY;
-		case "down": return deltaY;
-		case "left": return -deltaX;
-		case "right": return deltaX;
-		default: return 0;
-	}
-}
-var MIN_SWIPE_RELEASE_VELOCITY = .2;
-var MAX_SWIPE_RELEASE_VELOCITY = 4;
-var MIN_SWIPE_RELEASE_DURATION_MS = 80;
-var MAX_SWIPE_RELEASE_DURATION_MS = 360;
-var MIN_SWIPE_RELEASE_SCALAR = .1;
-var MAX_SWIPE_RELEASE_SCALAR = 1;
-function clamp(v, lo, hi) {
-	return Math.max(lo, Math.min(hi, v));
-}
-/**
-* Computes a 0.1 - 1.0 scalar for the `--drawer-swipe-strength` CSS var.
-* Ported from BaseUI `DrawerViewport.tsx:resolveSwipeRelease` (lines 243-337).
-*
-* The scalar is derived from how much further the drawer still has to travel
-* vs how fast the user flung it. A short remaining distance with high velocity
-* → near-zero scalar (fast release). A long distance / low velocity → near-1
-* (default release).
-*
-* Returns `null` when the formula is degenerate (no velocity, no distance, or
-* moving in the wrong direction).
-*/
-function computeSwipeReleaseScalar(params) {
-	const { direction, size, axisDelta, snapPointOffset, releaseVelocity } = params;
-	if (!Number.isFinite(size) || size <= 0) return null;
-	let baseOffset = 0;
-	if (direction === "down" || direction === "right") baseOffset = snapPointOffset;
-	else if (direction === "up" || direction === "left") baseOffset = -snapPointOffset;
-	const translation = baseOffset + axisDelta;
-	const translationAlongDirection = direction === "left" || direction === "up" ? -translation : translation;
-	const remainingDistance = Math.max(0, size - translationAlongDirection);
-	if (!Number.isFinite(remainingDistance) || remainingDistance <= 0) return null;
-	const directionalVelocity = direction === "left" || direction === "up" ? -releaseVelocity : releaseVelocity;
-	if (!Number.isFinite(directionalVelocity) || directionalVelocity <= MIN_SWIPE_RELEASE_VELOCITY) return null;
-	const durationMs = clamp(remainingDistance / clamp(directionalVelocity, MIN_SWIPE_RELEASE_VELOCITY, MAX_SWIPE_RELEASE_VELOCITY), MIN_SWIPE_RELEASE_DURATION_MS, MAX_SWIPE_RELEASE_DURATION_MS);
-	if (!Number.isFinite(durationMs)) return null;
-	const scalar = clamp(MIN_SWIPE_RELEASE_SCALAR + (durationMs - MIN_SWIPE_RELEASE_DURATION_MS) / 280 * .9, MIN_SWIPE_RELEASE_SCALAR, MAX_SWIPE_RELEASE_SCALAR);
-	if (!Number.isFinite(scalar) || scalar <= 0) return null;
-	return scalar;
-}
-var MATRIX_RE = /matrix(?:3d)?\(([^)]+)\)/;
-function getElementTransform(element) {
-	const transform = window.getComputedStyle(element).transform;
-	let x = 0;
-	let y = 0;
-	let scale = 1;
-	if (transform && transform !== "none") {
-		const matrix = transform.match(MATRIX_RE);
-		if (matrix) {
-			const v = matrix[1].split(", ").map(Number);
-			if (v.length === 6) {
-				x = v[4];
-				y = v[5];
-				scale = Math.sqrt(v[0] * v[0] + v[1] * v[1]);
-			} else if (v.length === 16) {
-				x = v[12];
-				y = v[13];
-				scale = v[0];
-			}
-		}
-	}
-	return {
-		x,
-		y,
-		scale
-	};
-}
-var drawerCssVarsRegistered = false;
-/**
-* Removes CSS variable inheritance for high-frequency drawer swipe vars.
-* Uses proper syntax types matching BaseUI:
-* - Length vars (<length>) with initialValue '0px' for use in calc()/translateY()
-* - Number vars (<number>) for opacity/strength scalars
-*/
-function registerDrawerCssProperties() {
-	if (drawerCssVarsRegistered || typeof CSS === "undefined" || !CSS.registerProperty) return;
-	const lengthVars = [
-		DRAWER_CSS_VARS.swipeMovementX,
-		DRAWER_CSS_VARS.swipeMovementY,
-		DRAWER_CSS_VARS.snapPointOffset
-	];
-	for (const name of lengthVars) try {
-		CSS.registerProperty({
-			name,
-			syntax: "<length>",
-			inherits: false,
-			initialValue: "0px"
-		});
-	} catch {}
-	const numberVars = [{
-		name: DRAWER_CSS_VARS.swipeProgress,
-		initialValue: "0"
-	}, {
-		name: DRAWER_CSS_VARS.swipeStrength,
-		initialValue: "1"
-	}];
-	for (const { name, initialValue } of numberVars) try {
-		CSS.registerProperty({
-			name,
-			syntax: "<number>",
-			inherits: false,
-			initialValue
-		});
-	} catch {}
-	drawerCssVarsRegistered = true;
-}
-//#endregion
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.3_/node_modules/reka-ui/dist/Drawer/DrawerRoot.js
-var [injectDrawerRootContext, provideDrawerRootContext] = /*#__PURE__*/ createContext("DrawerRoot");
-var DrawerRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "DrawerRoot",
-	props: {
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		defaultOpen: {
-			type: Boolean,
-			required: false,
-			default: false
-		},
-		modal: {
-			type: [Boolean, String],
-			required: false,
-			default: true
-		},
-		swipeDirection: {
-			type: String,
-			required: false,
-			default: "down"
-		},
-		snapPoints: {
-			type: Array,
-			required: false,
-			default: void 0
-		},
-		snapPoint: {
-			type: [
-				Number,
-				String,
-				null
-			],
-			required: false,
-			default: void 0
-		},
-		defaultSnapPoint: {
-			type: [
-				Number,
-				String,
-				null
-			],
-			required: false,
-			default: void 0
-		},
-		snapToSequentialPoints: {
-			type: Boolean,
-			required: false,
-			default: false
-		}
-	},
-	emits: [
-		"update:open",
-		"update:openComplete",
-		"update:snapPoint"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const uncontrolledOpen = ref(props.defaultOpen);
-		const open = computed({
-			get: () => props.open ?? uncontrolledOpen.value,
-			set: (value) => {
-				uncontrolledOpen.value = value;
-			}
-		});
-		const activeSnapPoint = useVModel(props, "snapPoint", emit, {
-			defaultValue: props.defaultSnapPoint ?? null,
-			passive: props.snapPoint === void 0,
-			eventName: "update:snapPoint"
-		});
-		const { modal, swipeDirection, snapPoints, snapToSequentialPoints } = toRefs(props);
-		const triggerElement = ref();
-		const contentElement = ref();
-		const popupHeight = ref(0);
-		const frontmostHeight = ref(0);
-		const hasNestedDrawer = ref(false);
-		const nestedOpenDrawerCount = ref(0);
-		const nestedSwiping = ref(false);
-		const isSwiping = ref(false);
-		const nestedSwipeProgressStore = createNestedSwipeProgressStore();
-		const parentContext = injectDrawerRootContext(null);
-		const providerContext = injectDrawerProviderContext(null);
-		const contentId = useId(void 0, "reka-drawer-content");
-		const titleId = useId(void 0, "reka-drawer-title");
-		const descriptionId = useId(void 0, "reka-drawer-description");
-		provideDrawerRootContext({
-			open,
-			modal,
-			swipeDirection,
-			snapPoints,
-			activeSnapPoint,
-			snapToSequentialPoints,
-			popupHeight,
-			frontmostHeight,
-			hasNestedDrawer,
-			nestedOpenDrawerCount,
-			nestedSwiping,
-			isSwiping,
-			nestedSwipeProgressStore,
-			onOpenChange: handleOpenChange,
-			onOpenToggle: handleOpenToggle,
-			notifyOpenComplete(value) {
-				emit("update:openComplete", value);
-			},
-			setActiveSnapPoint(point) {
-				activeSnapPoint.value = point;
-			},
-			onPopupHeightChange(h$1) {
-				popupHeight.value = h$1;
-				providerContext?.visualStateStore.set({ frontmostHeight: h$1 });
-			},
-			onNestedFrontmostHeightChange(h$1) {
-				frontmostHeight.value = h$1;
-			},
-			onNestedDrawerPresenceChange(present) {
-				if (present) nestedOpenDrawerCount.value++;
-				else nestedOpenDrawerCount.value = Math.max(0, nestedOpenDrawerCount.value - 1);
-				hasNestedDrawer.value = nestedOpenDrawerCount.value > 0;
-				parentContext?.notifyParentHasNestedDrawer?.(present);
-			},
-			onNestedSwipingChange(swiping) {
-				nestedSwiping.value = swiping;
-				parentContext?.notifyParentSwipingChange?.(swiping);
-			},
-			onNestedSwipeProgressChange(progress) {
-				nestedSwipeProgressStore.set(progress);
-				parentContext?.notifyParentSwipeProgressChange?.(progress);
-				providerContext?.visualStateStore.set({ swipeProgress: progress });
-			},
-			onSwipingChange(swiping) {
-				isSwiping.value = swiping;
-			},
-			notifyParentFrontmostHeight: parentContext?.onNestedFrontmostHeightChange,
-			notifyParentSwipingChange: parentContext?.onNestedSwipingChange,
-			notifyParentSwipeProgressChange: parentContext?.onNestedSwipeProgressChange,
-			notifyParentHasNestedDrawer: parentContext?.onNestedDrawerPresenceChange,
-			triggerElement,
-			contentElement,
-			contentId,
-			titleId,
-			descriptionId
-		});
-		function handleClose() {
-			handleOpenChange(false, "close-press");
-		}
-		function handleOpenChange(value, reason) {
-			if (open.value === value) return;
-			const details = reason ? { reason } : void 0;
-			uncontrolledOpen.value = value;
-			emit("update:open", value, details);
-		}
-		function handleOpenToggle() {
-			handleOpenChange(!open.value, "trigger-press");
-		}
-		watch(open, (isOpen) => {
-			if (isOpen) providerContext?.setDrawerOpen(contentId, true);
-			else providerContext?.setDrawerOpen(contentId, false);
-		}, { immediate: true });
-		onUnmounted(() => {
-			providerContext?.removeDrawer(contentId);
-		});
-		return (_ctx, _cache) => {
-			return renderSlot(_ctx.$slots, "default", {
-				open: open.value,
-				close: handleClose
-			});
-		};
-	}
-});
-//#endregion
-export { getDisplacement as a, computeSwipeReleaseScalar as i, injectDrawerRootContext as n, getElementTransform as o, DRAWER_CSS_VARS as r, registerDrawerCssProperties as s, DrawerRoot_default as t };

package/dist/es/chunks/DrawerTitle.js

@@ -1,32 +0,0 @@
-import { t as Primitive } from "./Primitive.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { n as injectDrawerRootContext } from "./DrawerRoot.js";
-import { createBlock, defineComponent, mergeProps, openBlock, renderSlot, 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/Drawer/DrawerTitle.js
-var DrawerTitle_default = /* @__PURE__ */ defineComponent({
-	__name: "DrawerTitle",
-	props: {
-		asChild: {
-			type: Boolean,
-			required: false
-		},
-		as: {
-			type: null,
-			required: false,
-			default: "h2"
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const rootContext = injectDrawerRootContext();
-		useForwardExpose();
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Primitive), mergeProps(props, { id: unref(rootContext).titleId }), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["id"]);
-		};
-	}
-});
-//#endregion
-export { DrawerTitle_default as t };

package/dist/es/chunks/DropdownMenuPortal.js

@@ -1,67 +0,0 @@
-import { t as Teleport_default } from "./Teleport.js";
-import { createBlock, defineComponent, guardReactiveProps, normalizeProps, openBlock, renderSlot, 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/Menu/MenuPortal.js
-var MenuPortal_default = /* @__PURE__ */ defineComponent({
-	__name: "MenuPortal",
-	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/DropdownMenu/DropdownMenuPortal.js
-var DropdownMenuPortal_default = /* @__PURE__ */ defineComponent({
-	__name: "DropdownMenuPortal",
-	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(MenuPortal_default), normalizeProps(guardReactiveProps(props)), {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-export { DropdownMenuPortal_default as t };

package/dist/es/chunks/DropdownMenuRoot.js

@@ -1,75 +0,0 @@
-import { t as createContext } from "./createContext.js";
-import { p as useVModel } from "./dist2.js";
-import { t as useDirection } from "./useDirection.js";
-import { t as useForwardExpose } from "./useForwardExpose.js";
-import { t as MenuRoot_default } from "./MenuRoot.js";
-import { createBlock, defineComponent, isRef, openBlock, ref, renderSlot, toRefs, 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/DropdownMenu/DropdownMenuRoot.js
-var [injectDropdownMenuRootContext, provideDropdownMenuRootContext] = /*#__PURE__*/ createContext("DropdownMenuRoot");
-var DropdownMenuRoot_default = /* @__PURE__ */ defineComponent({
-	__name: "DropdownMenuRoot",
-	props: {
-		defaultOpen: {
-			type: Boolean,
-			required: false
-		},
-		open: {
-			type: Boolean,
-			required: false,
-			default: void 0
-		},
-		dir: {
-			type: String,
-			required: false
-		},
-		modal: {
-			type: Boolean,
-			required: false,
-			default: true
-		}
-	},
-	emits: ["update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		useForwardExpose();
-		const open = useVModel(props, "open", emit, {
-			defaultValue: props.defaultOpen,
-			passive: props.open === void 0
-		});
-		const triggerElement = ref();
-		const { modal, dir: propDir } = toRefs(props);
-		const dir = useDirection(propDir);
-		provideDropdownMenuRootContext({
-			open,
-			onOpenChange: (value) => {
-				open.value = value;
-			},
-			onOpenToggle: () => {
-				open.value = !open.value;
-			},
-			triggerId: "",
-			triggerElement,
-			contentId: "",
-			modal,
-			dir
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(MenuRoot_default), {
-				open: unref(open),
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
-				dir: unref(dir),
-				modal: unref(modal)
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { open: unref(open) })]),
-				_: 3
-			}, 8, [
-				"open",
-				"dir",
-				"modal"
-			]);
-		};
-	}
-});
-//#endregion
-export { injectDropdownMenuRootContext as n, DropdownMenuRoot_default as t };