@youcan/celeste 0.6.98 → 0.6.100

package/dist/cjs/chunks/text-input.js

@@ -1,118 +0,0 @@
-const require_dist = require("./dist.js");
-const require_clsx = require("./clsx.js");
-const require_crypto = require("../crypto.js");
-const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
-const require_text_input_button = require("./text-input-button.js");
-let vue = require("vue");
-//#region src/components/text-input/text-input.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = [
-	"for",
-	"size",
-	"has-error"
-];
-var _hoisted_2 = ["id", "type"];
-var text_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "text-input",
-	props: /* @__PURE__ */ (0, vue.mergeModels)({
-		type: { default: "text" },
-		size: { default: "md" },
-		hasError: {
-			type: Boolean,
-			default: false
-		}
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const id = (0, vue.computed)(() => props.id || require_crypto.uid());
-		const modelValue = (0, vue.useModel)(__props, "modelValue");
-		const showClearButton = (0, vue.computed)(() => {
-			return props.type === "search" && modelValue.value && String(modelValue.value).length > 0;
-		});
-		function clearInput() {
-			modelValue.value = "";
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("label", {
-				for: id.value,
-				size: _ctx.size,
-				role: "presentation",
-				"has-error": _ctx.hasError,
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-text-input-wrapper", props.class))
-			}, [
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					"as-child": "",
-					class: "celeste-text-input-icon celeste-text-input-leading-icon"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "leadingIcon", {}, void 0, true)]),
-					_: 3
-				}),
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					"as-child": "",
-					class: "celeste-text-input-node celeste-text-input-leading-node"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "leadingNode", {}, void 0, true)]),
-					_: 3
-				}),
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					inline: "",
-					"as-child": "",
-					class: "celeste-text-input-inline-node celeste-text-input-leading-inline-node"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "leadingInlineNode", {}, void 0, true)]),
-					_: 3
-				}),
-				(0, vue.withDirectives)((0, vue.createElementVNode)("input", (0, vue.mergeProps)({
-					id: id.value,
-					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event)
-				}, _ctx.$attrs, {
-					type: _ctx.type,
-					class: "celeste-text-input"
-				}), null, 16, _hoisted_2), [[vue.vModelDynamic, modelValue.value]]),
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					"as-child": "",
-					class: "celeste-text-input-icon celeste-text-input-trailing-icon"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "trailingIcon", {}, void 0, true)]),
-					_: 3
-				}),
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					"as-child": "",
-					class: "celeste-text-input-node celeste-text-input-trailing-node"
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "trailingNode", {}, void 0, true)]),
-					_: 3
-				}),
-				(0, vue.createVNode)((0, vue.unref)(require_dist.O), {
-					inline: "",
-					"as-child": "",
-					class: "celeste-text-input-inline-node celeste-text-input-trailing-inline-node"
-				}, {
-					default: (0, vue.withCtx)(() => [showClearButton.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_text_input_button.text_input_button_default, {
-						key: 0,
-						type: "button",
-						"aria-label": "Clear search",
-						onClick: clearInput
-					}, {
-						default: (0, vue.withCtx)(() => _cache[1] || (_cache[1] = [(0, vue.createElementVNode)("i", { class: "i-celeste-close-line" }, null, -1)])),
-						_: 1
-					})) : (0, vue.renderSlot)(_ctx.$slots, "trailingInlineNode", { key: 1 }, void 0, true)]),
-					_: 3
-				})
-			], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/components/text-input/text-input.vue
-var text_input_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-ad7ee7de"]]);
-//#endregion
-Object.defineProperty(exports, "text_input_default", {
-	enumerable: true,
-	get: function() {
-		return text_input_default;
-	}
-});

package/dist/cjs/chunks/textarea.js

