@youcan/celeste 0.6.102 → 0.7.1

package/dist/es/chunks/PaginationRoot.js

@@ -0,0 +1,89 @@
+import { t as createContext } from "./createContext.js";
+import { s as useVModel } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { computed, createBlock, defineComponent, openBlock, renderSlot, toRefs, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Pagination/PaginationRoot.js
+var [injectPaginationRootContext, providePaginationRootContext] = /* @__PURE__ */ createContext("PaginationRoot");
+var PaginationRoot_default = /* @__PURE__ */ 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 } = toRefs(props);
+		useForwardExpose();
+		const page = useVModel(props, "page", emits, {
+			defaultValue: props.defaultPage,
+			passive: props.page === void 0
+		});
+		const pageCount = 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 openBlock(), createBlock(unref(Primitive), {
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					page: unref(page),
+					pageCount: pageCount.value
+				})]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+export { injectPaginationRootContext as n, PaginationRoot_default as t };

package/dist/es/chunks/PinInputRoot.js

@@ -0,0 +1,141 @@
+import { t as createContext } from "./createContext.js";
+import { s as useVModel } from "./dist.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useDirection } from "./useDirection.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { t as VisuallyHiddenInput_default } from "./VisuallyHiddenInput.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toRefs, unref, watch, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/PinInput/PinInputRoot.js
+var [injectPinInputRootContext, providePinInputRootContext] = /* @__PURE__ */ createContext("PinInputRoot");
+var PinInputRoot_default = /* @__PURE__ */ 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 } = toRefs(props);
+		const { forwardRef } = useForwardExpose();
+		const dir = useDirection(propDir);
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? [],
+			passive: true,
+			deep: true
+		});
+		const currentModelValue = computed(() => Array.isArray(modelValue.value) ? [...modelValue.value] : []);
+		const inputElements = ref(/* @__PURE__ */ new Set());
+		function onInputElementChange(el) {
+			inputElements.value.add(el);
+		}
+		const isNumericMode = computed(() => props.type === "number");
+		const isCompleted = computed(() => {
+			return currentModelValue.value.filter((i) => !!i || isNumericMode.value && i === 0).length === inputElements.value.size;
+		});
+		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 openBlock(), createBlock(unref(Primitive), mergeProps(_ctx.$attrs, {
+				ref: unref(forwardRef),
+				dir: unref(dir),
+				"data-complete": isCompleted.value ? "" : void 0,
+				"data-disabled": unref(disabled) ? "" : void 0
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) }), createVNode(VisuallyHiddenInput_default, {
+					id: _ctx.id,
+					as: "input",
+					feature: "focusable",
+					tabindex: "-1",
+					value: currentModelValue.value.join(""),
+					name: _ctx.name ?? "",
+					disabled: 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
+export { injectPinInputRootContext as n, PinInputRoot_default as t };

package/dist/es/chunks/PopoverRoot.js

@@ -0,0 +1,61 @@
+import { t as createContext } from "./createContext.js";
+import { s as useVModel } from "./dist.js";
+import { t as PopperRoot_default } from "./PopperRoot.js";
+import { createBlock, defineComponent, openBlock, ref, renderSlot, toRefs, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Popover/PopoverRoot.js
+var [injectPopoverRootContext, providePopoverRootContext] = /* @__PURE__ */ createContext("PopoverRoot");
+var PopoverRoot_default = /* @__PURE__ */ 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 } = toRefs(props);
+		const open = 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: ref(),
+			hasCustomAnchor: ref(false)
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(PopperRoot_default), null, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+					open: unref(open),
+					close: () => open.value = false
+				})]),
+				_: 3
+			});
+		};
+	}
+});
+//#endregion
+export { injectPopoverRootContext as n, PopoverRoot_default as t };

package/dist/es/chunks/PopperAnchor.js

@@ -0,0 +1,42 @@
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { n as injectPopperRootContext } from "./PopperRoot.js";
+import { createBlock, defineComponent, openBlock, renderSlot, unref, watchPostEffect, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.3_/node_modules/reka-ui/dist/Popper/PopperAnchor.js
+var PopperAnchor_default = /* @__PURE__ */ 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 } = useForwardExpose();
+		const rootContext = injectPopperRootContext();
+		watchPostEffect(() => {
+			rootContext.onAnchorChange(props.reference ?? currentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				ref: unref(forwardRef),
+				as: _ctx.as,
+				"as-child": _ctx.asChild
+			}, {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 8, ["as", "as-child"]);
+		};
+	}
+});
+//#endregion
+export { PopperAnchor_default as t };

package/dist/es/chunks/PopperArrow.js

@@ -0,0 +1,146 @@
+import { r as injectPopperContentContext } from "./PopperContent.js";
+import { t as Primitive } from "./Primitive.js";
+import { t as useForwardExpose } from "./useForwardExpose.js";
+import { computed, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region ../../node_modules/.pnpm/reka-ui@2.10.1_vue@3.5.13_typescript@6.0.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__ */ 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;
+		useForwardExpose();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
+				width: _ctx.width,
+				height: _ctx.height,
+				viewBox: _ctx.asChild ? void 0 : "0 0 12 6",
+				preserveAspectRatio: _ctx.asChild ? void 0 : "none"
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [!_ctx.rounded ? (openBlock(), createElementBlock("path", _hoisted_1)) : (openBlock(), 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@6.0.3_/node_modules/reka-ui/dist/Popper/PopperArrow.js
+var OPPOSITE_SIDE = {
+	top: "bottom",
+	right: "left",
+	bottom: "top",
+	left: "right"
+};
+var PopperArrow_default = /* @__PURE__ */ 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 } = useForwardExpose();
+		const contentContext = injectPopperContentContext();
+		const baseSide = computed(() => OPPOSITE_SIDE[contentContext.placedSide.value]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", {
+				ref: (el) => {
+					unref(contentContext).onArrowChange(el ?? void 0);
+				},
+				style: normalizeStyle({
+					position: "absolute",
+					left: unref(contentContext).arrowX?.value ? `${unref(contentContext).arrowX?.value}px` : void 0,
+					top: unref(contentContext).arrowY?.value ? `${unref(contentContext).arrowY?.value}px` : void 0,
+					[baseSide.value]: 0,
+					transformOrigin: {
+						top: "",
+						right: "0 0",
+						bottom: "center 0",
+						left: "100% 0"
+					}[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%)"
+					}[unref(contentContext).placedSide.value],
+					visibility: unref(contentContext).shouldHideArrow.value ? "hidden" : void 0
+				})
+			}, [createVNode(Arrow_default, mergeProps(_ctx.$attrs, {
+				ref: unref(forwardRef),
+				style: { display: "block" },
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				rounded: _ctx.rounded,
+				width: _ctx.width,
+				height: _ctx.height
+			}), {
+				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+				_: 3
+			}, 16, [
+				"as",
+				"as-child",
+				"rounded",
+				"width",
+				"height"
+			])], 4);
+		};
+	}
+});
+//#endregion
+export { PopperArrow_default as t };