@indielayer/ui 1.0.2 → 1.0.4

package/lib/index.es.js

@@ -1,10 +1,10 @@
-import { inject, computed, unref, isRef, useSlots, defineComponent, ref, watchEffect, normalizeStyle, openBlock, createElementBlock, mergeProps, normalizeClass, renderSlot, createBlock, createCommentVNode, createElementVNode, Fragment, createVNode, watch, resolveDynamicComponent, withCtx, toDisplayString, renderList, createTextVNode, useAttrs, provide, onMounted, onUnmounted, withKeys, withModifiers, withDirectives, vModelCheckbox, Transition, vShow, getCurrentScope, onScopeDispose, getCurrentInstance, onBeforeMount, nextTick, reactive, toRefs, Teleport, toHandlers, resolveComponent, TransitionGroup, useCssModule, vModelRadio, vModelSelect, onBeforeUnmount } from "vue";
+import { inject, computed, unref, isRef, useSlots, defineComponent, ref, watchEffect, normalizeStyle, openBlock, createElementBlock, mergeProps, normalizeClass, renderSlot, createBlock, createCommentVNode, createElementVNode, Fragment, createVNode, watch, resolveDynamicComponent, withCtx, toDisplayString, renderList, createTextVNode, useAttrs, provide, onMounted, onUnmounted, withKeys, withModifiers, withDirectives, vModelCheckbox, Transition, vShow, getCurrentScope, onScopeDispose, getCurrentInstance, onBeforeMount, nextTick, reactive, toRefs, Teleport, toHandlers, resolveComponent, TransitionGroup, useCssModule, vModelRadio, vModelSelect } from "vue";
 const isHex = (hex) => /^#(?:[A-Fa-f0-9]{3}){1,2}$/.test(hex);
 const isRGB = (rgb) => /^rgb[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*(?:,(?![)])|(?=[)]))){3}[)]$/.test(rgb);
 const isRGBA = (rgba) => /^^rgba[(](?:\s*0*(?:\d\d?(?:\.\d+)?(?:\s*%)?|\.\d+\s*%|100(?:\.0*)?\s*%|(?:1\d\d|2[0-4]\d|25[0-5])(?:\.\d+)?)\s*,){3}\s*0*(?:\.\d+|1(?:\.0*)?)\s*[)]$/.test(rgba);
 const parseRGB = (rgb) => {
   var _a2;
-  return (_a2 = rgb.match(new RegExp("(?<=\\().+?(?=\\))", "g"))) == null ? void 0 : _a2[0].split(",");
+  return (_a2 = rgb.match(/\((.*?)\)/)) == null ? void 0 : _a2[1].split(",");
 };
 const hexToRGB = (hex) => {
   var _a2;
@@ -294,7 +294,7 @@ const tailwindColors = Object.freeze({
     900: "#881337"
   }
 });
-var version = "1.0.2";
+var version = "1.0.4";
 function _isPlaceholder(a) {
   return a != null && typeof a === "object" && a["@@functional/placeholder"] === true;
 }
@@ -895,7 +895,7 @@ var theme$B = {
     }
   }
 };
-const _hoisted_1$q = ["innerHTML"];
+const _hoisted_1$p = ["innerHTML"];
 const _hoisted_2$f = ["stroke-linejoin", "stroke-linecap", "stroke", "fill", "viewBox", "innerHTML"];
 const __default__$F = { name: "XIcon" };
 const _sfc_main$F = /* @__PURE__ */ defineComponent({
@@ -966,7 +966,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
         key: 0,
         style: unref(normalizedStyle),
         class: ["shrink-0", unref(className), unref(classes).wrapper]
-      }, attrs.value, { innerHTML: computedIcon.value }), null, 16, _hoisted_1$q)) : (openBlock(), createElementBlock("svg", {
+      }, attrs.value, { innerHTML: computedIcon.value }), null, 16, _hoisted_1$p)) : (openBlock(), createElementBlock("svg", {
         key: 1,
         style: normalizeStyle(unref(normalizedStyle)),
         xmlns: "http://www.w3.org/2000/svg",
@@ -1043,7 +1043,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$p = /* @__PURE__ */ createElementVNode("div", { class: "flex-grow" }, null, -1);
+const _hoisted_1$o = /* @__PURE__ */ createElementVNode("div", { class: "flex-grow" }, null, -1);
 const __default__$E = { name: "XAlert" };
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   ...__default__$E,
@@ -1091,7 +1091,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "default")
         ]),
         __props.removable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          _hoisted_1$p,
+          _hoisted_1$o,
           createElementVNode("span", {
             class: "flex items-center cursor-pointer shrink-0",
             onClick: _cache[0] || (_cache[0] = (e) => _ctx.$emit("remove", e))
@@ -1148,7 +1148,7 @@ const avatar = "_avatar_az2b2_2";
 var style0$8 = {
   avatar
 };
-const _hoisted_1$o = ["alt", "src"];
+const _hoisted_1$n = ["alt", "src"];
 const _hoisted_2$e = {
   key: 1,
   class: "leading-none"
@@ -1182,7 +1182,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       }
       return "";
     });
