@youcan/celeste 0.21.2 → 0.22.0

package/dist/cjs/chunks/PaginationRoot.cjs

@@ -1,100 +0,0 @@
-const require_createContext = require("./createContext.cjs");
-const require_dist = require("./dist2.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.5_vue@3.5.41_typescript@6.0.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

@@ -1,152 +0,0 @@
-const require_createContext = require("./createContext.cjs");
-const require_dist = require("./dist2.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.5_vue@3.5.41_typescript@6.0.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

@@ -1,72 +0,0 @@
-const require_createContext = require("./createContext.cjs");
-const require_dist = require("./dist2.cjs");
-const require_PopperRoot = require("./PopperRoot.cjs");
-let vue = require("vue");
-//#region ../../node_modules/.pnpm/reka-ui@2.10.5_vue@3.5.41_typescript@6.0.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

@@ -1,47 +0,0 @@
-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.5_vue@3.5.41_typescript@6.0.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

@@ -1,151 +0,0 @@
-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.5_vue@3.5.41_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__ */ (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.5_vue@3.5.41_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__ */ (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;
-	}
-});