@youcan/celeste 0.6.101 → 0.7.0

package/dist/cjs/chunks/PaginationRoot.cjs

@@ -0,0 +1,101 @@
+require("./chunk.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.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/Pagination/PaginationRoot.js
+var [injectPaginationRootContext, providePaginationRootContext] = /* @__PURE__ */ require_createContext.createContext("PaginationRoot");
+var PaginationRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PaginationRoot",
+	props: {
+		page: {
+			type: Number,
+			required: false
+		},
+		defaultPage: {
+			type: Number,
+			required: false,
+			default: 1
+		},
+		itemsPerPage: {
+			type: Number,
+			required: true
+		},
+		total: {
+			type: Number,
+			required: false,
+			default: 0
+		},
+		siblingCount: {
+			type: Number,
+			required: false,
+			default: 2
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		showEdges: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "nav"
+		}
+	},
+	emits: ["update:page"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { siblingCount, disabled, showEdges } = (0, vue.toRefs)(props);
+		require_useForwardExpose.useForwardExpose();
+		const page = require_dist.useVModel(props, "page", emits, {
+			defaultValue: props.defaultPage,
+			passive: props.page === void 0
+		});
+		const pageCount = (0, vue.computed)(() => Math.max(1, Math.ceil(props.total / (props.itemsPerPage || 1))));
+		providePaginationRootContext({
+			page,
+			onPageChange(value) {
+				page.value = value;
+			},
+			pageCount,
+			siblingCount,
+			disabled,
+			showEdges
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					page: (0, vue.unref)(page),
+					pageCount: pageCount.value
+				})]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PaginationRoot_default", {
+	enumerable: true,
+	get: function() {
+		return PaginationRoot_default;
+	}
+});
+Object.defineProperty(exports, "injectPaginationRootContext", {
+	enumerable: true,
+	get: function() {
+		return injectPaginationRootContext;
+	}
+});

package/dist/cjs/chunks/PinInputRoot.cjs

@@ -0,0 +1,153 @@
+require("./chunk.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_dist = require("./dist.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useDirection = require("./useDirection.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_VisuallyHiddenInput = require("./VisuallyHiddenInput.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/PinInput/PinInputRoot.js
+var [injectPinInputRootContext, providePinInputRootContext] = /* @__PURE__ */ require_createContext.createContext("PinInputRoot");
+var PinInputRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "PinInputRoot",
+	props: {
+		modelValue: {
+			type: null,
+			required: false
+		},
+		defaultValue: {
+			type: null,
+			required: false
+		},
+		placeholder: {
+			type: String,
+			required: false,
+			default: ""
+		},
+		mask: {
+			type: Boolean,
+			required: false
+		},
+		otp: {
+			type: Boolean,
+			required: false
+		},
+		type: {
+			type: null,
+			required: false,
+			default: "text"
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false
+		},
+		id: {
+			type: String,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		},
+		name: {
+			type: String,
+			required: false
+		},
+		required: {
+			type: Boolean,
+			required: false
+		}
+	},
+	emits: ["update:modelValue", "complete"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { mask, otp, placeholder, type, disabled, dir: propDir } = (0, vue.toRefs)(props);
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const dir = require_useDirection.useDirection(propDir);
+		const modelValue = require_dist.useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? [],
+			passive: true,
+			deep: true
+		});
+		const currentModelValue = (0, vue.computed)(() => Array.isArray(modelValue.value) ? [...modelValue.value] : []);
+		const inputElements = (0, vue.ref)(/* @__PURE__ */ new Set());
+		function onInputElementChange(el) {
+			inputElements.value.add(el);
+		}
+		const isNumericMode = (0, vue.computed)(() => props.type === "number");
+		const isCompleted = (0, vue.computed)(() => {
+			return currentModelValue.value.filter((i) => !!i || isNumericMode.value && i === 0).length === inputElements.value.size;
+		});
+		(0, vue.watch)(modelValue, () => {
+			if (isCompleted.value) emits("complete", modelValue.value);
+		}, { deep: true });
+		providePinInputRootContext({
+			modelValue,
+			currentModelValue,
+			mask,
+			otp,
+			placeholder,
+			type,
+			dir,
+			disabled,
+			isCompleted,
+			inputElements,
+			onInputElementChange,
+			isNumericMode
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(_ctx.$attrs, {
+				ref: (0, vue.unref)(forwardRef),
+				dir: (0, vue.unref)(dir),
+				"data-complete": isCompleted.value ? "" : void 0,
+				"data-disabled": (0, vue.unref)(disabled) ? "" : void 0
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", { modelValue: (0, vue.unref)(modelValue) }), (0, vue.createVNode)(require_VisuallyHiddenInput.VisuallyHiddenInput_default, {
+					id: _ctx.id,
+					as: "input",
+					feature: "focusable",
+					tabindex: "-1",
+					value: currentModelValue.value.join(""),
+					name: _ctx.name ?? "",
+					disabled: (0, vue.unref)(disabled),
+					required: _ctx.required,
+					onFocus: _cache[0] || (_cache[0] = ($event) => Array.from(inputElements.value)?.[0]?.focus())
+				}, null, 8, [
+					"id",
+					"value",
+					"name",
+					"disabled",
+					"required"
+				])]),
+				_: 3
+			}, 16, [
+				"dir",
+				"data-complete",
+				"data-disabled"
+			]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PinInputRoot_default", {
+	enumerable: true,
+	get: function() {
+		return PinInputRoot_default;
+	}
+});
+Object.defineProperty(exports, "injectPinInputRootContext", {
+	enumerable: true,
+	get: function() {
+		return injectPinInputRootContext;
+	}
+});