-    if (document && Image) {
+    if (typeof window !== "undefined" && Image) {
       watch(() => props.image, (src) => {
         source.value = void 0;
         if (!src)
@@ -1214,7 +1214,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             alt: __props.alt,
             src: __props.image,
             class: "h-full w-full"
-          }, null, 8, _hoisted_1$o)) : __props.name ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(unref(initials)), 1)) : !__props.name ? renderSlot(_ctx.$slots, "avatarIcon", { key: 2 }, () => [
+          }, null, 8, _hoisted_1$n)) : __props.name ? (openBlock(), createElementBlock("span", _hoisted_2$e, toDisplayString(unref(initials)), 1)) : !__props.name ? renderSlot(_ctx.$slots, "avatarIcon", { key: 2 }, () => [
             createVNode(_sfc_main$F, {
               size: _ctx.size,
               icon: unref(avatarIcon)
@@ -1239,7 +1239,7 @@ var theme$y = {
     return css.get("bg", color[500]);
   }
 };
-const _hoisted_1$n = { class: "relative inline-block" };
+const _hoisted_1$m = { class: "relative inline-block" };
 const _hoisted_2$d = {
   key: 0,
   class: "animate-ping opacity-75 absolute top-0 left-0 rounded-full h-full w-full z-10 bg-[color:var(--x-badge-bg)]"
@@ -1312,7 +1312,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         ])
       }, {
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$n, [
+          createElementVNode("div", _hoisted_1$m, [
             renderSlot(_ctx.$slots, "default"),
             __props.show ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -1373,7 +1373,7 @@ var style0$7 = {
   link,
   "link--shadow": "_link--shadow_7nt3a_1"
 };
-const _hoisted_1$m = {
+const _hoisted_1$l = {
   key: 0,
   class: "inline-flex items-center"
 };
@@ -1407,7 +1407,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         ])
       }, {
         default: withCtx(() => [
-          __props.external ? (openBlock(), createElementBlock("span", _hoisted_1$m, [
+          __props.external ? (openBlock(), createElementBlock("span", _hoisted_1$l, [
             renderSlot(_ctx.$slots, "default", {}, void 0, true),
             createVNode(_sfc_main$F, { icon: unref(externalIcon) }, null, 8, ["icon"])
           ])) : renderSlot(_ctx.$slots, "default", { key: 1 }, void 0, true)
@@ -1541,7 +1541,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 var theme$v = {
   classes: {
     wrapper({ props, slots, data }) {
-      const classes = ["relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border"];
+      const classes = ["relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none"];
       if (!data.isButtonGroup)
         classes.push(props.rounded ? "rounded-full" : "rounded-md");
       if (!props.flat && !props.light && !props.ghost && !props.disabled && !props.loading)
@@ -2170,7 +2170,7 @@ var theme$s = {
 var style0$4 = {
   "checkbox--glow": "_checkbox--glow_x9lav_1"
 };
-const _hoisted_1$l = ["onKeypress"];
+const _hoisted_1$k = ["onKeypress"];
 const _hoisted_2$c = ["aria-checked", "aria-disabled", "disabled", "name", "required"];
 const _hoisted_3$a = /* @__PURE__ */ createElementVNode("path", { d: "M0 11l2-2 5 5L18 3l2 2L7 18z" }, null, -1);
 const _hoisted_4$7 = [
@@ -2266,7 +2266,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
               textContent: toDisplayString(__props.label)
             }, null, 8, _hoisted_5$3)) : renderSlot(_ctx.$slots, "default", { key: 1 })
           ], 2)
-        ], 42, _hoisted_1$l),
+        ], 42, _hoisted_1$k),
         createVNode(unref(XInputError), {
           error: unref(errorInternal),
           helper: __props.helper
@@ -2286,7 +2286,7 @@ var theme$r = {
     content: "transition-[height] duration-150 overflow-y-hidden"
   }
 };
-const _hoisted_1$k = { class: "flex-1 overflow-hidden" };
+const _hoisted_1$j = { class: "flex-1 overflow-hidden" };
 const _hoisted_2$b = {
   key: 1,
   viewBox: "0 0 24 24",
@@ -2394,7 +2394,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             class: normalizeClass(unref(classes).wrapper),
             onClick: toggle
           }, [
-            createElementVNode("div", _hoisted_1$k, [
+            createElementVNode("div", _hoisted_1$j, [
               renderSlot(_ctx.$slots, "default", { collapsed: collapsed.value })
             ]),
             __props.showIcon ? (openBlock(), createElementBlock("div", {
@@ -2485,7 +2485,7 @@ var theme$p = {
     line: "bg-gray-200 dark:bg-slate-700 flex-grow"
   }
 };
-const _hoisted_1$j = ["textContent"];
+const _hoisted_1$i = ["textContent"];
 const __default__$s = { name: "XDivider" };
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   ...__default__$s,
@@ -2523,7 +2523,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             }
           ]]),
           textContent: toDisplayString(__props.label)
-        }, null, 10, _hoisted_1$j)) : createCommentVNode("", true),
+        }, null, 10, _hoisted_1$i)) : createCommentVNode("", true),
         createElementVNode("div", {
           class: normalizeClass(unref(classes).line),
           style: normalizeStyle([
@@ -3184,7 +3184,7 @@ var theme$n = {
     backdrop: "absolute z-40 inset-0 duration-150 ease-in-out"
   }
 };
-const _hoisted_1$i = {
+const _hoisted_1$h = {
   key: 0,
   ref: "swipeRef",
   class: "flex flex-col max-h-full"
@@ -3226,7 +3226,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const value = ref(props.modelValue);
     const backdropRef = ref(null);
     const drawerRef = ref(null);
-    const deferShow = ref(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))));
+    let deferShow = ref(false);
+    if (typeof window !== "undefined")
+      deferShow = ref(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))));
     const isTailwindBreakpoint = typeof props.breakpoint === "string";
     const breakpoints = useBreakpoints(isTailwindBreakpoint ? breakpointsTailwind : { md: props.breakpoint || 768 });
     const point = breakpoints.smaller(isTailwindBreakpoint ? props.breakpoint : "md");
@@ -3245,7 +3247,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     watch(() => props.modelValue, (val) => {
       value.value = val;
     });