@@ -1,61 +0,0 @@
-require("./dist.js");
-const require_clsx = require("./clsx.js");
-const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
-let vue = require("vue");
-//#region src/components/textarea/textarea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-disabled"];
-var _hoisted_2 = [
-	"placeholder",
-	"maxlength",
-	"disabled"
-];
-var _hoisted_3 = {
-	key: 0,
-	class: "celeste-textarea-count"
-};
-var textarea_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "textarea",
-	props: /* @__PURE__ */ (0, vue.mergeModels)({
-		class: {},
-		placeholder: { default: "Placeholder" },
-		showCount: {
-			type: Boolean,
-			default: true
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		maxLength: {}
-	}, {
-		"modelValue": {},
-		"modelModifiers": {}
-	}),
-	emits: ["update:modelValue"],
-	setup(__props) {
-		const props = __props;
-		const modelValue = (0, vue.useModel)(__props, "modelValue");
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-				class: (0, vue.normalizeClass)((0, vue.unref)(require_clsx.clsx)("celeste-textarea-wrapper", props.class)),
-				"aria-disabled": _ctx.disabled,
-				onClick: _cache[1] || (_cache[1] = ($event) => _ctx.$el.querySelector("textarea")?.focus())
-			}, [(0, vue.withDirectives)((0, vue.createElementVNode)("textarea", (0, vue.mergeProps)({ "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => modelValue.value = $event) }, _ctx.$attrs, {
-				placeholder: _ctx.placeholder,
-				maxlength: _ctx.maxLength,
-				disabled: _ctx.disabled,
-				class: "celeste-textarea"
-			}), null, 16, _hoisted_2), [[vue.vModelText, modelValue.value]]), _ctx.showCount && Number(_ctx.maxLength) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(`${modelValue.value?.length || 0}/${_ctx.maxLength}`), 1)) : (0, vue.createCommentVNode)("", true)], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-//#region src/components/textarea/textarea.vue
-var textarea_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(textarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-76864cee"]]);
-//#endregion
-Object.defineProperty(exports, "textarea_default", {
-	enumerable: true,
-	get: function() {
-		return textarea_default;
-	}
-});

package/dist/cjs/chunks/tooltip-content.js

@@ -1,108 +0,0 @@
-const require_dist = require("./dist.js");
-const require_clsx = require("./clsx.js");
-const require__plugin_vue_export_helper = require("./_plugin-vue_export-helper.js");
-const require_compact_button = require("./compact-button.js");
-const require_use_delegated_props = require("../use-delegated-props.js");
-let vue = require("vue");
-//#region src/components/tooltip/tooltip-content.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "celeste-tooltip-content-box" };
-var _hoisted_2 = {
-	key: 0,
-	class: "celeste-tooltip-content-title"
-};
-var _hoisted_3 = {
-	key: 1,
-	class: "celeste-tooltip-content-description"
-};
-var tooltip_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "tooltip-content",
-	props: {
-		class: {},
-		size: { default: "sm" },
-		variant: { default: "light" },
-		icon: {},
-		title: {},
-		description: {},
-		dismissible: { type: Boolean },
-		onDismiss: {},
-		forceMount: { type: Boolean },
-		ariaLabel: {},
-		asChild: { type: Boolean },
-		as: {},
-		side: {},
-		sideOffset: { default: 12 },
-		align: {},
-		alignOffset: {},
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		sticky: {},
-		hideWhenDetached: { type: Boolean }
-	},
-	emits: ["escapeKeyDown", "pointerDownOutside"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, [
-			"class",
-			"size",
-			"variant",
-			"icon",
-			"title",
-			"description",
-			"dismissible",
-			"onDismiss"
-		]), emits);
-		function handleDismiss() {
-			props.onDismiss?.();
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.qg), { class: "celeste-tooltip-portal" }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_dist.Ug), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-					size: _ctx.size,
-					variant: _ctx.variant,
-					class: (0, vue.unref)(require_clsx.clsx)("celeste-tooltip-content", props.class)
-				}), {
-					default: (0, vue.withCtx)(() => [
-						_ctx.icon ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("i", {
-							key: 0,
-							class: (0, vue.normalizeClass)(`celeste-tooltip-content-icon ${_ctx.icon}`)
-						}, null, 2)) : (0, vue.createCommentVNode)("", true),
-						(0, vue.createElementVNode)("div", _hoisted_1, [
-							_ctx.title ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2, (0, vue.toDisplayString)(_ctx.title), 1)) : (0, vue.createCommentVNode)("", true),
-							_ctx.description ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(_ctx.description), 1)) : (0, vue.createCommentVNode)("", true),
-							(0, vue.renderSlot)(_ctx.$slots, "default", {}, void 0, true)
-						]),
-						_ctx.dismissible ? ((0, vue.openBlock)(), (0, vue.createBlock)(require_compact_button.compact_button_default, {
-							key: 1,
-							variant: "ghost",
-							icon: "i-celeste-close-line",
-							onClick: handleDismiss
-						})) : (0, vue.createCommentVNode)("", true),
-						(0, vue.createVNode)((0, vue.unref)(require_dist.Gg), { "as-child": "" }, {
-							default: (0, vue.withCtx)(() => _cache[0] || (_cache[0] = [(0, vue.createElementVNode)("span", { class: "celeste-tooltip-content-arrow" }, null, -1)])),
-							_: 1
-						})
-					]),
-					_: 3
-				}, 16, [
-					"size",
-					"variant",
-					"class"
-				])]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region src/components/tooltip/tooltip-content.vue
-var tooltip_content_default = /* @__PURE__ */ require__plugin_vue_export_helper._plugin_vue_export_helper_default(tooltip_content_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-aa109675"]]);
-//#endregion
-Object.defineProperty(exports, "tooltip_content_default", {
-	enumerable: true,
-	get: function() {
-		return tooltip_content_default;
-	}
-});

package/dist/cjs/chunks/tooltip-provider.js

@@ -1,31 +0,0 @@
-const require_dist = require("./dist.js");
-let vue = require("vue");
-//#endregion
-//#region src/components/tooltip/tooltip-provider.vue
-var tooltip_provider_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "tooltip-provider",
-	props: {
-		delayDuration: { default: 0 },
-		skipDelayDuration: {},
-		disableHoverableContent: { type: Boolean },
-		disableClosingTrigger: { type: Boolean },
-		disabled: { type: Boolean },
-		ignoreNonKeyboardFocus: { type: Boolean }
-	},
-	setup(__props) {
-		const props = __props;
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Hg), (0, vue.normalizeProps)((0, vue.guardReactiveProps)(props)), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "tooltip_provider_default", {
-	enumerable: true,
-	get: function() {
-		return tooltip_provider_default;
-	}
-});

