@youcan/celeste 0.9.2 → 0.10.0

package/dist/es/chunks/label2.js

@@ -12,7 +12,7 @@ var _hoisted_1 = {
 };
 //#endregion
 //#region src/components/label/label.vue
-var label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var label_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "label",
 	props: {
 		for: {},
@@ -22,15 +22,21 @@ var label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE
 		information: {},
 		required: { type: Boolean },
 		disabled: { type: Boolean },
-		class: {}
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
 	},
 	setup(__props) {
 		const props = __props;
 		const delegatedProps = useDelegatedProps(props, "class");
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Label_default), mergeProps(unref(delegatedProps), {
-				"aria-required": _ctx.required,
-				"aria-disabled": _ctx.disabled,
+				"aria-required": __props.required,
+				"aria-disabled": __props.disabled,
 				class: unref(clsx)("celeste-label", props.class)
 			}), {
 				default: withCtx(() => [
@@ -42,12 +48,12 @@ var label_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE
 						default: withCtx(() => [renderSlot(_ctx.$slots, "button", {}, void 0, true)]),
 						_: 3
 					}),
-					_ctx.sublabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(_ctx.sublabel), 1)) : createCommentVNode("", true),
-					_ctx.information ? (openBlock(), createBlock(tooltip_default, {
+					__props.sublabel ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.sublabel), 1)) : createCommentVNode("", true),
+					__props.information ? (openBlock(), createBlock(tooltip_default, {
 						key: 1,
-						title: _ctx.information
+						title: __props.information
 					}, {
-						default: withCtx(() => _cache[0] || (_cache[0] = [createElementVNode("button", { class: "celeste-label-info" }, [createElementVNode("i", { class: "i-celeste-information-2-fill" })], -1)])),
+						default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("button", { class: "celeste-label-info" }, [createElementVNode("i", { class: "i-celeste-information-2-fill" })], -1)])]),
 						_: 1
 					}, 8, ["title"])) : createCommentVNode("", true)
 				]),

package/dist/es/chunks/link-bubble.js

@@ -20,7 +20,7 @@ var _hoisted_4 = {
 };
 //#endregion
 //#region src/components/rich-editor/link-bubble.vue
-var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var link_bubble_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "link-bubble",
 	props: {
 		editor: {},
@@ -59,11 +59,9 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 			emit("set-link-closed");
 		}
 		function truncateMiddleUrl(str) {
-			const maxLength = 40;
-			if (str.length <= maxLength) return str;
-			const startChars = Math.ceil((maxLength - 3) / 2);
-			const endChars = Math.floor((maxLength - 3) / 2);
-			return `${str.slice(0, startChars)}...${str.slice(-endChars)}`;
+			if (str.length <= 40) return str;
+			const startChars = Math.ceil(37 / 2);
+			return `${str.slice(0, startChars)}...${str.slice(-18)}`;
 		}
 		function isAllowedUri() {
 			const url = href.value.trim();
@@ -108,7 +106,7 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(BubbleMenu), {
 				"should-show": () => true,
-				editor: _ctx.editor,
+				editor: __props.editor,
 				options: {
 					strategy: "fixed",
 					placement: "bottom",
@@ -140,7 +138,7 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					onKeydown: [withKeys(applyLink, ["enter"]), withKeys(reset, ["esc"])]
 				}, {
 					leadingNode: withCtx(() => [createVNode(text_input_affix_default, null, {
-						default: withCtx(() => _cache[2] || (_cache[2] = [createElementVNode("i", { class: "i-celeste-link" }, null, -1)])),
+						default: withCtx(() => [..._cache[2] || (_cache[2] = [createElementVNode("i", { class: "i-celeste-link" }, null, -1)])]),
 						_: 1
 					})]),
 					_: 1
@@ -152,10 +150,10 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					disabled: !isValidUrl.value,
 					onClick: applyLink
 				}, {
-					default: withCtx(() => _cache[3] || (_cache[3] = [createTextVNode(" Set link ")])),
+					default: withCtx(() => [..._cache[3] || (_cache[3] = [createTextVNode(" Set link ", -1)])]),
 					_: 1
 				}, 8, ["disabled"])]), createElementVNode("div", _hoisted_3, [createVNode(label_default, { for: "open-in-new-tab" }, {
-					default: withCtx(() => _cache[4] || (_cache[4] = [createTextVNode(" Open in new tab ")])),
+					default: withCtx(() => [..._cache[4] || (_cache[4] = [createTextVNode(" Open in new tab ", -1)])]),
 					_: 1
 				}), createVNode(switch_default, {
 					id: "open-in-new-tab",
@@ -163,10 +161,10 @@ var link_bubble_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 					"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => openInNewTab.value = $event)
 				}, null, 8, ["modelValue"])])])) : props.editor.isActive("link") ? (openBlock(), createElementBlock("div", _hoisted_4, [
 					createVNode(link_button_default, {
-						href: _ctx.editor.getAttributes("link").href,
-						target: _ctx.editor.getAttributes("link").target
+						href: __props.editor.getAttributes("link").href,
+						target: __props.editor.getAttributes("link").target
 					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(truncateMiddleUrl(_ctx.editor.getAttributes("link").href)), 1)]),
+						default: withCtx(() => [createTextVNode(toDisplayString(truncateMiddleUrl(__props.editor.getAttributes("link").href)), 1)]),
 						_: 1
 					}, 8, ["href", "target"]),
 					_cache[5] || (_cache[5] = createElementVNode("div", { class: "divider" }, null, -1)),

package/dist/es/chunks/link-button.js

@@ -4,10 +4,16 @@ import { t as Primitive } from "./Primitive.js";
 import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/button/link-button.vue
-var link_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+var link_button_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	__name: "link-button",
 	props: {
-		class: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
 		size: { default: "md" },
 		intent: { default: "primary" },
 		underline: { type: Boolean },
@@ -19,11 +25,11 @@ var link_button_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @
 		const props = __props;
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(Primitive), {
-				as: _ctx.as,
-				disabled: _ctx.disabled,
-				"as-child": _ctx.asChild,
-				class: normalizeClass(unref(clsx)("celeste-link-button", `celeste-link-button-${_ctx.intent}`, `celeste-link-button-${_ctx.size}`, _ctx.disabled && "celeste-link-button-disabled", _ctx.underline && "celeste-link-button-underline", props.class)),
-				role: _ctx.as === "a" ? "link" : "button"
+				as: __props.as,
+				disabled: __props.disabled,
+				"as-child": __props.asChild,
+				class: normalizeClass(unref(clsx)("celeste-link-button", `celeste-link-button-${__props.intent}`, `celeste-link-button-${__props.size}`, __props.disabled && "celeste-link-button-disabled", __props.underline && "celeste-link-button-underline", props.class)),
+				role: __props.as === "a" ? "link" : "button"
 			}, {
 				default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				_: 3