-    if (document)
+    if (typeof window !== "undefined")
       useEventListener(document, "keydown", onKeyDown);
     function onKeyDown(event) {
       if (event.key === "Escape" && value.value)
@@ -3344,7 +3346,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const { styles, classes, className } = useTheme("drawer", theme$n, props);
     expose({ open, close });
     return (_ctx, _cache) => {
-      return deferShow.value ? (openBlock(), createBlock(Teleport, {
+      return unref(deferShow) ? (openBlock(), createBlock(Teleport, {
         key: 0,
         to: __props.teleportTo,
         disabled: !detached.value
@@ -3366,7 +3368,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 detached.value ? unref(classes).backdrop : ""
               ])
             }, [
-              detached.value && value.value ? (openBlock(), createElementBlock("div", _hoisted_1$i, null, 512)) : createCommentVNode("", true),
+              detached.value && value.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, null, 512)) : createCommentVNode("", true),
               createElementVNode("div", {
                 ref_key: "drawerRef",
                 ref: drawerRef,
@@ -3403,7 +3405,7 @@ var theme$m = {
     wrapper: ""
   }
 };
-const _hoisted_1$h = ["disabled"];
+const _hoisted_1$g = ["disabled"];
 const __default__$p = {
   name: "XForm",
   inheritAttrs: false
@@ -3495,7 +3497,7 @@ const _sfc_main$p = defineComponent({
       }, [
         createElementVNode("fieldset", { disabled: __props.disabled }, [
           renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_1$h)
+        ], 8, _hoisted_1$g)
       ], 38);
     };
   }
@@ -3505,7 +3507,7 @@ var theme$l = {
     wrapper: ""
   }
 };
-const _hoisted_1$g = ["src"];
+const _hoisted_1$f = ["src"];
 const __default__$o = { name: "XImage" };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__$o,
@@ -3516,26 +3518,28 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     const props = __props;
     const fallback = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
     const source = ref(fallback);
-    watch(() => props.src, (src) => {
-      if (!src)
-        return;
-      const img = new Image();
-      img.onload = () => {
-        source.value = props.src;
-      };
-      img.onerror = () => {
-      };
-      img.src = src;
-    }, {
-      immediate: true
-    });
+    if (typeof window !== "undefined" && Image) {
+      watch(() => props.src, (src) => {
+        if (!src)
+          return;
+        const img = new Image();
+        img.onload = () => {
+          source.value = props.src;
+        };
+        img.onerror = () => {
+        };
+        img.src = src;
+      }, {
+        immediate: true
+      });
+    }
     const { styles, classes, className } = useTheme("image", theme$l, props);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("img", {
         class: normalizeClass([unref(className), unref(classes).wrapper]),
         style: normalizeStyle(unref(styles)),
         src: source.value
-      }, null, 14, _hoisted_1$g);
+      }, null, 14, _hoisted_1$f);
     };
   }
 });
@@ -3578,7 +3582,7 @@ var theme$k = {
     return css.get("border", color[400]);
   }
 };
-const _hoisted_1$f = ["textContent"];
+const _hoisted_1$e = ["textContent"];
 const _hoisted_2$a = { class: "relative" };
 const _hoisted_3$8 = ["disabled", "min", "max", "minlength", "maxlength", "dir", "name", "placeholder", "readonly", "type", "value"];
 const __default__$n = { name: "XInput" };
@@ -3661,7 +3665,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(unref(classes).label),
           textContent: toDisplayString(__props.label)