package/dist/cjs/chunks/tooltip-root.js

@@ -1,40 +0,0 @@
-const require_dist = require("./dist.js");
-const require_use_delegated_props = require("../use-delegated-props.js");
-let vue = require("vue");
-//#endregion
-//#region src/components/tooltip/tooltip-root.vue
-var tooltip_root_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "tooltip-root",
-	props: {
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		delayDuration: {},
-		disableHoverableContent: { type: Boolean },
-		disableClosingTrigger: { type: Boolean },
-		disabled: { type: Boolean },
-		ignoreNonKeyboardFocus: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, "open"), emits);
-		const open = (0, vue.ref)(false);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.Wg), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-				open: open.value,
-				"onUpdate:open": _cache[0] || (_cache[0] = ($event) => open.value = $event)
-			}), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16, ["open"]);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "tooltip_root_default", {
-	enumerable: true,
-	get: function() {
-		return tooltip_root_default;
-	}
-});

package/dist/cjs/chunks/tooltip-trigger.js

@@ -1,27 +0,0 @@
-const require_dist = require("./dist.js");
-let vue = require("vue");
-//#endregion
-//#region src/components/tooltip/tooltip-trigger.vue
-var tooltip_trigger_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "tooltip-trigger",
-	props: {
-		asChild: { type: Boolean },
-		as: {}
-	},
-	setup(__props) {
-		const forwardedProps = require_dist.Ot(__props);
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_dist.jg), (0, vue.mergeProps)((0, vue.unref)(forwardedProps), { "as-child": "" }), {
-				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-				_: 3
-			}, 16);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "tooltip_trigger_default", {
-	enumerable: true,
-	get: function() {
-		return tooltip_trigger_default;
-	}
-});

