@youcan/celeste 0.6.96 → 0.6.98

package/dist/cjs/tag.js

@@ -1,47 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-;/* empty css                                                            */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["disabled"];
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "tag",
-  props: {
-    variant: { default: "stroke" },
-    class: {},
-    dismissable: { type: Boolean, default: false },
-    disabled: { type: Boolean },
-    asChild: { type: Boolean },
-    as: { default: "div" }
-  },
-  emits: ["dismiss"],
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.O), {
-        as: _ctx.as,
-        "as-child": _ctx.asChild,
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-tag", props.class)),
-        "data-tag-variant": _ctx.variant,
-        "aria-disabled": _ctx.disabled
-      }, {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, void 0, true),
-          _ctx.dismissable ? (No.openBlock(), No.createElementBlock("button", {
-            key: 0,
-            disabled: _ctx.disabled,
-            class: "celeste-tag-dismiss-button",
-            "aria-label": "dismiss",
-            onClick: _cache[0] || (_cache[0] = No.withModifiers(($event) => _ctx.$emit("dismiss"), ["prevent", "stop"]))
-          }, _cache[1] || (_cache[1] = [
-            No.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
-          ]), 8, _hoisted_1)) : No.createCommentVNode("", true)
-        ]),
-        _: 3
-      }, 8, ["as", "as-child", "class", "data-tag-variant", "aria-disabled"]);
-    };
-  }
-});
-const tag = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-368b7ec0"]]);
-module.exports = tag;
+const require_tag = require("./chunks/tag.js");
+module.exports = require_tag.tag_default;

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

@@ -1,27 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const useDelegatedProps = require("./use-delegated-props.js");
-;/* empty css                                                                         */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "text-input-affix",
-  props: {
-    class: {},
-    inline: { type: Boolean },
-    asKbd: { type: Boolean }
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("span", No.mergeProps(No.unref(delegatedProps), {
-        class: No.unref(clsx.clsx)("celeste-text-input-affix", props.class)
-      }), [
-        No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 16);
-    };
-  }
-});
-const TextInputAffix = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-440f2745"]]);
-module.exports = TextInputAffix;
+const require_text_input_affix = require("./chunks/text-input-affix.js");
+module.exports = require_text_input_affix.text_input_affix_default;

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