-        }, null, 10, _hoisted_1$f)) : createCommentVNode("", true),
+        }, null, 10, _hoisted_1$e)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$a, [
           __props.iconLeft ? (openBlock(), createBlock(_sfc_main$F, {
             key: 0,
@@ -3692,7 +3696,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             readonly: _ctx.readonly,
             type: currentType.value,
             value: _ctx.modelValue || ""
-          }, _ctx.$attrs, toHandlers(unref(inputListeners)), { onChange }), null, 16, _hoisted_3$8),
+          }, _ctx.$attrs, toHandlers(unref(inputListeners), true), { onChange }), null, 16, _hoisted_3$8),
           __props.iconRight ? (openBlock(), createBlock(_sfc_main$F, {
             key: 1,
             size: _ctx.size,
@@ -3814,7 +3818,7 @@ var style0$2 = {
   "x-link": "_x-link_1algu_2",
   "menu-item--active": "_menu-item--active_1algu_1"
 };
-const _hoisted_1$e = {
+const _hoisted_1$d = {
   key: 0,
   class: "mr-2 shrink-0"
 };
@@ -3929,7 +3933,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         onClick: onItemClick
       }, {
         default: withCtx(() => [
-          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$e, [
+          _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_1$d, [
             renderSlot(_ctx.$slots, "prefix", {}, void 0, true)
           ])) : unref(cItem).icon ? (openBlock(), createBlock(_sfc_main$F, {
             key: 1,
@@ -4114,7 +4118,7 @@ var theme$h = {
     actions: "bg-slate-50 dark:bg-gray-800 p-4"
   }
 };
-const _hoisted_1$d = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-screen" };
+const _hoisted_1$c = { class: "flex items-end sm:items-center justify-center p-4 sm:p-6 h-screen" };
 const __default__$k = { name: "XModal" };
 const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...__default__$k,
@@ -4158,7 +4162,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         }, 150);
       }
     });
-    if (document)
+    if (typeof window !== "undefined")
       useEventListener(document, "keydown", onKeyDown);
     function onKeyDown(event) {
       if (event.key === "Escape" && value.value)
@@ -4198,7 +4202,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
               visible.value ? "ease-out duration-200 opacity-30 dark:opacity-70" : "ease-in duration-100 opacity-0"
             ])
           }, null, 2)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_1$d, [
+          createElementVNode("div", _hoisted_1$c, [
             createElementVNode("div", {
               ref_key: "modalRef",
               ref: modalRef,
@@ -4266,10 +4270,10 @@ var theme$g = {
   classes: {
     wrapper: "fixed z-40 w-full sm:w-auto overflow-y-auto max-h-screen",
     list: "flex flex-col items-end w-full sm:w-[520px] px-4",
-    item: "w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900"
+    item: "w-full flex items-center rounded-md px-4 py-3 bg-gray-800 dark:bg-gray-50 text-white dark:text-gray-900 border border-gray-700 dark:border-gray-100"
   }
 };
-const _hoisted_1$c = { class: "flex items-center flex-wrap" };
+const _hoisted_1$b = { class: "flex items-center flex-wrap" };
 const _hoisted_2$8 = {
   key: 0,
   class: "font-semibold mr-2"
@@ -4491,7 +4495,7 @@ const _sfc_main$j = defineComponent({
                       class: "mr-4 text-[color:var(--x-notification-icon)] dark:text-[color:var(--x-notification-dark-icon)]",
                       viewBox: "0 0 20 20"
                     }, null, 8, ["icon"])) : createCommentVNode("", true),
-                    createElementVNode("div", _hoisted_1$c, [
+                    createElementVNode("div", _hoisted_1$b, [
                       notification.title ? (openBlock(), createElementBlock("span", _hoisted_2$8, toDisplayString(notification.title), 1)) : createCommentVNode("", true),
                       createElementVNode("span", null, toDisplayString(notification.message), 1)
                     ]),
@@ -4605,7 +4609,7 @@ var theme$e = {
     return css.get("bg", color[500]);
   }
 };
-const _hoisted_1$b = { class: "mx-9 flex items-center" };
+const _hoisted_1$a = { class: "mx-9 flex items-center" };
 const _hoisted_2$7 = /* @__PURE__ */ createElementVNode("span", { class: "text-gray-600 mr-2" }, "Page", -1);
 const _hoisted_3$5 = { class: "text-gray-600 ml-2" };
 const _hoisted_4$4 = ["onClick"];
@@ -4695,7 +4699,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
             disabled: __props.modelValue <= 1,
             onClick: prevPage
           }, null, 8, ["icon-left", "size", "disabled"]),
-          createElementVNode("div", _hoisted_1$b, [
+          createElementVNode("div", _hoisted_1$a, [
             _hoisted_2$7,
             createVNode(_sfc_main$n, {
               modelValue: quickInput.value,
@@ -5205,7 +5209,7 @@ var style0 = {
   radio_circle,
   "radio--glow": "_radio--glow_132ux_1"
 };
-const _hoisted_1$a = ["aria-selected", "aria-disabled"];
+const _hoisted_1$9 = ["aria-selected", "aria-disabled"];
 const _hoisted_2$6 = ["name", "required", "disabled"];
 const _hoisted_3$4 = /* @__PURE__ */ createElementVNode("circle", {
   cx: "10",
@@ -5315,7 +5319,7 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
           error: unref(errorInternal),
           helper: __props.helper
         }, null, 8, ["error", "helper"])
-      ], 46, _hoisted_1$a);
+      ], 46, _hoisted_1$9);
     };
   }
 });
@@ -5353,7 +5357,7 @@ var theme$9 = {
     });
   }
 };