package/dist/cjs/chunks/tooltip.js

@@ -1,99 +0,0 @@
-const require_dist = require("./dist.js");
-const require_use_delegated_props = require("../use-delegated-props.js");
-const require_tooltip_content = require("./tooltip-content.js");
-const require_tooltip_provider = require("./tooltip-provider.js");
-const require_tooltip_root = require("./tooltip-root.js");
-const require_tooltip_trigger = require("./tooltip-trigger.js");
-let vue = require("vue");
-//#endregion
-//#region src/components/tooltip/tooltip.vue
-var tooltip_default = /* @__PURE__ */ (0, vue.defineComponent)({
-	__name: "tooltip",
-	props: {
-		class: {},
-		size: { default: "sm" },
-		variant: { default: "light" },
-		icon: {},
-		title: {},
-		description: {},
-		dismissible: { type: Boolean },
-		defaultOpen: { type: Boolean },
-		open: { type: Boolean },
-		delayDuration: { default: 0 },
-		disableHoverableContent: { type: Boolean },
-		disableClosingTrigger: { type: Boolean },
-		disabled: { type: Boolean },
-		ignoreNonKeyboardFocus: { type: Boolean },
-		forceMount: { type: Boolean },
-		ariaLabel: {},
-		asChild: { type: Boolean },
-		as: {},
-		side: {},
-		sideOffset: { default: 12 },
-		align: {},
-		alignOffset: {},
-		avoidCollisions: { type: Boolean },
-		collisionBoundary: {},
-		collisionPadding: {},
-		arrowPadding: {},
-		sticky: {},
-		hideWhenDetached: { type: Boolean }
-	},
-	emits: ["update:open"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emits = __emit;
-		const forwarded = require_dist.Se(require_use_delegated_props.useDelegatedProps(props, [
-			"class",
-			"size",
-			"variant",
-			"icon",
-			"title",
-			"description",
-			"dismissible"
-		]), emits);
-		const isOpen = (0, vue.ref)(props.defaultOpen);
-		function close() {
-			isOpen.value = false;
-		}
-		return (_ctx, _cache) => {
-			return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_tooltip_provider.tooltip_provider_default), { "delay-duration": _ctx.delayDuration }, {
-				default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_tooltip_root.tooltip_root_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-					open: props.open || isOpen.value,
-					"onUpdate:open": _cache[0] || (_cache[0] = (state) => isOpen.value = state)
-				}), {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(require_tooltip_trigger.tooltip_trigger_default), null, {
-						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-						_: 3
-					}), (0, vue.createVNode)((0, vue.unref)(require_tooltip_content.tooltip_content_default), (0, vue.mergeProps)((0, vue.unref)(forwarded), {
-						size: _ctx.size,
-						variant: _ctx.variant,
-						class: props.class,
-						icon: _ctx.icon,
-						title: _ctx.title,
-						description: _ctx.description,
-						dismissible: _ctx.dismissible,
-						"on-dismiss": close
-					}), null, 16, [
-						"size",
-						"variant",
-						"class",
-						"icon",
-						"title",
-						"description",
-						"dismissible"
-					])]),
-					_: 3
-				}, 16, ["open"])]),
-				_: 3
-			}, 8, ["delay-duration"]);
-		};
-	}
-});
-//#endregion
-Object.defineProperty(exports, "tooltip_default", {
-	enumerable: true,
-	get: function() {
-		return tooltip_default;
-	}
-});