@@ -1,32 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const button = require("./button.js");
-const useDelegatedProps = require("./use-delegated-props.js");
-;/* empty css                                                                          */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "text-input-button",
-  props: {
-    inline: { type: Boolean, default: false }
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = useDelegatedProps.useDelegatedProps(props, "class");
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(button, No.mergeProps({ tabindex: "-1" }, No.unref(delegatedProps), {
-        size: "sm",
-        intent: "neutral",
-        variant: "stroke",
-        class: No.unref(clsx.clsx)("celeste-text-input-button", props.class)
-      }), {
-        default: No.withCtx(() => [
-          No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const TextInputButton = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-c5c2046c"]]);
-module.exports = TextInputButton;
+const require_text_input_button = require("./chunks/text-input-button.js");
+module.exports = require_text_input_button.text_input_button_default;

package/dist/cjs/text-input.js

@@ -1,120 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const crypto = require("./crypto.js");
-const textInputButton = require("./text-input-button.js");
-;/* empty css                                                                   */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["for", "size", "has-error"];
-const _hoisted_2 = ["id", "type"];
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "text-input",
-  props: /* @__PURE__ */ No.mergeModels({
-    type: { default: "text" },
-    size: { default: "md" },
-    hasError: { type: Boolean, default: false }
-  }, {
-    "modelValue": {},
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const id = No.computed(() => props.id || crypto.uid());
-    const modelValue = No.useModel(__props, "modelValue");
-    const showClearButton = No.computed(() => {
-      return props.type === "search" && modelValue.value && String(modelValue.value).length > 0;
-    });
-    function clearInput() {
-      modelValue.value = "";
-    }
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createElementBlock("label", {
-        for: id.value,
-        size: _ctx.size,
-        role: "presentation",
-        "has-error": _ctx.hasError,
-        class: No.normalizeClass(No.unref(clsx.clsx)("celeste-text-input-wrapper", props.class))
-      }, [
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-icon celeste-text-input-leading-icon"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingIcon", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-node celeste-text-input-leading-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          inline: "",
-          "as-child": "",
-          class: "celeste-text-input-inline-node celeste-text-input-leading-inline-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "leadingInlineNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.withDirectives(No.createElementVNode("input", No.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), [
-          [No.vModelDynamic, modelValue.value]
-        ]),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-icon celeste-text-input-trailing-icon"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "trailingIcon", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          "as-child": "",
-          class: "celeste-text-input-node celeste-text-input-trailing-node"
-        }, {
-          default: No.withCtx(() => [
-            No.renderSlot(_ctx.$slots, "trailingNode", {}, void 0, true)
-          ]),
-          _: 3
-        }),
-        No.createVNode(No.unref(index.O), {
-          inline: "",
-          "as-child": "",
-          class: "celeste-text-input-inline-node celeste-text-input-trailing-inline-node"
-        }, {
-          default: No.withCtx(() => [
-            showClearButton.value ? (No.openBlock(), No.createBlock(textInputButton, {
-              key: 0,
-              type: "button",
-              "aria-label": "Clear search",
-              onClick: clearInput
-            }, {
-              default: No.withCtx(() => _cache[1] || (_cache[1] = [
-                No.createElementVNode("i", { class: "i-celeste-close-line" }, null, -1)
-              ])),
-              _: 1
-            })) : No.renderSlot(_ctx.$slots, "trailingInlineNode", { key: 1 }, void 0, true)
-          ]),
-          _: 3
-        })
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const TextInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-ad7ee7de"]]);
-module.exports = TextInput;
+const require_text_input = require("./chunks/text-input.js");
+module.exports = require_text_input.text_input_default;

package/dist/cjs/textarea.js

@@ -1,57 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-;/* empty css                                                                 */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = ["aria-disabled"];
-const _hoisted_2 = ["placeholder", "maxlength", "disabled"];
-const _hoisted_3 = {
-  key: 0,
-  class: "celeste-textarea-count"
-};
-const _sfc_main = /* @__PURE__ */ No.defineComponent({
-  __name: "textarea",
-  props: /* @__PURE__ */ No.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 = No.useModel(__props, "modelValue");
-    return (_ctx, _cache) => {
-      var _a;
-      return No.openBlock(), No.createElementBlock("div", {
-        class: No.normalizeClass(No.unref(clsx.clsx)(
-          "celeste-textarea-wrapper",
-          props.class
-        )),
-        "aria-disabled": _ctx.disabled,
-        onClick: _cache[1] || (_cache[1] = ($event) => {
-          var _a2;
-          return (_a2 = _ctx.$el.querySelector("textarea")) == null ? void 0 : _a2.focus();
-        })
-      }, [
-        No.withDirectives(No.createElementVNode("textarea", No.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), [
-          [No.vModelText, modelValue.value]
-        ]),
-        _ctx.showCount && Number(_ctx.maxLength) ? (No.openBlock(), No.createElementBlock("span", _hoisted_3, No.toDisplayString(`${((_a = modelValue.value) == null ? void 0 : _a.length) || 0}/${_ctx.maxLength}`), 1)) : No.createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-const textarea = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-76864cee"]]);
-module.exports = textarea;
+const require_textarea = require("./chunks/textarea.js");
+module.exports = require_textarea.textarea_default;

package/dist/cjs/tooltip-content.js

@@ -1,94 +1,2 @@
-"use strict";
-const No = require("vue");
-const clsx = require("./chunks/clsx.js");
-const index = require("./chunks/index.js");
-const compactButton = require("./compact-button.js");
-const useDelegatedProps = require("./use-delegated-props.js");
-;/* empty css                                                                        */
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _hoisted_1 = { class: "celeste-tooltip-content-box" };
-const _hoisted_2 = {
-  key: 0,
-  class: "celeste-tooltip-content-title"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "celeste-tooltip-content-description"
-};
-const _sfc_main = /* @__PURE__ */ No.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 delegated = useDelegatedProps.useDelegatedProps(props, ["class", "size", "variant", "icon", "title", "description", "dismissible", "onDismiss"]);
-    const forwarded = index.Se(delegated, emits);
-    function handleDismiss() {
-      var _a;
-      (_a = props.onDismiss) == null ? void 0 : _a.call(props);
-    }
-    return (_ctx, _cache) => {
-      return No.openBlock(), No.createBlock(No.unref(index.qg), { class: "celeste-tooltip-portal" }, {
-        default: No.withCtx(() => [
-          No.createVNode(No.unref(index.Ug), No.mergeProps(No.unref(forwarded), {
-            size: _ctx.size,
-            variant: _ctx.variant,
-            class: No.unref(clsx.clsx)("celeste-tooltip-content", props.class)
-          }), {
-            default: No.withCtx(() => [
-              _ctx.icon ? (No.openBlock(), No.createElementBlock("i", {
-                key: 0,
-                class: No.normalizeClass(`celeste-tooltip-content-icon ${_ctx.icon}`)
-              }, null, 2)) : No.createCommentVNode("", true),
-              No.createElementVNode("div", _hoisted_1, [
-                _ctx.title ? (No.openBlock(), No.createElementBlock("span", _hoisted_2, No.toDisplayString(_ctx.title), 1)) : No.createCommentVNode("", true),
-                _ctx.description ? (No.openBlock(), No.createElementBlock("span", _hoisted_3, No.toDisplayString(_ctx.description), 1)) : No.createCommentVNode("", true),
-                No.renderSlot(_ctx.$slots, "default", {}, void 0, true)
-              ]),
-              _ctx.dismissible ? (No.openBlock(), No.createBlock(compactButton, {
-                key: 1,
-                variant: "ghost",
-                icon: "i-celeste-close-line",
-                onClick: handleDismiss
-              })) : No.createCommentVNode("", true),
-              No.createVNode(No.unref(index.Gg), { "as-child": "" }, {
-                default: No.withCtx(() => _cache[0] || (_cache[0] = [
-                  No.createElementVNode("span", { class: "celeste-tooltip-content-arrow" }, null, -1)
-                ])),
-                _: 1
-              })
-            ]),
-            _: 3
-          }, 16, ["size", "variant", "class"])
-        ]),
-        _: 3
-      });
-    };
-  }
-});
-const TooltipContent = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-aa109675"]]);
-module.exports = TooltipContent;
+const require_tooltip_content = require("./chunks/tooltip-content.js");
+module.exports = require_tooltip_content.tooltip_content_default;

package/dist/cjs/tooltip-provider.js

@@ -1,3 +1,2 @@
-"use strict";
-const tooltipProvider_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-provider.js");
-module.exports = tooltipProvider_vue_vue_type_script_setup_true_lang._sfc_main;
+const require_tooltip_provider = require("./chunks/tooltip-provider.js");
+module.exports = require_tooltip_provider.tooltip_provider_default;

package/dist/cjs/tooltip-root.js

@@ -1,3 +1,2 @@
-"use strict";
-const tooltipRoot_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-root.js");
-module.exports = tooltipRoot_vue_vue_type_script_setup_true_lang._sfc_main;
+const require_tooltip_root = require("./chunks/tooltip-root.js");
+module.exports = require_tooltip_root.tooltip_root_default;

package/dist/cjs/tooltip-trigger.js

@@ -1,3 +1,2 @@
-"use strict";
-const tooltipTrigger_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip-trigger.js");
-module.exports = tooltipTrigger_vue_vue_type_script_setup_true_lang._sfc_main;
+const require_tooltip_trigger = require("./chunks/tooltip-trigger.js");
+module.exports = require_tooltip_trigger.tooltip_trigger_default;

package/dist/cjs/tooltip.js

@@ -1,3 +1,2 @@
-"use strict";
-const tooltip_vue_vue_type_script_setup_true_lang = require("./chunks/tooltip.js");
-module.exports = tooltip_vue_vue_type_script_setup_true_lang._sfc_main;
+const require_tooltip = require("./chunks/tooltip.js");
+module.exports = require_tooltip.tooltip_default;

package/dist/cjs/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/cjs/use-color-model.js

@@ -1,33 +1,4 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const tinycolor = require("./chunks/tinycolor.js");
-const No = require("vue");
-const ColorPickerEmits = ["update:modelValue"];
-function defineColorModel(props, emit) {
-  let originalFormat;
-  const tinyColorRef = No.computed({
-    get: () => {
-      const colorInput = props.modelValue;
-      const value = tinycolor.tinycolor(colorInput);
-      originalFormat = value.getFormat();
-      return value;
-    },
-    set: (newValue) => {
-      const newTinyColor = tinycolor.tinycolor(newValue);
-      const transformedValue = transformToOriginalInputFormat(
-        newTinyColor,
-        originalFormat
-      );
-      emit("update:modelValue", transformedValue);
-    }
-  });
-  return tinyColorRef;
-}
-function transformToOriginalInputFormat(color, originalFormat) {
-  if (originalFormat === "hex" && color.getAlpha() < 1) {
-    return color.toString("hex8");
-  }
-  return color.toString(originalFormat);
-}
-exports.ColorPickerEmits = ColorPickerEmits;
-exports.defineColorModel = defineColorModel;
+const require_use_color_model = require("./chunks/use-color-model.js");
+exports.ColorPickerEmits = require_use_color_model.ColorPickerEmits;
+exports.defineColorModel = require_use_color_model.defineColorModel;

package/dist/cjs/use-delegated-props.js

@@ -1,14 +1,16 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const No = require("vue");
+require("./chunks/dist.js");
+let vue = require("vue");
+//#region src/composables/use-delegated-props.ts
 function useDelegatedProps(props, excludeKeys = ["class"]) {
-  return No.computed(() => {
-    const keysToExclude = Array.isArray(excludeKeys) ? excludeKeys : [excludeKeys];
-    const delegated = { ...props };
-    keysToExclude.forEach((key) => {
-      delete delegated[key];
-    });
-    return delegated;
-  });
+	return (0, vue.computed)(() => {
+		const keysToExclude = Array.isArray(excludeKeys) ? excludeKeys : [excludeKeys];
+		const delegated = { ...props };
+		keysToExclude.forEach((key) => {
+			delete delegated[key];
+		});
+		return delegated;
+	});
 }
+//#endregion
 exports.useDelegatedProps = useDelegatedProps;

package/dist/cjs/use-sidebar.js

@@ -1,13 +1,14 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./chunks/index.js");
-const SIDEBAR_COOKIE_NAME = "sidebar_state";
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-const SIDEBAR_WIDTH = "17rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const SIDEBAR_WIDTH_ICON = "52px";
-const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const [useSidebar, provideSidebarContext] = index.te("Sidebar");
+const require_dist = require("./chunks/dist.js");
+//#region src/composables/use-sidebar.ts
+var SIDEBAR_COOKIE_NAME = "sidebar_state";
+var SIDEBAR_COOKIE_MAX_AGE = 3600 * 24 * 7;
+var SIDEBAR_WIDTH = "17rem";
+var SIDEBAR_WIDTH_MOBILE = "18rem";
+var SIDEBAR_WIDTH_ICON = "52px";
+var SIDEBAR_KEYBOARD_SHORTCUT = "b";
+var [useSidebar, provideSidebarContext] = require_dist.te("Sidebar");
+//#endregion
 exports.SIDEBAR_COOKIE_MAX_AGE = SIDEBAR_COOKIE_MAX_AGE;
 exports.SIDEBAR_COOKIE_NAME = SIDEBAR_COOKIE_NAME;
 exports.SIDEBAR_KEYBOARD_SHORTCUT = SIDEBAR_KEYBOARD_SHORTCUT;

package/dist/cjs/use-user-select.js

@@ -1,39 +1,41 @@
-"use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const No = require("vue");
+require("./chunks/dist.js");
+let vue = require("vue");
+//#region src/components/color-picker/composable/use-user-select.ts
 function useUserPageSelection() {
-  const isDisabled = No.ref(false);
-  let styleElement = null;
-  const preventPageUserSelect = () => {
-    if (!styleElement) {
-      styleElement = document.createElement("style");
-      styleElement.textContent = "body > * { user-select: none; }";
-      document.head.appendChild(styleElement);
-      isDisabled.value = true;
-    }
-  };
-  const allowPageUserSelect = () => {
-    if (styleElement) {
-      styleElement.remove();
-      styleElement = null;
-      isDisabled.value = false;
-    }
-  };
-  const togglePageUserSelect = () => {
-    if (styleElement) {
-      allowPageUserSelect();
-      return;
-    }
-    preventPageUserSelect();
-  };
-  No.onUnmounted(() => {
-    allowPageUserSelect();
-  });
-  return {
-    isDisabled: No.readonly(isDisabled),
-    togglePageUserSelect,
-    preventPageUserSelect,
-    allowPageUserSelect
-  };
+	const isDisabled = (0, vue.ref)(false);
+	let styleElement = null;
+	const preventPageUserSelect = () => {
+		if (!styleElement) {
+			styleElement = document.createElement("style");
+			styleElement.textContent = "body > * { user-select: none; }";
+			document.head.appendChild(styleElement);
+			isDisabled.value = true;
+		}
+	};
+	const allowPageUserSelect = () => {
+		if (styleElement) {
+			styleElement.remove();
+			styleElement = null;
+			isDisabled.value = false;
+		}
+	};
+	const togglePageUserSelect = () => {
+		if (styleElement) {
+			allowPageUserSelect();
+			return;
+		}
+		preventPageUserSelect();
+	};
+	(0, vue.onUnmounted)(() => {
+		allowPageUserSelect();
+	});
+	return {
+		isDisabled: (0, vue.readonly)(isDisabled),
+		togglePageUserSelect,
+		preventPageUserSelect,
+		allowPageUserSelect
+	};
 }
+//#endregion
 exports.useUserPageSelection = useUserPageSelection;

package/dist/components/alert/alert.d.ts

@@ -6,7 +6,9 @@ export interface AlertProps {
     state?: 'information' | 'success' | 'warning' | 'error' | 'feature';
     dismissable?: boolean;
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import('vue').DefineComponent<AlertProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     dismiss: (...args: any[]) => void;
 }, string, import('vue').PublicProps, Readonly<AlertProps> & Readonly<{
     onDismiss?: ((...args: any[]) => any) | undefined;
@@ -15,15 +17,18 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Al
     variant: "fill" | "light" | "lighter" | "stroke";
     state: "information" | "success" | "warning" | "error" | "feature";
     dismissable: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
-    default?(_: {}): any;
-    title?(_: {}): any;
-    description?(_: {}): any;
-    primary?(_: {}): any;
-    secondary?(_: {}): any;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    default?: (props: {}) => any;
+} & {
+    title?: (props: {}) => any;
+} & {
+    description?: (props: {}) => any;
+} & {
+    primary?: (props: {}) => any;
+} & {
+    secondary?: (props: {}) => any;
 }>;
-export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/dist/components/badge/badge.d.ts

@@ -9,9 +9,10 @@ export interface BadgeProps {
     label?: string;
     class?: HTMLAttributes['class'];
 }
-declare const _default: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import('vue').DefineComponent<BadgeProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
     size: "sm" | "md";
     variant: "fill" | "light" | "lighter" | "stroke";
     type: "basic" | "dot" | "leading-icon" | "trailing-icon";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;