package/dist/cjs/chunks/PopoverRoot.cjs

@@ -0,0 +1,73 @@
+require("./chunk.cjs");
+const require_createContext = require("./createContext.cjs");
+const require_dist = require("./dist.cjs");
+const require_PopperRoot = require("./PopperRoot.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/Popover/PopoverRoot.js
+var [injectPopoverRootContext, providePopoverRootContext] = /* @__PURE__ */ require_createContext.createContext("PopoverRoot");
+var PopoverRoot_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopoverRoot",
+	props: {
+		defaultOpen: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		open: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		modal: {
+			type: Boolean,
+			required: false,
+			default: false
+		}
+	},
+	emits: ["update:open"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { modal } = (0, vue.toRefs)(props);
+		const open = require_dist.useVModel(props, "open", emit, {
+			defaultValue: props.defaultOpen,
+			passive: props.open === void 0
+		});
+		providePopoverRootContext({
+			contentId: "",
+			triggerId: "",
+			modal,
+			open,
+			onOpenChange: (value) => {
+				open.value = value;
+			},
+			onOpenToggle: () => {
+				open.value = !open.value;
+			},
+			triggerElement: (0, vue.ref)(),
+			hasCustomAnchor: (0, vue.ref)(false)
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_PopperRoot.PopperRoot_default), null, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					open: (0, vue.unref)(open),
+					close: () => open.value = false
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PopoverRoot_default", {
+	enumerable: true,
+	get: function() {
+		return PopoverRoot_default;
+	}
+});
+Object.defineProperty(exports, "injectPopoverRootContext", {
+	enumerable: true,
+	get: function() {
+		return injectPopoverRootContext;
+	}
+});

package/dist/cjs/chunks/PopperAnchor.cjs

@@ -0,0 +1,48 @@
+require("./chunk.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_PopperRoot = require("./PopperRoot.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/Popper/PopperAnchor.js
+var PopperAnchor_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "PopperAnchor",
+	props: {
+		reference: {
+			type: null,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const { forwardRef, currentElement } = require_useForwardExpose.useForwardExpose();
+		const rootContext = require_PopperRoot.injectPopperRootContext();
+		(0, vue.watchPostEffect)(() => {
+			rootContext.onAnchorChange(props.reference ?? currentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), {
+				ref: (0, vue.unref)(forwardRef),
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PopperAnchor_default", {
+	enumerable: true,
+	get: function() {
+		return PopperAnchor_default;
+	}
+});

package/dist/cjs/chunks/PopperArrow.cjs

@@ -0,0 +1,152 @@
+require("./chunk.cjs");
+const require_Primitive = require("./Primitive.cjs");
+const require_useForwardExpose = require("./useForwardExpose.cjs");
+const require_PopperContent = require("./PopperContent.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/component/Arrow.js
+var _hoisted_1 = {
+	key: 0,
+	d: "M0 0L6 6L12 0"
+};
+var _hoisted_2 = {
+	key: 1,
+	d: "M0 0L4.58579 4.58579C5.36683 5.36683 6.63316 5.36684 7.41421 4.58579L12 0"
+};
+var Arrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	__name: "Arrow",
+	props: {
+		width: {
+			type: Number,
+			required: false,
+			default: 10
+		},
+		height: {
+			type: Number,
+			required: false,
+			default: 5
+		},
+		rounded: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "svg"
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		require_useForwardExpose.useForwardExpose();
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_Primitive.Primitive), (0, vue.mergeProps)(props, {
+				width: _ctx.width,
+				height: _ctx.height,
+				viewBox: _ctx.asChild ? void 0 : "0 0 12 6",
+				preserveAspectRatio: _ctx.asChild ? void 0 : "none"
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {}, () => [!_ctx.rounded ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("path", _hoisted_1)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("path", _hoisted_2))])]),
+				_: 3
+			}, 16, [
+				"width",
+				"height",
+				"viewBox",
+				"preserveAspectRatio"
+			]);
+		};
+	}
+});
+//#endregion
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@5.9.3_/node_modules/reka-ui/dist/Popper/PopperArrow.js
+var OPPOSITE_SIDE = {
+	top: "bottom",
+	right: "left",
+	bottom: "top",
+	left: "right"
+};
+var PopperArrow_default = /* @__PURE__ */ (0, vue.defineComponent)({
+	inheritAttrs: false,
+	__name: "PopperArrow",
+	props: {
+		width: {
+			type: Number,
+			required: false
+		},
+		height: {
+			type: Number,
+			required: false
+		},
+		rounded: {
+			type: Boolean,
+			required: false
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "svg"
+		}
+	},
+	setup(__props) {
+		const { forwardRef } = require_useForwardExpose.useForwardExpose();
+		const contentContext = require_PopperContent.injectPopperContentContext();
+		const baseSide = (0, vue.computed)(() => OPPOSITE_SIDE[contentContext.placedSide.value]);
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
+				ref: (el) => {
+					(0, vue.unref)(contentContext).onArrowChange(el ?? void 0);
+				},
+				style: (0, vue.normalizeStyle)({
+					position: "absolute",
+					left: (0, vue.unref)(contentContext).arrowX?.value ? `${(0, vue.unref)(contentContext).arrowX?.value}px` : void 0,
+					top: (0, vue.unref)(contentContext).arrowY?.value ? `${(0, vue.unref)(contentContext).arrowY?.value}px` : void 0,
+					[baseSide.value]: 0,
+					transformOrigin: {
+						top: "",
+						right: "0 0",
+						bottom: "center 0",
+						left: "100% 0"
+					}[(0, vue.unref)(contentContext).placedSide.value],
+					transform: {
+						top: "translateY(100%)",
+						right: "translateY(50%) rotate(90deg) translateX(-50%)",
+						bottom: `rotate(180deg)`,
+						left: "translateY(50%) rotate(-90deg) translateX(50%)"
+					}[(0, vue.unref)(contentContext).placedSide.value],
+					visibility: (0, vue.unref)(contentContext).shouldHideArrow.value ? "hidden" : void 0
+				})
+			}, [(0, vue.createVNode)(Arrow_default, (0, vue.mergeProps)(_ctx.$attrs, {
+				ref: (0, vue.unref)(forwardRef),
+				style: { display: "block" },
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				rounded: _ctx.rounded,
+				width: _ctx.width,
+				height: _ctx.height
+			}), {
+				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"rounded",
+				"width",
+				"height"
+			])], 4);
+		};
+	}
+});
+//#endregion
+Object.defineProperty(exports, "PopperArrow_default", {
+	enumerable: true,
+	get: function() {
+		return PopperArrow_default;
+	}
+});