-const _hoisted_1$9 = {
+const _hoisted_1$8 = {
   key: 0,
   class: "max-w-full truncate"
 };
@@ -5400,7 +5404,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(unref(styles))
       }, {
         default: withCtx(() => [
-          __props.removable ? (openBlock(), createElementBlock("span", _hoisted_1$9, [
+          __props.removable ? (openBlock(), createElementBlock("span", _hoisted_1$8, [
             renderSlot(_ctx.$slots, "default"),
             createVNode(_sfc_main$F, {
               size: unref(closeIconSize),
@@ -5464,7 +5468,7 @@ var theme$8 = {
     return css.get("border", color[500]);
   }
 };
-const _hoisted_1$8 = ["textContent"];
+const _hoisted_1$7 = ["textContent"];
 const _hoisted_2$5 = { class: "relative" };
 const _hoisted_3$3 = {
   key: 0,
@@ -5690,7 +5694,7 @@ const _sfc_main$b = defineComponent({
           key: 0,
           class: normalizeClass(unref(classes).label),
           textContent: toDisplayString(__props.label)
-        }, null, 10, _hoisted_1$8)) : createCommentVNode("", true),
+        }, null, 10, _hoisted_1$7)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2$5, [
           createVNode(XPopover, {
             ref_key: "popoverRef",
@@ -5767,7 +5771,7 @@ const _sfc_main$b = defineComponent({
             multiple: __props.multiple,
             readonly: _ctx.readonly,
             value: _ctx.modelValue
-          }, toHandlers(unref(inputListeners))), [
+          }, toHandlers(unref(inputListeners), true)), [
             (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
               return openBlock(), createElementBlock("option", {
                 key: index,
@@ -5808,7 +5812,6 @@ var theme$7 = {
     wrapper: "animate-pulse bg-gray-300 dark:bg-gray-600 rounded-md"
   }
 };
-const _hoisted_1$7 = /* @__PURE__ */ createTextVNode(" \u200B ");
 const __default__$a = { name: "XSkeleton" };
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...__default__$a,
@@ -5830,7 +5833,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         ])
       }, {
         default: withCtx(() => [
-          _hoisted_1$7
+          createTextVNode(" \u200B ")
         ]),
         _: 1
       }, 8, ["style", "class"]);
@@ -5962,7 +5965,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       e.preventDefault();
       e.stopPropagation();
     }
-    if (window) {
+    if (typeof window !== "undefined") {
       useEventListener(progressRef, "pointerdown", startProgressDrag, false);
       useEventListener(dragRef, "pointerdown", startDrag, false);
       useEventListener(window, "pointermove", moveDrag, true);
@@ -6824,12 +6827,8 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const elRef = ref(null);
     useResizeObserver(elRef, resize);
-    onMounted(() => {
-      window.addEventListener("resize", resize);
-    });
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", resize);
-    });
+    if (typeof window !== "undefined")
+      useEventListener(window, "resize", resize);
     watch([() => props.modelValue, () => props.size], () => {
       setTimeout(resize);
     });
@@ -6896,7 +6895,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           placeholder: __props.placeholder,
           readonly: _ctx.readonly,
           value: _ctx.modelValue ? String(_ctx.modelValue) : ""
-        }, toHandlers(unref(inputListeners)), {
+        }, toHandlers(unref(inputListeners), true), {
           onKeydown: withKeys(onEnter, ["enter"]),
           onInput
         }), null, 16, _hoisted_2$1),
@@ -7170,5 +7169,5 @@ var install = create({
     (key) => components[key]
   )
 });
-function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`._alert_14e3h_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_14e3h_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_14e3h_2.dark,.dark ._alert_14e3h_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}._avatar_az2b2_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_az2b2_2.dark,.dark ._avatar_az2b2_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._button_179kk_2[data-v-dc323f72]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_179kk_1[data-v-dc323f72]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_179kk_2[data-v-dc323f72]:hover{color:var(--x-button-text-hover,var(--x-button-text));background-color:var(--x-button-bg-hover,var(--x-button-bg));border-color:var(--x-button-border-hover,var(--x-button-border))}._button_179kk_2[data-v-dc323f72]:active{color:var(--x-button-text-active,var(--x-button-text));background-color:var(--x-button-bg-active,var(--x-button-bg));border-color:var(--x-button-border-active,var(--x-button-border))}._button_179kk_2.dark[data-v-dc323f72],.dark ._button_179kk_2[data-v-dc323f72]{color:var(--x-button-dark-text,var(--x-button-text));background-color:var(--x-button-dark-bg,var(--x-button-bg));border-color:var(--x-button-dark-border,var(--x-button-border))}._button_179kk_2.dark[data-v-dc323f72]:hover,.dark ._button_179kk_2[data-v-dc323f72]:hover{color:var(--x-button-dark-text-hover,var(--x-button-dark-text,var(--x-button-text)));background-color:var(--x-button-dark-bg-hover,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-hover,var(--x-button-dark-border,var(--x-button-border)))}._button_179kk_2.dark[data-v-dc323f72]:active,.dark ._button_179kk_2[data-v-dc323f72]:active{color:var(--x-button-dark-text-active,var(--x-button-dark-text));background-color:var(--x-button-dark-bg-active,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-active,var(--x-button-dark-border,var(--x-button-border)))}._checkbox--glow_x9lav_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-checkbox-glow),0 4px 6px -4px var(--x-checkbox-glow)}._button-group_1dmw3_2:not(._button-group--rounded_1dmw3_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}._button-group_1dmw3_2:not(._button-group--rounded_1dmw3_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_1dmw3_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px}._button-group--rounded_1dmw3_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._link_7nt3a_2[data-v-c07d1e44]{color:var(--x-link-text)}._link_7nt3a_2[data-v-c07d1e44]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_7nt3a_1[data-v-c07d1e44]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_7nt3a_1[data-v-c07d1e44]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_7nt3a_2.dark[data-v-c07d1e44],.dark ._link_7nt3a_2[data-v-c07d1e44]{color:var(--x-link-dark-text)}._link_7nt3a_2.dark[data-v-c07d1e44]:hover,.dark ._link_7nt3a_2[data-v-c07d1e44]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_7nt3a_2.dark--shadow[data-v-c07d1e44],.dark ._link--shadow_7nt3a_1[data-v-c07d1e44]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_7nt3a_2.dark--shadow[data-v-c07d1e44]:hover,.dark ._link--shadow_7nt3a_1[data-v-c07d1e44]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e],._menu-item_1algu_2[data-v-4e55db1e]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:before,._menu-item_1algu_2[data-v-4e55db1e]:before{content:'';position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:hover,._menu-item_1algu_2[data-v-4e55db1e]:hover{color:var(--x-menu-item-text-hover,var(--x-menu-item-text));background-color:var(--x-menu-item-bg-hover,var(--x-menu-item-bg))}._menu-item_1algu_2._x-link_1algu_2.dark[data-v-4e55db1e],._menu-item_1algu_2.dark[data-v-4e55db1e],.dark ._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e],.dark ._menu-item_1algu_2[data-v-4e55db1e]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_1algu_2._x-link_1algu_2.dark[data-v-4e55db1e]:hover,._menu-item_1algu_2.dark[data-v-4e55db1e]:hover,.dark ._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:hover,.dark ._menu-item_1algu_2[data-v-4e55db1e]:hover{color:var(--x-menu-item-dark-text-hover,var(--x-menu-item-dark-text));background-color:var(--x-menu-item-dark-bg-hover,var(--x-menu-item-dark-bg))}.x-menu-inner ._menu-item--active_1algu_1[data-v-4e55db1e]:before,.x-menu-inner ._menu-item_1algu_2[data-v-4e55db1e]:hover:before{background-color:var(--x-menu-item-border-hover)}._popover_1wc81_2 ._popoverContent_1wc81_3{visibility:hidden;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}._popover_1wc81_2 ._popoverTop_1wc81_8{--tw-translate-y:0.5rem}._popover_1wc81_2 ._popoverRight_1wc81_11{--tw-translate-x:-0.5rem}._popover_1wc81_2 ._popoverBottom_1wc81_14{--tw-translate-y:-0.5rem}._popover_1wc81_2 ._popoverLeft_1wc81_17{--tw-translate-x:0.5rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverContent_1wc81_3,._popover_1wc81_2._is-open_1wc81_22 ._popoverContent_1wc81_3{visibility:visible;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}._popover_1wc81_2._hover_1wc81_21:hover ._popoverTop_1wc81_8,._popover_1wc81_2._is-open_1wc81_22 ._popoverTop_1wc81_8{--tw-translate-y:-0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverRight_1wc81_11,._popover_1wc81_2._is-open_1wc81_22 ._popoverRight_1wc81_11{--tw-translate-x:0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverBottom_1wc81_14,._popover_1wc81_2._is-open_1wc81_22 ._popoverBottom_1wc81_14{--tw-translate-y:0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverLeft_1wc81_17,._popover_1wc81_2._is-open_1wc81_22 ._popoverLeft_1wc81_17{--tw-translate-x:-0.25rem}._scrollWrap_1k3q9_2:after,._scrollWrap_1k3q9_2:before{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:after,._scrollWrap_1k3q9_2._horizontal_1k3q9_11:before{top:0;bottom:0;width:20px}._scrollWrap_1k3q9_2._vertical_1k3q9_17:after,._scrollWrap_1k3q9_2._vertical_1k3q9_17:before{right:0;left:0;height:20px}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:before{left:0}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:after{right:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17:before{top:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17:after{bottom:0}._scrollWrap_1k3q9_2._shadow-left_1k3q9_36:before{box-shadow:inset 12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-right_1k3q9_40:after{box-shadow:inset -12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-top_1k3q9_44:before{box-shadow:inset 0 12px 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-bottom_1k3q9_48:after{box-shadow:inset 0 -12px 10px -10px rgb(0 0 0 / 7%)}._hideScroll_1k3q9_53{-ms-overflow-style:auto;scrollbar-width:none}._hideScroll_1k3q9_53::-webkit-scrollbar{display:none}._radio_132ux_2{border-color:var(--x-radio-border);background-color:var(--x-radio-bg)}._radio_circle_132ux_1{color:var(--x-radio-circle)}._radio--glow_132ux_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-radio-glow),0 4px 6px -4px var(--x-radio-glow)}._radio_132ux_2.dark,.dark ._radio_132ux_2{border-color:var(--x-radio-dark-border);background-color:var(--x-radio-dark-bg)}._radio_132ux_2.dark_circle,.dark ._radio_circle_132ux_1{color:var(--x-radio-dark-circle)}`);
+function styleInject(css,ref){if(ref===void 0){ref={}}var insertAt=ref.insertAt;if(!css||typeof document==="undefined"){return}var head=document.head||document.getElementsByTagName("head")[0];var style=document.createElement("style");style.type="text/css";if(insertAt==="top"){if(head.firstChild){head.insertBefore(style,head.firstChild)}else{head.appendChild(style)}}else{head.appendChild(style)}if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(document.createTextNode(css))}};styleInject(`._button-group_1dmw3_2:not(._button-group--rounded_1dmw3_1)>:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}._button-group_1dmw3_2:not(._button-group--rounded_1dmw3_1)>:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}._button-group--rounded_1dmw3_1>:first-of-type{border-top-left-radius:9999px;border-bottom-left-radius:9999px}._button-group--rounded_1dmw3_1>:last-child{border-top-right-radius:9999px;border-bottom-right-radius:9999px}._button_179kk_2[data-v-dc323f72]{color:var(--x-button-text);background-color:var(--x-button-bg);border-color:var(--x-button-border)}._button--glow_179kk_1[data-v-dc323f72]{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-button-glow),0 4px 6px -4px var(--x-button-glow)}._button_179kk_2[data-v-dc323f72]:hover{color:var(--x-button-text-hover,var(--x-button-text));background-color:var(--x-button-bg-hover,var(--x-button-bg));border-color:var(--x-button-border-hover,var(--x-button-border))}._button_179kk_2[data-v-dc323f72]:active{color:var(--x-button-text-active,var(--x-button-text));background-color:var(--x-button-bg-active,var(--x-button-bg));border-color:var(--x-button-border-active,var(--x-button-border))}._button_179kk_2.dark[data-v-dc323f72],.dark ._button_179kk_2[data-v-dc323f72]{color:var(--x-button-dark-text,var(--x-button-text));background-color:var(--x-button-dark-bg,var(--x-button-bg));border-color:var(--x-button-dark-border,var(--x-button-border))}._button_179kk_2.dark[data-v-dc323f72]:hover,.dark ._button_179kk_2[data-v-dc323f72]:hover{color:var(--x-button-dark-text-hover,var(--x-button-dark-text,var(--x-button-text)));background-color:var(--x-button-dark-bg-hover,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-hover,var(--x-button-dark-border,var(--x-button-border)))}._button_179kk_2.dark[data-v-dc323f72]:active,.dark ._button_179kk_2[data-v-dc323f72]:active{color:var(--x-button-dark-text-active,var(--x-button-dark-text));background-color:var(--x-button-dark-bg-active,var(--x-button-dark-bg,var(--x-button-bg)));border-color:var(--x-button-dark-border-active,var(--x-button-dark-border,var(--x-button-border)))}._alert_14e3h_2{color:var(--x-alert-text);background-color:var(--x-alert-bg);border-color:var(--x-alert-border)}._alert--glow_14e3h_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-alert-glow),0 4px 6px -4px var(--x-alert-glow)}._alert_14e3h_2.dark,.dark ._alert_14e3h_2{color:var(--x-alert-dark-text,var(--x-alert-text));background-color:var(--x-alert-dark-bg,var(--x-alert-bg));border-color:var(--x-alert-dark-border,var(--x-alert-border))}._avatar_az2b2_2{color:var(--x-avatar-text);background-color:var(--x-avatar-bg);border-color:var(--x-avatar-border)}._avatar_az2b2_2.dark,.dark ._avatar_az2b2_2{color:var(--x-avatar-dark-text,var(--x-avatar-text));background-color:var(--x-avatar-dark-bg,var(--x-avatar-bg));border-color:var(--x-avatar-dark-border,var(--x-avatar-border))}._checkbox--glow_x9lav_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-checkbox-glow),0 4px 6px -4px var(--x-checkbox-glow)}._link_7nt3a_2[data-v-c07d1e44]{color:var(--x-link-text)}._link_7nt3a_2[data-v-c07d1e44]:hover{color:var(--x-link-text-hover,var(--x-link-text))}._link--shadow_7nt3a_1[data-v-c07d1e44]{box-shadow:inset 0 -.315em 0 0 var(--x-link-shadow)}._link--shadow_7nt3a_1[data-v-c07d1e44]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-shadow)}._link_7nt3a_2.dark[data-v-c07d1e44],.dark ._link_7nt3a_2[data-v-c07d1e44]{color:var(--x-link-dark-text)}._link_7nt3a_2.dark[data-v-c07d1e44]:hover,.dark ._link_7nt3a_2[data-v-c07d1e44]:hover{color:var(--x-link-dark-text-hover,var(--x-link-dark-text))}._link_7nt3a_2.dark--shadow[data-v-c07d1e44],.dark ._link--shadow_7nt3a_1[data-v-c07d1e44]{box-shadow:inset 0 -.315em 0 0 var(--x-link-dark-shadow)}._link_7nt3a_2.dark--shadow[data-v-c07d1e44]:hover,.dark ._link--shadow_7nt3a_1[data-v-c07d1e44]:hover{box-shadow:inset 0 -1.325em 0 0 var(--x-link-dark-shadow)}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e],._menu-item_1algu_2[data-v-4e55db1e]{color:var(--x-menu-item-text);background-color:var(--x-menu-item-bg)}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:before,._menu-item_1algu_2[data-v-4e55db1e]:before{content:'';position:absolute;left:-1px;height:100%;width:1px;background-color:transparent}._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:hover,._menu-item_1algu_2[data-v-4e55db1e]:hover{color:var(--x-menu-item-text-hover,var(--x-menu-item-text));background-color:var(--x-menu-item-bg-hover,var(--x-menu-item-bg))}._menu-item_1algu_2._x-link_1algu_2.dark[data-v-4e55db1e],._menu-item_1algu_2.dark[data-v-4e55db1e],.dark ._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e],.dark ._menu-item_1algu_2[data-v-4e55db1e]{color:var(--x-menu-item-dark-text);background:var(--x-menu-item-dark-bg)}._menu-item_1algu_2._x-link_1algu_2.dark[data-v-4e55db1e]:hover,._menu-item_1algu_2.dark[data-v-4e55db1e]:hover,.dark ._menu-item_1algu_2._x-link_1algu_2[data-v-4e55db1e]:hover,.dark ._menu-item_1algu_2[data-v-4e55db1e]:hover{color:var(--x-menu-item-dark-text-hover,var(--x-menu-item-dark-text));background-color:var(--x-menu-item-dark-bg-hover,var(--x-menu-item-dark-bg))}.x-menu-inner ._menu-item--active_1algu_1[data-v-4e55db1e]:before,.x-menu-inner ._menu-item_1algu_2[data-v-4e55db1e]:hover:before{background-color:var(--x-menu-item-border-hover)}._popover_1wc81_2 ._popoverContent_1wc81_3{visibility:hidden;transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,1,1)}._popover_1wc81_2 ._popoverTop_1wc81_8{--tw-translate-y:0.5rem}._popover_1wc81_2 ._popoverRight_1wc81_11{--tw-translate-x:-0.5rem}._popover_1wc81_2 ._popoverBottom_1wc81_14{--tw-translate-y:-0.5rem}._popover_1wc81_2 ._popoverLeft_1wc81_17{--tw-translate-x:0.5rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverContent_1wc81_3,._popover_1wc81_2._is-open_1wc81_22 ._popoverContent_1wc81_3{visibility:visible;transition-duration:.15s;transition-timing-function:cubic-bezier(0,0,.2,1)}._popover_1wc81_2._hover_1wc81_21:hover ._popoverTop_1wc81_8,._popover_1wc81_2._is-open_1wc81_22 ._popoverTop_1wc81_8{--tw-translate-y:-0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverRight_1wc81_11,._popover_1wc81_2._is-open_1wc81_22 ._popoverRight_1wc81_11{--tw-translate-x:0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverBottom_1wc81_14,._popover_1wc81_2._is-open_1wc81_22 ._popoverBottom_1wc81_14{--tw-translate-y:0.25rem}._popover_1wc81_2._hover_1wc81_21:hover ._popoverLeft_1wc81_17,._popover_1wc81_2._is-open_1wc81_22 ._popoverLeft_1wc81_17{--tw-translate-x:-0.25rem}._scrollWrap_1k3q9_2:after,._scrollWrap_1k3q9_2:before{content:"";pointer-events:none;position:absolute;z-index:1;transition:box-shadow .2s}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:after,._scrollWrap_1k3q9_2._horizontal_1k3q9_11:before{top:0;bottom:0;width:20px}._scrollWrap_1k3q9_2._vertical_1k3q9_17:after,._scrollWrap_1k3q9_2._vertical_1k3q9_17:before{right:0;left:0;height:20px}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:before{left:0}._scrollWrap_1k3q9_2._horizontal_1k3q9_11:after{right:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17:before{top:0}._scrollWrap_1k3q9_2._vertical_1k3q9_17:after{bottom:0}._scrollWrap_1k3q9_2._shadow-left_1k3q9_36:before{box-shadow:inset 12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-right_1k3q9_40:after{box-shadow:inset -12px 0 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-top_1k3q9_44:before{box-shadow:inset 0 12px 10px -10px rgb(0 0 0 / 7%)}._scrollWrap_1k3q9_2._shadow-bottom_1k3q9_48:after{box-shadow:inset 0 -12px 10px -10px rgb(0 0 0 / 7%)}._hideScroll_1k3q9_53{-ms-overflow-style:auto;scrollbar-width:none}._hideScroll_1k3q9_53::-webkit-scrollbar{display:none}._radio_132ux_2{border-color:var(--x-radio-border);background-color:var(--x-radio-bg)}._radio_circle_132ux_1{color:var(--x-radio-circle)}._radio--glow_132ux_1{box-shadow:0 0 #000,0 0 #000,0 10px 15px -3px var(--x-radio-glow),0 4px 6px -4px var(--x-radio-glow)}._radio_132ux_2.dark,.dark ._radio_132ux_2{border-color:var(--x-radio-dark-border);background-color:var(--x-radio-dark-bg)}._radio_132ux_2.dark_circle,.dark ._radio_circle_132ux_1{color:var(--x-radio-dark-circle)}`);
 export { Alert as XAlert, Avatar as XAvatar, _sfc_main$C as XBadge, _sfc_main$A as XBreadcrumbs, XButton, ButtonGroup as XButtonGroup, _sfc_main$w as XCard, Checkbox as XCheckbox, _sfc_main$u as XCollapse, _sfc_main$t as XContainer, _sfc_main$s as XDivider, _sfc_main$q as XDrawer, _sfc_main$p as XForm, _sfc_main$F as XIcon, _sfc_main$o as XImage, _sfc_main$n as XInput, XLink, _sfc_main$l as XMenu, XMenuItem, _sfc_main$k as XModal, _sfc_main$j as XNotifications, _sfc_main$h as XPagination, _sfc_main$i as XPaginationItem, XPopover, _sfc_main$f as XPopoverContainer, _sfc_main$e as XProgress, Radio as XRadio, XScroll, _sfc_main$b as XSelect, _sfc_main$a as XSkeleton, _sfc_main$9 as XSlider, XSpacer, _sfc_main$z as XSpinner, _sfc_main$4 as XTab, _sfc_main$3 as XTabGroup, _sfc_main$5 as XTable, XTableBody, _sfc_main$6 as XTableCell, XTableHead, _sfc_main$8 as XTableHeader, _sfc_main$7 as XTableRow, _sfc_main$c as XTag, _sfc_main$2 as XTextarea, _sfc_main$1 as XToggle, _sfc_main as XTooltip, tailwindColors as colors, create as createUI, install as default, injectButtonGroupKey, injectColorsKey, injectFormKey, injectIconsKey, injectNotificationKey, injectTabKey, injectThemeKey, useCSS, useColors, useCommon, useInputtable, useInteractive, useNotifications, version };

package/lib/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "1.0.2";
+declare const _default: "1.0.4";
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indielayer/ui",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "Indielayer UI Components with Tailwind CSS build for Vue 3",
   "author": {
     "name": "João Teixeira",
@@ -53,7 +53,8 @@
     "test:unit": "vitest --environment jsdom",
     "test:e2e": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress open'",
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'",
-    "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false"
+    "typecheck": "vue-tsc --noEmit -p tsconfig.vitest.json --composite false",
+    "prepublish": "pnpm build-prod"
   },
   "peerDependencies": {
     "tailwindcss": "^3.0.0",
@@ -105,5 +106,6 @@
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "gitHead": "d737c37e141c667de3677e886ba15eb4b82bcc35"
 }

package/src/components/alert/Alert.vue

@@ -60,7 +60,7 @@ const { styles, classes, className } = useTheme('alert', theme, props)
 
     <template v-if="removable">
       <div class="flex-grow"></div>
-      <span class="flex items-center cursor-pointer shrink-0" @click="(e) => $emit('remove', e)">
+      <span class="flex items-center cursor-pointer shrink-0" @click="(e: Event) => $emit('remove', e)">
         <slot name="removeIcon">
           <x-icon :icon="closeIcon"/>
         </slot>

package/src/components/avatar/Avatar.vue

@@ -41,7 +41,7 @@ const initials = computed(() => {
   return ''
 })
 
-if (document && Image) {
+if (typeof window !== 'undefined' && Image) {
   watch(() => props.image, (src) => {
     source.value = undefined
     if (!src) return

package/src/components/button/Button.theme.ts

@@ -4,7 +4,7 @@ export default {
   classes: {
     wrapper({ props, slots, data }: ThemeParams) {
       /*tw*/
-      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border']
+      const classes = ['relative transition duration-150 focus:outline-none inline-flex items-center justify-center font-medium whitespace-nowrap overflow-hidden align-middle active:!shadow-none border appearance-none']
 
       // radius
       if (!data.isButtonGroup) classes.push(props.rounded ? 'rounded-full' : 'rounded-md')

package/src/components/drawer/Drawer.vue

@@ -46,7 +46,9 @@ const value = ref<boolean>(props.modelValue)
 const backdropRef = ref<HTMLElement | null>(null)
 const drawerRef = ref<HTMLElement | null>(null)
 
-const deferShow = ref<boolean>(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))))
+let deferShow = ref<boolean>(false)
+
+if (typeof window !== 'undefined') deferShow = ref<boolean>(!!(props.teleportTo && (props.teleportTo instanceof HTMLElement || document.querySelector(props.teleportTo))))
 
 const isTailwindBreakpoint = typeof props.breakpoint === 'string'
 const breakpoints = useBreakpoints(isTailwindBreakpoint ? breakpointsTailwind : { md: props.breakpoint || 768 } as Breakpoints)
@@ -70,7 +72,7 @@ watch(() => props.modelValue, (val) => {
   value.value = val
 })
 
-if (document) useEventListener(document, 'keydown', onKeyDown)
+if (typeof window !== 'undefined') useEventListener(document, 'keydown', onKeyDown)
 
 function onKeyDown(event: KeyboardEvent) {
   if (event.key === 'Escape' && value.value) close()