zen-wdg 2.2.7 → 2.3.0

package/dist/zen-wdg.es.js

@@ -17,7 +17,39 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { createElementBlock, openBlock, createElementVNode, createTextVNode, toDisplayString, normalizeClass, withKeys, defineComponent, ref, shallowRef, onMounted, watch, onUnmounted, h, nextTick, resolveComponent, normalizeStyle, createBlock, createCommentVNode, Fragment, renderList, createVNode, withModifiers, withDirectives, vModelText, defineCustomElement } from "vue";
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+import { createElementBlock, openBlock, createElementVNode, createTextVNode, toDisplayString, normalizeClass, withKeys, defineComponent, ref, shallowRef, onMounted, watch, onUnmounted, h, nextTick, resolveComponent, normalizeStyle, createBlock, createCommentVNode, Fragment, renderList, createVNode, withModifiers, withDirectives, vModelText, vModelCheckbox, vModelSelect, Transition, withCtx, TransitionGroup, defineCustomElement } from "vue";
 const _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -25,7 +57,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$6 = {
+const _sfc_main$9 = {
   name: "ZClockWidget",
   data() {
     return {
@@ -76,26 +108,26 @@ const _sfc_main$6 = {
     }
   }
 };
-const _hoisted_1$5 = { class: "clock-container" };
-const _hoisted_2$4 = { class: "clock" };
-const _hoisted_3$3 = { class: "time" };
-const _hoisted_4$3 = { class: "date" };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [
-    createElementVNode("div", _hoisted_2$4, [
-      createElementVNode("div", _hoisted_3$3, [
+const _hoisted_1$8 = { class: "clock-container" };
+const _hoisted_2$7 = { class: "clock" };
+const _hoisted_3$6 = { class: "time" };
+const _hoisted_4$6 = { class: "date" };
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+    createElementVNode("div", _hoisted_2$7, [
+      createElementVNode("div", _hoisted_3$6, [
         createElementVNode("span", null, toDisplayString($data.hours), 1),
         _cache[0] || (_cache[0] = createTextVNode(":", -1)),
         createElementVNode("span", null, toDisplayString($data.minutes), 1)
       ]),
-      createElementVNode("div", _hoisted_4$3, [
+      createElementVNode("div", _hoisted_4$6, [
         createElementVNode("span", null, toDisplayString($data.dayOfWeek) + ", " + toDisplayString($data.day) + " " + toDisplayString($data.month) + " " + toDisplayString($data.year), 1)
       ])
     ])
   ]);
 }
-const ZClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-e9445086"]]);
-const _sfc_main$5 = {
+const ZClockWidget = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9], ["__scopeId", "data-v-e9445086"]]);
+const _sfc_main$8 = {
   data() {
     return {};
   },
@@ -126,8 +158,8 @@ const _sfc_main$5 = {
     }
   }
 };
-const _hoisted_1$4 = ["placeholder", "value"];
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$7 = ["placeholder", "value"];
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("input", {
     placeholder: $props.placeholder,
     value: $props.modelValue,
@@ -138,9 +170,9 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
       { "round": $props.round },
       { "rounded": $props.rounded }
     ])
-  }, null, 42, _hoisted_1$4);
+  }, null, 42, _hoisted_1$7);
 }
-const Input = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-2ad90286"]]);
+const Input = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8], ["__scopeId", "data-v-2ad90286"]]);
 const matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
 const stringToIcon = (value, validate, allowSimpleName, provider = "") => {
   const colonSeparated = value.split(":");
@@ -1788,7 +1820,7 @@ const Icon = defineComponent((props, { emit }) => {
   ],
   emits: ["load"]
 });
-const _sfc_main$4 = {
+const _sfc_main$7 = {
   data() {
     return {};
   },
@@ -1842,7 +1874,7 @@ const _sfc_main$4 = {
   },
   methods: {}
 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Icon = resolveComponent("Icon");
   return openBlock(), createElementBlock("button", {
     class: normalizeClass(
@@ -1873,8 +1905,8 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["icon", "width", "height"])) : createCommentVNode("", true)
   ], 6);
 }
-const Button = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-10678914"]]);
-const _sfc_main$3 = {
+const Button = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7], ["__scopeId", "data-v-10678914"]]);
+const _sfc_main$6 = {
   name: "Dropdown",
   props: {
     modelValue: Object,
@@ -1928,58 +1960,58 @@ const _sfc_main$3 = {
     document.removeEventListener("click", this.handleClickOutside);
   }
 };
-const _hoisted_1$3 = {
+const _hoisted_1$6 = {
   class: "container",
   ref: "dropdown"
 };
-const _hoisted_2$3 = { key: 0 };
-const _hoisted_3$2 = ["src"];
-const _hoisted_4$2 = {
+const _hoisted_2$6 = { key: 0 };
+const _hoisted_3$5 = ["src"];
+const _hoisted_4$5 = {
   key: 1,
   class: "placeholder"
 };
-const _hoisted_5$2 = {
+const _hoisted_5$5 = {
   key: 0,
   class: "column list"
 };
-const _hoisted_6$2 = ["onClick"];
-const _hoisted_7$2 = { key: 0 };
-const _hoisted_8$2 = ["src"];
-const _hoisted_9$2 = { key: 1 };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$3, [
+const _hoisted_6$5 = ["onClick"];
+const _hoisted_7$5 = { key: 0 };
+const _hoisted_8$5 = ["src"];
+const _hoisted_9$5 = { key: 1 };
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
     createElementVNode("div", {
       class: "row select",
       onClick: _cache[0] || (_cache[0] = (...args) => $options.toggleDropdown && $options.toggleDropdown(...args))
     }, [
-      $options.selected ? (openBlock(), createElementBlock("span", _hoisted_2$3, [
+      $options.selected ? (openBlock(), createElementBlock("span", _hoisted_2$6, [
         $options.selected.logo ? (openBlock(), createElementBlock("img", {
           key: 0,
           src: $options.selected.logo,
           class: "logo"
-        }, null, 8, _hoisted_3$2)) : createCommentVNode("", true)
-      ])) : (openBlock(), createElementBlock("span", _hoisted_4$2, "Selecciona una opción"))
+        }, null, 8, _hoisted_3$5)) : createCommentVNode("", true)
+      ])) : (openBlock(), createElementBlock("span", _hoisted_4$5, "Selecciona una opción"))
     ]),
-    $data.isOpen ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
+    $data.isOpen ? (openBlock(), createElementBlock("div", _hoisted_5$5, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($props.options, (item, index) => {
         return openBlock(), createElementBlock("div", {
           class: normalizeClass(["item row", { "active": item.id == $options.selected.id }]),
           onClick: ($event) => $options.selectItem(item)
         }, [
-          item.logo ? (openBlock(), createElementBlock("span", _hoisted_7$2, [
+          item.logo ? (openBlock(), createElementBlock("span", _hoisted_7$5, [
             createElementVNode("img", {
               src: item.logo,
               class: "logo"
-            }, null, 8, _hoisted_8$2)
+            }, null, 8, _hoisted_8$5)
           ])) : createCommentVNode("", true),
-          item.label ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(item.label), 1)) : createCommentVNode("", true)
-        ], 10, _hoisted_6$2);
+          item.label ? (openBlock(), createElementBlock("span", _hoisted_9$5, toDisplayString(item.label), 1)) : createCommentVNode("", true)
+        ], 10, _hoisted_6$5);
       }), 256))
     ])) : createCommentVNode("", true)
   ], 512);
 }
-const Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-d1389195"]]);
-const _sfc_main$2 = {
+const Dropdown = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6], ["__scopeId", "data-v-d1389195"]]);
+const _sfc_main$5 = {
   name: "ZSearchWidget",
   data() {
     return {
@@ -1994,8 +2026,8 @@ const _sfc_main$2 = {
         {
           id: 2,
           logo: "https://astian.org/wp-content/uploads/2025/06/favicon-1.png",
-          label: "MidoriGO",
-          search: "https://astiango.co/?q="
+          label: "AstianGO",
+          search: "https://astiango.com/?q="
         }
       ],
       engine: {
@@ -2038,14 +2070,14 @@ const _sfc_main$2 = {
     }
   }
 };
-const _hoisted_1$2 = { class: "container-search" };
-const _hoisted_2$2 = { class: "search" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$5 = { class: "container-search" };
+const _hoisted_2$5 = { class: "search" };
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Dropdown = resolveComponent("Dropdown");
   const _component_Input = resolveComponent("Input");
   const _component_Button = resolveComponent("Button");
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [
-    createElementVNode("div", _hoisted_2$2, [
+  return openBlock(), createElementBlock("div", _hoisted_1$5, [
+    createElementVNode("div", _hoisted_2$5, [
       createElementVNode("div", null, [
         createVNode(_component_Dropdown, {
           options: $data.engines,
@@ -2071,8 +2103,8 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ZSearchWidget = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-b93f704d"]]);
-const _sfc_main$1 = {
+const ZSearchWidget = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5], ["__scopeId", "data-v-834a689a"]]);
+const _sfc_main$4 = {
   name: "ZTodoWidget",
   data() {
     return {
@@ -2100,24 +2132,24 @@ const _sfc_main$1 = {
     }
   }
 };
-const _hoisted_1$1 = { class: "todo-widget" };
-const _hoisted_2$1 = { class: "task-section" };
-const _hoisted_3$1 = {
+const _hoisted_1$4 = { class: "todo-widget" };
+const _hoisted_2$4 = { class: "task-section" };
+const _hoisted_3$4 = {
   key: 0,
   class: "empty"
 };
-const _hoisted_4$1 = { class: "actions" };
-const _hoisted_5$1 = ["onClick"];
-const _hoisted_6$1 = ["onClick"];
-const _hoisted_7$1 = { class: "task-section completed" };
-const _hoisted_8$1 = {
+const _hoisted_4$4 = { class: "actions" };
+const _hoisted_5$4 = ["onClick"];
+const _hoisted_6$4 = ["onClick"];
+const _hoisted_7$4 = { class: "task-section completed" };
+const _hoisted_8$4 = {
   key: 0,
   class: "empty"
 };
-const _hoisted_9$1 = { class: "done" };
-const _hoisted_10$1 = ["onClick"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+const _hoisted_9$4 = { class: "done" };
+const _hoisted_10$4 = ["onClick"];
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$4, [
     _cache[5] || (_cache[5] = createElementVNode("h2", { class: "title" }, "📝 Mis Tareas", -1)),
     createElementVNode("form", {
       onSubmit: _cache[1] || (_cache[1] = withModifiers((...args) => $options.addTask && $options.addTask(...args), ["prevent"])),
@@ -2132,45 +2164,45 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       _cache[2] || (_cache[2] = createElementVNode("button", { type: "submit" }, "Agregar", -1))
     ], 32),
-    createElementVNode("div", _hoisted_2$1, [
+    createElementVNode("div", _hoisted_2$4, [
       _cache[3] || (_cache[3] = createElementVNode("h3", null, "Tareas Pendientes", -1)),
-      $data.pendingTasks.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$1, "Sin tareas.")) : createCommentVNode("", true),
+      $data.pendingTasks.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_3$4, "Sin tareas.")) : createCommentVNode("", true),
       createElementVNode("ul", null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($data.pendingTasks, (task, index) => {
           return openBlock(), createElementBlock("li", { key: index }, [
             createElementVNode("span", null, toDisplayString(task.text), 1),
-            createElementVNode("div", _hoisted_4$1, [
+            createElementVNode("div", _hoisted_4$4, [
               createElementVNode("button", {
                 onClick: ($event) => $options.completeTask(index)
-              }, "✔️", 8, _hoisted_5$1),
+              }, "✔️", 8, _hoisted_5$4),
               createElementVNode("button", {
                 onClick: ($event) => $options.deleteTask(index)
-              }, "🗑️", 8, _hoisted_6$1)
+              }, "🗑️", 8, _hoisted_6$4)
             ])
           ]);
         }), 128))
       ])
     ]),
-    createElementVNode("div", _hoisted_7$1, [
+    createElementVNode("div", _hoisted_7$4, [
       _cache[4] || (_cache[4] = createElementVNode("h3", null, "Completadas", -1)),
-      $data.completedTasks.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8$1, "Ninguna aún.")) : createCommentVNode("", true),
+      $data.completedTasks.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_8$4, "Ninguna aún.")) : createCommentVNode("", true),
       createElementVNode("ul", null, [
         (openBlock(true), createElementBlock(Fragment, null, renderList($data.completedTasks, (task, index) => {
           return openBlock(), createElementBlock("li", {
             key: "c" + index
           }, [
-            createElementVNode("span", _hoisted_9$1, toDisplayString(task.text), 1),
+            createElementVNode("span", _hoisted_9$4, toDisplayString(task.text), 1),
             createElementVNode("button", {
               onClick: ($event) => $options.deleteCompleted(index)
-            }, "❌", 8, _hoisted_10$1)
+            }, "❌", 8, _hoisted_10$4)
           ]);
         }), 128))
       ])
     ])
   ]);
 }
-const ZTodoWidget = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-3560194d"]]);
-const _sfc_main = {
+const ZTodoWidget = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4], ["__scopeId", "data-v-3560194d"]]);
+const _sfc_main$3 = {
   name: "ZMarkedWidget",
   props: {
     theme: {
@@ -2201,71 +2233,71 @@ const _sfc_main = {
         {
           title: "Astian",
           url: "https://astian.org/",
-          logo: "https://www.google.com/s2/favicons?domain=astian.org&sz=64"
+          domain: "astian.org"
         },
         {
           title: "Amazon",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM9HD56Q0VD2QZXQ2AR505&url=https%3A%2F%2Famazon.com",
-          logo: "https://www.google.com/s2/favicons?domain=amazon.com&sz=64"
+          domain: "amazon.com"
         },
         {
           title: "Avast",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM8H9350F4CBP07A8V7C5T&url=http%3A%2F%2Favast.com%2F",
-          logo: "https://www.google.com/s2/favicons?domain=avast.com&sz=64"
+          domain: "avast.com"
         },
         {
           title: "Youtube",
           url: "https://youtube.com",
-          logo: "https://www.google.com/s2/favicons?domain=youtube.com&sz=64"
+          domain: "youtube.com"
         },
         {
           title: "Instagram",
           url: "https://instagram.com",
-          logo: "https://www.google.com/s2/favicons?domain=instagram.com&sz=64"
+          domain: "instagram.com"
         },
         {
           title: "Wish.com",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM8H9350F4CBP07A8V7C5T&url=http%3A%2F%2Fwish.com",
-          logo: "https://www.google.com/s2/favicons?domain=wish.com&sz=64"
+          domain: "wish.com"
         },
         {
           title: "Prime",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM8H9350F4CBP07A8V7C5T&url=http%3A%2F%2Fprimevideo.com",
-          logo: "https://www.google.com/s2/favicons?domain=primevideo.com&sz=64"
+          domain: "primevideo.com"
         },
         {
           title: "Shein",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM8H9350F4CBP07A8V7C5T&url=http%3A%2F%2Fshein.com",
-          logo: "https://www.google.com/s2/favicons?domain=shein.com&sz=64"
+          domain: "shein.com"
         }
       ],
       Work: [
         {
           title: "GitHub",
           url: "https://github.com",
-          logo: "https://www.google.com/s2/favicons?domain=github.com&sz=64"
+          domain: "github.com"
         },
         {
           title: "Notion",
           url: "https://notion.so",
-          logo: "https://www.google.com/s2/favicons?domain=notion.so&sz=64"
+          domain: "notion.so"
         }
       ],
       Study: [
         {
           title: "MDN Web Docs",
           url: "https://developer.mozilla.org",
-          logo: "https://www.google.com/s2/favicons?domain=mozilla.org&sz=64"
+          domain: "mozilla.org"
         },
         {
           title: "FreeCodeCamp",
           url: "https://freecodecamp.org",
-          logo: "https://www.google.com/s2/favicons?domain=freecodecamp.org&sz=64"
+          domain: "freecodecamp.org"
         },
         {
           title: "Udemy",
           url: "https://r.v2i8b.com/api/v1/bid/redirect?campaign_id=01JVSM8H9350F4CBP07A8V7C5T&url=http%3A%2F%2Fudemy.com%2F",
-          logo: "https://www.google.com/s2/favicons?domain=udemy.com&sz=64"
+          domain: "udemy.com"
         }
       ]
     };
@@ -2273,7 +2305,8 @@ const _sfc_main = {
     return {
       STORAGE_KEY,
       bookmarks,
-      activeTab: "Personal"
+      activeTab: "Personal",
+      faviconAttempts: {}
     };
   },
   computed: {
@@ -2298,38 +2331,109 @@ const _sfc_main = {
       }
     },
     deleteBookmark(index) {
-      const item = this.bookmarks[this.activeTab][index];
-      if (confirm(`¿Estás seguro de eliminar ${item.title}?`)) {
-        this.bookmarks[this.activeTab].splice(index, 1);
-        this.saveState();
-      }
+      return __async(this, null, function* () {
+        const item = this.bookmarks[this.activeTab][index];
+        const confirmed = yield window.ZenModals.showDeleteConfirm(item.title);
+        if (confirmed) {
+          this.bookmarks[this.activeTab].splice(index, 1);
+          this.saveState();
+        }
+      });
     },
     editBookmark(index) {
-      const item = this.bookmarks[this.activeTab][index];
-      const newTitle = prompt("Nuevo título:", item.title);
-      if (newTitle === null) return;
-      const newUrl = prompt("Nueva URL:", item.url);
-      if (newUrl === null) return;
-      item.title = newTitle;
-      item.url = newUrl;
-      item.logo = `https://www.google.com/s2/favicons?domain=${new URL(newUrl).hostname}&sz=64`;
-      this.saveState();
+      return __async(this, null, function* () {
+        const item = this.bookmarks[this.activeTab][index];
+        const newTitle = yield window.ZenModals.showPrompt({
+          title: "Editar Marcador",
+          message: "Introduce el nuevo título:",
+          inputDefaultValue: item.title,
+          inputPlaceholder: "Título del marcador"
+        });
+        if (!newTitle) return;
+        const newUrl = yield window.ZenModals.showPrompt({
+          title: "Editar URL",
+          message: "Introduce la nueva URL:",
+          inputDefaultValue: item.url,
+          inputType: "url",
+          inputPlaceholder: "https://ejemplo.com"
+        });
+        if (!newUrl) return;
+        try {
+          item.title = newTitle;
+          item.url = newUrl;
+          item.domain = new URL(newUrl).hostname;
+          delete item.logo;
+          this.saveState();
+        } catch (error) {
+          console.error("URL inválida:", error);
+        }
+      });
     },
     addBookmarkPrompt() {
-      const title = prompt("Nombre del marcador:");
-      if (!title) return;
-      const url = prompt("URL del marcador:");
-      if (!url) return;
-      const logo = `https://www.google.com/s2/favicons?domain=${new URL(url).hostname}&sz=64`;
-      this.bookmarks[this.activeTab].push({ title, url, logo });
-      this.saveState();
-    },
-    onImageError(event, title) {
+      return __async(this, null, function* () {
+        const title = yield window.ZenModals.showPrompt({
+          title: "Nuevo Marcador",
+          message: "Introduce el nombre del marcador:",
+          inputPlaceholder: "Nombre del sitio"
+        });
+        if (!title) return;
+        const url = yield window.ZenModals.showPrompt({
+          title: "URL del Marcador",
+          message: "Introduce la URL:",
+          inputType: "url",
+          inputPlaceholder: "https://ejemplo.com"
+        });
+        if (!url) return;
+        try {
+          const domain = new URL(url).hostname;
+          this.bookmarks[this.activeTab].push({ title, url, domain });
+          this.saveState();
+        } catch (error) {
+          console.error("URL inválida:", error);
+        }
+      });
+    },
+    getFaviconUrl(item) {
+      if (item.logo) return item.logo;
+      const domain = item.domain || this.extractDomain(item.url);
+      const attempt = this.faviconAttempts[domain] || 0;
+      const services = [
+        `https://icons.duckduckgo.com/ip3/${domain}.ico`,
+        `https://www.google.com/s2/favicons?domain=${domain}&sz=128`,
+        `https://logo.clearbit.com/${domain}`,
+        `https://favicons.githubusercontent.com/${domain}`,
+        `https://${domain}/favicon.ico`
+      ];
+      return services[Math.min(attempt, services.length - 1)];
+    },
+    extractDomain(url) {
+      try {
+        return new URL(url).hostname;
+      } catch (e) {
+        return url;
+      }
+    },
+    onImageError(event, item) {
       const img = event.target;
-      img.style.display = "none";
-      const iconContainer = img.parentNode;
-      iconContainer.style.backgroundColor = "#066D5A";
-      iconContainer.textContent = title.charAt(0).toUpperCase();
+      const domain = item.domain || this.extractDomain(item.url);
+      const currentAttempt = this.faviconAttempts[domain] || 0;
+      if (currentAttempt < 4) {
+        this.faviconAttempts[domain] = currentAttempt + 1;
+        img.src = this.getFaviconUrl(item);
+      } else {
+        img.style.display = "none";
+        const iconContainer = img.parentNode;
+        const colors = ["#066D5A", "#0891b2", "#7c3aed", "#dc2626", "#ea580c", "#ca8a04", "#16a34a"];
+        const colorIndex = item.title.charCodeAt(0) % colors.length;
+        iconContainer.style.backgroundColor = colors[colorIndex];
+        iconContainer.style.display = "flex";
+        iconContainer.style.alignItems = "center";
+        iconContainer.style.justifyContent = "center";
+        iconContainer.style.fontSize = "1.5rem";
+        iconContainer.style.fontWeight = "bold";
+        iconContainer.style.color = "white";
+        iconContainer.textContent = item.title.charAt(0).toUpperCase();
+      }
     }
   },
   watch: {
@@ -2341,18 +2445,18 @@ const _sfc_main = {
     }
   }
 };
-const _hoisted_1 = { class: "container-marked" };
-const _hoisted_2 = ["onClick"];
-const _hoisted_3 = { class: "grid" };
-const _hoisted_4 = { class: "option-app" };
-const _hoisted_5 = ["onClick"];
-const _hoisted_6 = ["onClick"];
-const _hoisted_7 = ["href", "target"];
-const _hoisted_8 = { class: "column" };
-const _hoisted_9 = { class: "logo-container" };
-const _hoisted_10 = ["src", "alt", "onError"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
+const _hoisted_1$3 = { class: "container-marked" };
+const _hoisted_2$3 = ["onClick"];
+const _hoisted_3$3 = { class: "grid" };
+const _hoisted_4$3 = { class: "option-app" };
+const _hoisted_5$3 = ["onClick"];
+const _hoisted_6$3 = ["onClick"];
+const _hoisted_7$3 = ["href", "target"];
+const _hoisted_8$3 = { class: "column" };
+const _hoisted_9$3 = { class: "logo-container" };
+const _hoisted_10$3 = ["src", "alt", "onError"];
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$3, [
     createElementVNode("div", {
       class: normalizeClass(["tabs", [$props.theme == "dark" ? "dark" : "light"]])
     }, [
@@ -2364,43 +2468,43 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("button", {
             class: normalizeClass(["tab", { active: tab === $data.activeTab }]),
             onClick: ($event) => $options.setActiveTab(tab)
-          }, toDisplayString(tab), 11, _hoisted_2)
+          }, toDisplayString(tab), 11, _hoisted_2$3)
         ]);
       }), 128))
     ], 2),
-    createElementVNode("div", _hoisted_3, [
+    createElementVNode("div", _hoisted_3$3, [
       (openBlock(true), createElementBlock(Fragment, null, renderList($options.currentBookmarks, (item, index) => {
         return openBlock(), createElementBlock("div", {
           key: index,
           class: normalizeClass(["card", $props.small ? "small" : ""])
         }, [
-          createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", _hoisted_4$3, [
             createElementVNode("button", {
               class: "edit-app",
               onClick: withModifiers(($event) => $options.editBookmark(index), ["prevent"])
-            }, "✏️", 8, _hoisted_5),
+            }, "✏️", 8, _hoisted_5$3),
             createElementVNode("button", {
               class: "delete-app",
               onClick: withModifiers(($event) => $options.deleteBookmark(index), ["prevent"])
-            }, "🗑️", 8, _hoisted_6)
+            }, "🗑️", 8, _hoisted_6$3)
           ]),
           createElementVNode("a", {
             href: item.url,
             class: normalizeClass(["card-link", $props.theme == "dark" ? "dark" : "light"]),
             target: $props.open == "Self Tab" ? "_self" : "_blank"
           }, [
-            createElementVNode("div", _hoisted_8, [
-              createElementVNode("div", _hoisted_9, [
+            createElementVNode("div", _hoisted_8$3, [
+              createElementVNode("div", _hoisted_9$3, [
                 createElementVNode("img", {
-                  src: item.logo,
+                  src: $options.getFaviconUrl(item),
                   alt: item.title + " logo",
                   class: normalizeClass({ small: $props.small }),
-                  onError: ($event) => $options.onImageError($event, item.title)
-                }, null, 42, _hoisted_10)
+                  onError: ($event) => $options.onImageError($event, item)
+                }, null, 42, _hoisted_10$3)
               ]),
               createTextVNode(" " + toDisplayString(item.title), 1)
             ])
-          ], 10, _hoisted_7)
+          ], 10, _hoisted_7$3)
         ], 2);
       }), 128)),
       $options.currentBookmarks.length < 8 ? (openBlock(), createElementBlock("div", {
@@ -2421,11 +2525,1907 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])
   ]);
 }
-const ZMarkedWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-5c8411db"]]);
+const ZMarkedWidget = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3], ["__scopeId", "data-v-1625b2ac"]]);
+const _sfc_main$2 = {
+  name: "ZCalendarWidget",
+  props: {
+    theme: {
+      type: String,
+      default: "light"
+    },
+    useStorage: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    const STORAGE_KEY = "calendar_widget_events";
+    let events = [];
+    if (this.useStorage) {
+      const stored = localStorage.getItem(STORAGE_KEY);
+      events = stored ? JSON.parse(stored) : [];
+    }
+    const emptyForm = {
+      name: "",
+      date: (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+      startTime: "09:00",
+      endTime: "10:00",
+      color: "#066D5A",
+      isRecurring: false,
+      recurringType: "daily"
+    };
+    return {
+      STORAGE_KEY,
+      currentView: "month",
+      // day, week, month
+      currentDate: /* @__PURE__ */ new Date(),
+      showEventModal: false,
+      editingEvent: null,
+      events,
+      eventForm: emptyForm,
+      viewLabels: {
+        day: "Día",
+        week: "Semana",
+        month: "Mes"
+      },
+      dayNames: ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
+      colors: ["#066D5A", "#0891b2", "#7c3aed", "#dc2626", "#ea580c", "#ca8a04", "#16a34a", "#ec4899"]
+    };
+  },
+  computed: {
+    currentDateLabel() {
+      const months = [
+        "Enero",
+        "Febrero",
+        "Marzo",
+        "Abril",
+        "Mayo",
+        "Junio",
+        "Julio",
+        "Agosto",
+        "Septiembre",
+        "Octubre",
+        "Noviembre",
+        "Diciembre"
+      ];
+      if (this.currentView === "day") {
+        return `${this.currentDate.getDate()} de ${months[this.currentDate.getMonth()]} ${this.currentDate.getFullYear()}`;
+      } else if (this.currentView === "week") {
+        const weekStart = this.getWeekStart(this.currentDate);
+        const weekEnd = new Date(weekStart);
+        weekEnd.setDate(weekEnd.getDate() + 6);
+        return `${weekStart.getDate()} - ${weekEnd.getDate()} ${months[this.currentDate.getMonth()]} ${this.currentDate.getFullYear()}`;
+      } else {
+        return `${months[this.currentDate.getMonth()]} ${this.currentDate.getFullYear()}`;
+      }
+    },
+    weekDays() {
+      const start = this.getWeekStart(this.currentDate);
+      const days = [];
+      for (let i = 0; i < 7; i++) {
+        const date = new Date(start);
+        date.setDate(start.getDate() + i);
+        days.push({
+          date: this.formatDate(date),
+          name: this.dayNames[date.getDay()],
+          number: date.getDate()
+        });
+      }
+      return days;
+    },
+    monthDays() {
+      const year = this.currentDate.getFullYear();
+      const month = this.currentDate.getMonth();
+      const firstDay = new Date(year, month, 1);
+      const startDate = new Date(firstDay);
+      startDate.setDate(startDate.getDate() - firstDay.getDay());
+      const days = [];
+      const currentDay = new Date(startDate);
+      for (let i = 0; i < 42; i++) {
+        days.push({
+          date: this.formatDate(currentDay),
+          number: currentDay.getDate(),
+          isCurrentMonth: currentDay.getMonth() === month
+        });
+        currentDay.setDate(currentDay.getDate() + 1);
+      }
+      return days;
+    }
+  },
+  methods: {
+    loadEvents() {
+      if (!this.useStorage) return [];
+      const stored = localStorage.getItem(this.STORAGE_KEY);
+      return stored ? JSON.parse(stored) : [];
+    },
+    saveEvents() {
+      if (this.useStorage) {
+        localStorage.setItem(this.STORAGE_KEY, JSON.stringify(this.events));
+      }
+    },
+    getEmptyForm() {
+      return {
+        name: "",
+        date: this.formatDate(/* @__PURE__ */ new Date()),
+        startTime: "09:00",
+        endTime: "10:00",
+        color: "#066D5A",
+        isRecurring: false,
+        recurringType: "daily"
+      };
+    },
+    formatDate(date) {
+      const d = new Date(date);
+      const year = d.getFullYear();
+      const month = String(d.getMonth() + 1).padStart(2, "0");
+      const day = String(d.getDate()).padStart(2, "0");
+      return `${year}-${month}-${day}`;
+    },
+    formatHour(hour) {
+      return `${String(hour).padStart(2, "0")}:00`;
+    },
+    isToday(dateString) {
+      return dateString === this.formatDate(/* @__PURE__ */ new Date());
+    },
+    getWeekStart(date) {
+      const d = new Date(date);
+      const day = d.getDay();
+      const diff = d.getDate() - day;
+      return new Date(d.setDate(diff));
+    },
+    previousPeriod() {
+      const d = new Date(this.currentDate);
+      if (this.currentView === "day") {
+        d.setDate(d.getDate() - 1);
+      } else if (this.currentView === "week") {
+        d.setDate(d.getDate() - 7);
+      } else {
+        d.setMonth(d.getMonth() - 1);
+      }
+      this.currentDate = d;
+    },
+    nextPeriod() {
+      const d = new Date(this.currentDate);
+      if (this.currentView === "day") {
+        d.setDate(d.getDate() + 1);
+      } else if (this.currentView === "week") {
+        d.setDate(d.getDate() + 7);
+      } else {
+        d.setMonth(d.getMonth() + 1);
+      }
+      this.currentDate = d;
+    },
+    goToToday() {
+      this.currentDate = /* @__PURE__ */ new Date();
+    },
+    selectDay(dateString) {
+      this.currentDate = new Date(dateString);
+      this.currentView = "day";
+    },
+    getEventsForDay(dateString) {
+      return this.events.filter((event) => {
+        if (event.date === dateString) return true;
+        if (event.isRecurring) {
+          const eventDate = new Date(event.date);
+          const checkDate = new Date(dateString);
+          if (checkDate < eventDate) return false;
+          if (event.recurringType === "daily") return true;
+          if (event.recurringType === "weekly") {
+            return eventDate.getDay() === checkDate.getDay();
+          }
+          if (event.recurringType === "monthly") {
+            return eventDate.getDate() === checkDate.getDate();
+          }
+        }
+        return false;
+      });
+    },
+    getEventsForHour(dateString, hour) {
+      return this.getEventsForDay(dateString).filter((event) => {
+        const startHour = parseInt(event.startTime.split(":")[0]);
+        const endHour = parseInt(event.endTime.split(":")[0]);
+        return hour >= startHour && hour < endHour;
+      });
+    },
+    saveEvent() {
+      return __async(this, null, function* () {
+        if (!this.eventForm.name) {
+          yield window.ZenModals.showWarning({
+            title: "Nombre requerido",
+            message: "Por favor, ingresa un nombre para el evento"
+          });
+          return;
+        }
+        if (this.editingEvent) {
+          const index = this.events.findIndex((e) => e.id === this.editingEvent.id);
+          this.events[index] = __spreadProps(__spreadValues({}, this.eventForm), { id: this.editingEvent.id });
+        } else {
+          this.events.push(__spreadProps(__spreadValues({}, this.eventForm), {
+            id: Date.now() + Math.random()
+          }));
+        }
+        this.saveEvents();
+        this.closeModal();
+      });
+    },
+    editEvent(event) {
+      this.editingEvent = event;
+      this.eventForm = __spreadValues({}, event);
+      this.showEventModal = true;
+    },
+    deleteEvent() {
+      return __async(this, null, function* () {
+        const confirmed = yield window.ZenModals.showDeleteConfirm("este evento");
+        if (confirmed) {
+          this.events = this.events.filter((e) => e.id !== this.editingEvent.id);
+          this.saveEvents();
+          this.closeModal();
+        }
+      });
+    },
+    closeModal() {
+      this.showEventModal = false;
+      this.editingEvent = null;
+      this.eventForm = this.getEmptyForm();
+    }
+  }
+};
+const _hoisted_1$2 = { class: "calendar-header" };
+const _hoisted_2$2 = { class: "view-selector" };
+const _hoisted_3$2 = ["onClick"];
+const _hoisted_4$2 = { class: "navigation" };
+const _hoisted_5$2 = { class: "current-date" };
+const _hoisted_6$2 = { class: "calendar-view" };
+const _hoisted_7$2 = {
+  key: 0,
+  class: "day-view"
+};
+const _hoisted_8$2 = { class: "time-grid" };
+const _hoisted_9$2 = { class: "hour-label" };
+const _hoisted_10$2 = { class: "hour-content" };
+const _hoisted_11$2 = ["onClick"];
+const _hoisted_12$2 = { class: "event-title" };
+const _hoisted_13$2 = { class: "event-time" };
+const _hoisted_14$2 = {
+  key: 0,
+  class: "event-recurring"
+};
+const _hoisted_15$2 = {
+  key: 1,
+  class: "week-view"
+};
+const _hoisted_16$2 = { class: "week-header" };
+const _hoisted_17$2 = { class: "day-name" };
+const _hoisted_18$2 = { class: "week-grid" };
+const _hoisted_19$2 = { class: "week-hour-label" };
+const _hoisted_20$2 = ["onClick"];
+const _hoisted_21$2 = { class: "event-title" };
+const _hoisted_22$2 = {
+  key: 2,
+  class: "month-view"
+};
+const _hoisted_23$1 = { class: "month-header" };
+const _hoisted_24$1 = { class: "month-grid" };
+const _hoisted_25$1 = ["onClick"];
+const _hoisted_26$1 = { class: "day-number" };
+const _hoisted_27$1 = { class: "day-events" };
+const _hoisted_28$1 = ["title"];
+const _hoisted_29 = {
+  key: 0,
+  class: "more-events"
+};
+const _hoisted_30 = { class: "modal-content" };
+const _hoisted_31 = { class: "modal-header" };
+const _hoisted_32 = { class: "modal-body" };
+const _hoisted_33 = { class: "form-group" };
+const _hoisted_34 = { class: "form-group" };
+const _hoisted_35 = { class: "form-row" };
+const _hoisted_36 = { class: "form-group" };
+const _hoisted_37 = { class: "form-group" };
+const _hoisted_38 = { class: "form-group" };
+const _hoisted_39 = { class: "color-picker" };
+const _hoisted_40 = ["onClick"];
+const _hoisted_41 = { class: "form-group" };
+const _hoisted_42 = { class: "checkbox-label" };
+const _hoisted_43 = {
+  key: 0,
+  class: "form-group"
+};
+const _hoisted_44 = { class: "modal-footer" };
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["calendar-container", $props.theme === "dark" ? "dark" : "light"])
+  }, [
+    createElementVNode("div", _hoisted_1$2, [
+      createElementVNode("div", _hoisted_2$2, [
+        (openBlock(), createElementBlock(Fragment, null, renderList(["day", "week", "month"], (view) => {
+          return createElementVNode("button", {
+            key: view,
+            class: normalizeClass(["view-btn", { active: $data.currentView === view }]),
+            onClick: ($event) => $data.currentView = view
+          }, toDisplayString($data.viewLabels[view]), 11, _hoisted_3$2);
+        }), 64))
+      ]),
+      createElementVNode("div", _hoisted_4$2, [
+        createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = (...args) => $options.previousPeriod && $options.previousPeriod(...args)),
+          class: "nav-btn"
+        }, "‹"),
+        createElementVNode("span", _hoisted_5$2, toDisplayString($options.currentDateLabel), 1),
+        createElementVNode("button", {
+          onClick: _cache[1] || (_cache[1] = (...args) => $options.nextPeriod && $options.nextPeriod(...args)),
+          class: "nav-btn"
+        }, "›"),
+        createElementVNode("button", {
+          onClick: _cache[2] || (_cache[2] = (...args) => $options.goToToday && $options.goToToday(...args)),
+          class: "today-btn"
+        }, "Hoy")
+      ]),
+      createElementVNode("button", {
+        onClick: _cache[3] || (_cache[3] = ($event) => $data.showEventModal = true),
+        class: "add-event-btn"
+      }, "+ Evento")
+    ]),
+    createElementVNode("div", _hoisted_6$2, [
+      $data.currentView === "day" ? (openBlock(), createElementBlock("div", _hoisted_7$2, [
+        createElementVNode("div", _hoisted_8$2, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(24, (hour) => {
+            return createElementVNode("div", {
+              key: hour,
+              class: "hour-slot"
+            }, [
+              createElementVNode("div", _hoisted_9$2, toDisplayString($options.formatHour(hour - 1)), 1),
+              createElementVNode("div", _hoisted_10$2, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.getEventsForHour($options.formatDate($data.currentDate), hour - 1), (event) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: event.id,
+                    class: "event-card",
+                    style: normalizeStyle({ backgroundColor: event.color }),
+                    onClick: ($event) => $options.editEvent(event)
+                  }, [
+                    createElementVNode("div", _hoisted_12$2, toDisplayString(event.name), 1),
+                    createElementVNode("div", _hoisted_13$2, toDisplayString(event.startTime) + " - " + toDisplayString(event.endTime), 1),
+                    event.isRecurring ? (openBlock(), createElementBlock("div", _hoisted_14$2, "🔁")) : createCommentVNode("", true)
+                  ], 12, _hoisted_11$2);
+                }), 128))
+              ])
+            ]);
+          }), 64))
+        ])
+      ])) : createCommentVNode("", true),
+      $data.currentView === "week" ? (openBlock(), createElementBlock("div", _hoisted_15$2, [
+        createElementVNode("div", _hoisted_16$2, [
+          _cache[15] || (_cache[15] = createElementVNode("div", { class: "week-time-label" }, null, -1)),
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, (day) => {
+            return openBlock(), createElementBlock("div", {
+              key: day.date,
+              class: "week-day-header"
+            }, [
+              createElementVNode("div", _hoisted_17$2, toDisplayString(day.name), 1),
+              createElementVNode("div", {
+                class: normalizeClass(["day-number", { today: $options.isToday(day.date) }])
+              }, toDisplayString(day.number), 3)
+            ]);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_18$2, [
+          (openBlock(), createElementBlock(Fragment, null, renderList(24, (hour) => {
+            return createElementVNode("div", {
+              key: hour,
+              class: "week-hour-row"
+            }, [
+              createElementVNode("div", _hoisted_19$2, toDisplayString($options.formatHour(hour - 1)), 1),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.weekDays, (day) => {
+                return openBlock(), createElementBlock("div", {
+                  key: day.date,
+                  class: "week-hour-cell"
+                }, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList($options.getEventsForHour(day.date, hour - 1), (event) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: event.id,
+                      class: "event-card small",
+                      style: normalizeStyle({ backgroundColor: event.color }),
+                      onClick: ($event) => $options.editEvent(event)
+                    }, [
+                      createElementVNode("div", _hoisted_21$2, toDisplayString(event.name), 1)
+                    ], 12, _hoisted_20$2);
+                  }), 128))
+                ]);
+              }), 128))
+            ]);
+          }), 64))
+        ])
+      ])) : createCommentVNode("", true),
+      $data.currentView === "month" ? (openBlock(), createElementBlock("div", _hoisted_22$2, [
+        createElementVNode("div", _hoisted_23$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($data.dayNames, (day) => {
+            return openBlock(), createElementBlock("div", {
+              key: day,
+              class: "month-day-name"
+            }, toDisplayString(day), 1);
+          }), 128))
+        ]),
+        createElementVNode("div", _hoisted_24$1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.monthDays, (day) => {
+            return openBlock(), createElementBlock("div", {
+              key: day.date,
+              class: normalizeClass(["month-day", {
+                "other-month": !day.isCurrentMonth,
+                "today": $options.isToday(day.date)
+              }]),
+              onClick: ($event) => $options.selectDay(day.date)
+            }, [
+              createElementVNode("div", _hoisted_26$1, toDisplayString(day.number), 1),
+              createElementVNode("div", _hoisted_27$1, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($options.getEventsForDay(day.date).slice(0, 3), (event) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: event.id,
+                    class: "event-dot",
+                    style: normalizeStyle({ backgroundColor: event.color }),
+                    title: event.name
+                  }, null, 12, _hoisted_28$1);
+                }), 128)),
+                $options.getEventsForDay(day.date).length > 3 ? (openBlock(), createElementBlock("div", _hoisted_29, " +" + toDisplayString($options.getEventsForDay(day.date).length - 3), 1)) : createCommentVNode("", true)
+              ])
+            ], 10, _hoisted_25$1);
+          }), 128))
+        ])
+      ])) : createCommentVNode("", true)
+    ]),
+    $data.showEventModal ? (openBlock(), createElementBlock("div", {
+      key: 0,
+      class: "modal-overlay",
+      onClick: _cache[14] || (_cache[14] = withModifiers((...args) => $options.closeModal && $options.closeModal(...args), ["self"]))
+    }, [
+      createElementVNode("div", _hoisted_30, [
+        createElementVNode("div", _hoisted_31, [
+          createElementVNode("h3", null, toDisplayString($data.editingEvent ? "Editar Evento" : "Nuevo Evento"), 1),
+          createElementVNode("button", {
+            onClick: _cache[4] || (_cache[4] = (...args) => $options.closeModal && $options.closeModal(...args)),
+            class: "close-btn"
+          }, "✕")
+        ]),
+        createElementVNode("div", _hoisted_32, [
+          createElementVNode("div", _hoisted_33, [
+            _cache[16] || (_cache[16] = createElementVNode("label", null, "Nombre del evento", -1)),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => $data.eventForm.name = $event),
+              type: "text",
+              placeholder: "Ej: Reunión con el equipo"
+            }, null, 512), [
+              [vModelText, $data.eventForm.name]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_34, [
+            _cache[17] || (_cache[17] = createElementVNode("label", null, "Fecha", -1)),
+            withDirectives(createElementVNode("input", {
+              "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.eventForm.date = $event),
+              type: "date"
+            }, null, 512), [
+              [vModelText, $data.eventForm.date]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_35, [
+            createElementVNode("div", _hoisted_36, [
+              _cache[18] || (_cache[18] = createElementVNode("label", null, "Hora de inicio", -1)),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.eventForm.startTime = $event),
+                type: "time"
+              }, null, 512), [
+                [vModelText, $data.eventForm.startTime]
+              ])
+            ]),
+            createElementVNode("div", _hoisted_37, [
+              _cache[19] || (_cache[19] = createElementVNode("label", null, "Hora de fin", -1)),
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => $data.eventForm.endTime = $event),
+                type: "time"
+              }, null, 512), [
+                [vModelText, $data.eventForm.endTime]
+              ])
+            ])
+          ]),
+          createElementVNode("div", _hoisted_38, [
+            _cache[20] || (_cache[20] = createElementVNode("label", null, "Color", -1)),
+            createElementVNode("div", _hoisted_39, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.colors, (color) => {
+                return openBlock(), createElementBlock("div", {
+                  key: color,
+                  class: normalizeClass(["color-option", { selected: $data.eventForm.color === color }]),
+                  style: normalizeStyle({ backgroundColor: color }),
+                  onClick: ($event) => $data.eventForm.color = color
+                }, null, 14, _hoisted_40);
+              }), 128))
+            ])
+          ]),
+          createElementVNode("div", _hoisted_41, [
+            createElementVNode("label", _hoisted_42, [
+              withDirectives(createElementVNode("input", {
+                "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => $data.eventForm.isRecurring = $event),
+                type: "checkbox"
+              }, null, 512), [
+                [vModelCheckbox, $data.eventForm.isRecurring]
+              ]),
+              _cache[21] || (_cache[21] = createTextVNode(" Evento repetitivo ", -1))
+            ])
+          ]),
+          $data.eventForm.isRecurring ? (openBlock(), createElementBlock("div", _hoisted_43, [
+            _cache[23] || (_cache[23] = createElementVNode("label", null, "Frecuencia", -1)),
+            withDirectives(createElementVNode("select", {
+              "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.eventForm.recurringType = $event)
+            }, _cache[22] || (_cache[22] = [
+              createElementVNode("option", { value: "daily" }, "Diario", -1),
+              createElementVNode("option", { value: "weekly" }, "Semanal", -1),
+              createElementVNode("option", { value: "monthly" }, "Mensual", -1)
+            ]), 512), [
+              [vModelSelect, $data.eventForm.recurringType]
+            ])
+          ])) : createCommentVNode("", true)
+        ]),
+        createElementVNode("div", _hoisted_44, [
+          $data.editingEvent ? (openBlock(), createElementBlock("button", {
+            key: 0,
+            onClick: _cache[11] || (_cache[11] = (...args) => $options.deleteEvent && $options.deleteEvent(...args)),
+            class: "delete-btn"
+          }, "Eliminar")) : createCommentVNode("", true),
+          createElementVNode("button", {
+            onClick: _cache[12] || (_cache[12] = (...args) => $options.closeModal && $options.closeModal(...args)),
+            class: "cancel-btn"
+          }, "Cancelar"),
+          createElementVNode("button", {
+            onClick: _cache[13] || (_cache[13] = (...args) => $options.saveEvent && $options.saveEvent(...args)),
+            class: "save-btn"
+          }, toDisplayString($data.editingEvent ? "Guardar" : "Crear"), 1)
+        ])
+      ])
+    ])) : createCommentVNode("", true)
+  ], 2);
+}
+const ZCalendarWidget = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-b191092b"]]);
+const _sfc_main$1 = {
+  name: "ZWeatherWidget",
+  data() {
+    return {
+      loading: true,
+      error: null,
+      weatherData: null,
+      locationName: "",
+      latitude: null,
+      longitude: null,
+      lastUpdate: "",
+      updateInterval: null
+    };
+  },
+  mounted() {
+    this.getLocation();
+    this.updateInterval = setInterval(() => {
+      if (this.latitude && this.longitude) {
+        this.fetchWeather(this.latitude, this.longitude);
+      }
+    }, 6e5);
+  },
+  beforeUnmount() {
+    if (this.updateInterval) {
+      clearInterval(this.updateInterval);
+    }
+  },
+  methods: {
+    getLocation() {
+      this.loading = true;
+      this.error = null;
+      if (!navigator.geolocation) {
+        this.error = "La geolocalización no está disponible en tu navegador";
+        this.loading = false;
+        return;
+      }
+      navigator.geolocation.getCurrentPosition(
+        (position) => {
+          this.latitude = position.coords.latitude;
+          this.longitude = position.coords.longitude;
+          this.fetchWeather(this.latitude, this.longitude);
+          this.fetchLocationName(this.latitude, this.longitude);
+        },
+        (error) => {
+          this.loading = false;
+          switch (error.code) {
+            case error.PERMISSION_DENIED:
+              this.error = "Permiso de ubicación denegado. Activa la ubicación para usar este widget.";
+              break;
+            case error.POSITION_UNAVAILABLE:
+              this.error = "Información de ubicación no disponible.";
+              break;
+            case error.TIMEOUT:
+              this.error = "Tiempo de espera agotado al obtener la ubicación.";
+              break;
+            default:
+              this.error = "Error desconocido al obtener la ubicación.";
+          }
+        }
+      );
+    },
+    fetchWeather(lat, lon) {
+      return __async(this, null, function* () {
+        try {
+          const url = `https://api.open-meteo.com/v1/forecast?latitude=${lat}&longitude=${lon}&current=temperature_2m,relative_humidity_2m,apparent_temperature,weather_code,wind_speed_10m&timezone=auto`;
+          const response = yield fetch(url);
+          if (!response.ok) {
+            throw new Error("Error al obtener datos del clima");
+          }
+          this.weatherData = yield response.json();
+          this.updateLastUpdateTime();
+          this.loading = false;
+        } catch (err) {
+          this.error = "No se pudo obtener la información del clima";
+          this.loading = false;
+        }
+      });
+    },
+    fetchLocationName(lat, lon) {
+      return __async(this, null, function* () {
+        try {
+          const cacheKey = this.generateCacheKey(lat, lon);
+          const cachedLocation = this.getLocationFromCache(cacheKey);
+          if (cachedLocation) {
+            this.locationName = cachedLocation;
+            console.log("📦 Ubicación obtenida del cache:", cachedLocation);
+            return;
+          }
+          console.log("🌐 Consultando Nominatim para ubicación...");
+          const url = `https://nominatim.openstreetmap.org/reverse?format=json&lat=${lat}&lon=${lon}&zoom=10`;
+          const response = yield fetch(url, {
+            headers: {
+              "User-Agent": "ZenWDG-WeatherWidget/1.0"
+            }
+          });
+          if (response.ok) {
+            const data = yield response.json();
+            const cityName = data.address.city || data.address.town || data.address.village || data.address.state || "Tu ubicación";
+            this.locationName = cityName;
+            this.saveLocationToCache(cacheKey, cityName);
+            console.log("💾 Ubicación guardada en cache:", cityName);
+          } else {
+            this.locationName = "Tu ubicación";
+          }
+        } catch (err) {
+          this.locationName = "Tu ubicación";
+        }
+      });
+    },
+    generateCacheKey(lat, lon) {
+      const roundedLat = Math.round(lat * 100) / 100;
+      const roundedLon = Math.round(lon * 100) / 100;
+      return `${roundedLat},${roundedLon}`;
+    },
+    getLocationFromCache(cacheKey) {
+      try {
+        const cache = localStorage.getItem("weather_location_cache");
+        if (!cache) return null;
+        const cacheData = JSON.parse(cache);
+        const entry = cacheData[cacheKey];
+        if (!entry) return null;
+        const now = Date.now();
+        const cacheAge = now - entry.timestamp;
+        const maxAge = 30 * 24 * 60 * 60 * 1e3;
+        if (cacheAge > maxAge) {
+          delete cacheData[cacheKey];
+          localStorage.setItem("weather_location_cache", JSON.stringify(cacheData));
+          return null;
+        }
+        return entry.name;
+      } catch (err) {
+        console.warn("Error al leer cache de ubicaciones:", err);
+        return null;
+      }
+    },
+    saveLocationToCache(cacheKey, locationName) {
+      try {
+        let cacheData = {};
+        const existingCache = localStorage.getItem("weather_location_cache");
+        if (existingCache) {
+          cacheData = JSON.parse(existingCache);
+        }
+        cacheData[cacheKey] = {
+          name: locationName,
+          timestamp: Date.now()
+        };
+        const entries = Object.entries(cacheData);
+        if (entries.length > 100) {
+          entries.sort((a, b) => b[1].timestamp - a[1].timestamp);
+          cacheData = Object.fromEntries(entries.slice(0, 100));
+        }
+        localStorage.setItem("weather_location_cache", JSON.stringify(cacheData));
+      } catch (err) {
+        console.warn("Error al guardar en cache de ubicaciones:", err);
+      }
+    },
+    refreshWeather() {
+      if (this.latitude && this.longitude) {
+        this.loading = true;
+        this.fetchWeather(this.latitude, this.longitude);
+      } else {
+        this.getLocation();
+      }
+    },
+    updateLastUpdateTime() {
+      const now = /* @__PURE__ */ new Date();
+      this.lastUpdate = `${now.getHours().toString().padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}`;
+    },
+    getWeatherIcon(code) {
+      const weatherIcons = {
+        0: "☀️",
+        // Clear sky
+        1: "🌤️",
+        // Mainly clear
+        2: "⛅",
+        // Partly cloudy
+        3: "☁️",
+        // Overcast
+        45: "🌫️",
+        // Fog
+        48: "🌫️",
+        // Depositing rime fog
+        51: "🌦️",
+        // Light drizzle
+        53: "🌦️",
+        // Moderate drizzle
+        55: "🌧️",
+        // Dense drizzle
+        61: "🌧️",
+        // Slight rain
+        63: "🌧️",
+        // Moderate rain
+        65: "🌧️",
+        // Heavy rain
+        71: "🌨️",
+        // Slight snow
+        73: "🌨️",
+        // Moderate snow
+        75: "❄️",
+        // Heavy snow
+        77: "🌨️",
+        // Snow grains
+        80: "🌦️",
+        // Slight rain showers
+        81: "🌧️",
+        // Moderate rain showers
+        82: "⛈️",
+        // Violent rain showers
+        85: "🌨️",
+        // Slight snow showers
+        86: "❄️",
+        // Heavy snow showers
+        95: "⛈️",
+        // Thunderstorm
+        96: "⛈️",
+        // Thunderstorm with slight hail
+        99: "⛈️"
+        // Thunderstorm with heavy hail
+      };
+      return weatherIcons[code] || "🌤️";
+    },
+    getWeatherDescription(code) {
+      const descriptions = {
+        0: "Cielo despejado",
+        1: "Principalmente despejado",
+        2: "Parcialmente nublado",
+        3: "Nublado",
+        45: "Niebla",
+        48: "Niebla con escarcha",
+        51: "Llovizna ligera",
+        53: "Llovizna moderada",
+        55: "Llovizna densa",
+        61: "Lluvia ligera",
+        63: "Lluvia moderada",
+        65: "Lluvia fuerte",
+        71: "Nevada ligera",
+        73: "Nevada moderada",
+        75: "Nevada fuerte",
+        77: "Granizo",
+        80: "Chubascos ligeros",
+        81: "Chubascos moderados",
+        82: "Chubascos violentos",
+        85: "Chubascos de nieve ligeros",
+        86: "Chubascos de nieve fuertes",
+        95: "Tormenta eléctrica",
+        96: "Tormenta con granizo ligero",
+        99: "Tormenta con granizo fuerte"
+      };
+      return descriptions[code] || "Condición desconocida";
+    }
+  }
+};
+const _hoisted_1$1 = { class: "weather-container" };
+const _hoisted_2$1 = { class: "weather-widget" };
+const _hoisted_3$1 = {
+  key: 0,
+  class: "weather-loading"
+};
+const _hoisted_4$1 = {
+  key: 1,
+  class: "weather-error"
+};
+const _hoisted_5$1 = {
+  key: 2,
+  class: "weather-content"
+};
+const _hoisted_6$1 = { class: "weather-header" };
+const _hoisted_7$1 = { class: "location" };
+const _hoisted_8$1 = { class: "location-name" };
+const _hoisted_9$1 = { class: "weather-main" };
+const _hoisted_10$1 = { class: "temperature" };
+const _hoisted_11$1 = { class: "temp-value" };
+const _hoisted_12$1 = { class: "weather-icon" };
+const _hoisted_13$1 = { class: "weather-description" };
+const _hoisted_14$1 = { class: "weather-details" };
+const _hoisted_15$1 = { class: "detail-item" };
+const _hoisted_16$1 = { class: "detail-value" };
+const _hoisted_17$1 = { class: "detail-item" };
+const _hoisted_18$1 = { class: "detail-value" };
+const _hoisted_19$1 = { class: "detail-item" };
+const _hoisted_20$1 = { class: "detail-value" };
+const _hoisted_21$1 = { class: "weather-footer" };
+const _hoisted_22$1 = { class: "last-update" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("div", _hoisted_2$1, [
+      $data.loading ? (openBlock(), createElementBlock("div", _hoisted_3$1, _cache[2] || (_cache[2] = [
+        createElementVNode("div", { class: "spinner" }, null, -1),
+        createElementVNode("p", null, "Obteniendo ubicación...", -1)
+      ]))) : $data.error ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+        _cache[3] || (_cache[3] = createElementVNode("span", { class: "error-icon" }, "⚠️", -1)),
+        createElementVNode("p", null, toDisplayString($data.error), 1),
+        createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = (...args) => $options.getLocation && $options.getLocation(...args)),
+          class: "retry-btn"
+        }, "Reintentar")
+      ])) : $data.weatherData ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+        createElementVNode("div", _hoisted_6$1, [
+          createElementVNode("div", _hoisted_7$1, [
+            _cache[4] || (_cache[4] = createElementVNode("span", { class: "location-icon" }, "📍", -1)),
+            createElementVNode("span", _hoisted_8$1, toDisplayString($data.locationName), 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_9$1, [
+          createElementVNode("div", _hoisted_10$1, [
+            createElementVNode("span", _hoisted_11$1, toDisplayString(Math.round($data.weatherData.current.temperature_2m)), 1),
+            _cache[5] || (_cache[5] = createElementVNode("span", { class: "temp-unit" }, "°C", -1))
+          ]),
+          createElementVNode("div", _hoisted_12$1, toDisplayString($options.getWeatherIcon($data.weatherData.current.weather_code)), 1)
+        ]),
+        createElementVNode("div", _hoisted_13$1, toDisplayString($options.getWeatherDescription($data.weatherData.current.weather_code)), 1),
+        createElementVNode("div", _hoisted_14$1, [
+          createElementVNode("div", _hoisted_15$1, [
+            _cache[6] || (_cache[6] = createElementVNode("span", { class: "detail-icon" }, "💨", -1)),
+            _cache[7] || (_cache[7] = createElementVNode("span", { class: "detail-label" }, "Viento", -1)),
+            createElementVNode("span", _hoisted_16$1, toDisplayString(Math.round($data.weatherData.current.wind_speed_10m)) + " km/h", 1)
+          ]),
+          createElementVNode("div", _hoisted_17$1, [
+            _cache[8] || (_cache[8] = createElementVNode("span", { class: "detail-icon" }, "💧", -1)),
+            _cache[9] || (_cache[9] = createElementVNode("span", { class: "detail-label" }, "Humedad", -1)),
+            createElementVNode("span", _hoisted_18$1, toDisplayString($data.weatherData.current.relative_humidity_2m) + "%", 1)
+          ]),
+          createElementVNode("div", _hoisted_19$1, [
+            _cache[10] || (_cache[10] = createElementVNode("span", { class: "detail-icon" }, "🌡️", -1)),
+            _cache[11] || (_cache[11] = createElementVNode("span", { class: "detail-label" }, "Sensación", -1)),
+            createElementVNode("span", _hoisted_20$1, toDisplayString(Math.round($data.weatherData.current.apparent_temperature)) + "°C", 1)
+          ])
+        ]),
+        createElementVNode("div", _hoisted_21$1, [
+          createElementVNode("span", _hoisted_22$1, "Actualizado: " + toDisplayString($data.lastUpdate), 1),
+          createElementVNode("button", {
+            onClick: _cache[1] || (_cache[1] = (...args) => $options.refreshWeather && $options.refreshWeather(...args)),
+            class: "refresh-btn"
+          }, "🔄")
+        ])
+      ])) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const ZWeatherWidget = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-5f11c261"]]);
+const _sfc_main = {
+  name: "ZNotesWidget",
+  data() {
+    return {
+      notes: [],
+      categories: [
+        { id: "default", name: "Sin categoría", color: "#6b7280" }
+      ],
+      showNewNoteForm: false,
+      showCategoryManager: false,
+      newNote: {
+        title: "",
+        content: "",
+        categoryId: ""
+      },
+      newCategoryName: "",
+      newCategoryColor: "#3b82f6",
+      filterCategory: null,
+      sortBy: "date",
+      storageKey: "zen-notes-widget",
+      categoriesKey: "zen-notes-categories"
+    };
+  },
+  computed: {
+    filteredNotes() {
+      let filtered = [...this.notes];
+      if (this.filterCategory === "pinned") {
+        filtered = filtered.filter((note) => note.isPinned);
+      } else if (this.filterCategory) {
+        filtered = filtered.filter((note) => note.categoryId === this.filterCategory);
+      }
+      filtered.sort((a, b) => {
+        if (this.sortBy === "date") {
+          return new Date(b.createdAt) - new Date(a.createdAt);
+        } else if (this.sortBy === "title") {
+          return (a.title || "").localeCompare(b.title || "");
+        } else if (this.sortBy === "category") {
+          const catA = this.getCategoryName(a.categoryId);
+          const catB = this.getCategoryName(b.categoryId);
+          return catA.localeCompare(catB);
+        }
+        return 0;
+      });
+      return filtered.sort((a, b) => {
+        if (a.isPinned && !b.isPinned) return -1;
+        if (!a.isPinned && b.isPinned) return 1;
+        return 0;
+      });
+    },
+    pinnedNotesCount() {
+      return this.notes.filter((note) => note.isPinned).length;
+    }
+  },
+  methods: {
+    toggleNewNote() {
+      this.showNewNoteForm = !this.showNewNoteForm;
+      if (this.showNewNoteForm) {
+        this.$nextTick(() => {
+          var _a;
+          (_a = this.$refs.titleInput) == null ? void 0 : _a.focus();
+        });
+      }
+    },
+    saveNote() {
+      if (!this.newNote.content.trim()) return;
+      const note = {
+        id: Date.now().toString(),
+        title: this.newNote.title.trim(),
+        content: this.newNote.content.trim(),
+        categoryId: this.newNote.categoryId,
+        isPinned: false,
+        createdAt: (/* @__PURE__ */ new Date()).toISOString()
+      };
+      this.notes.unshift(note);
+      this.saveToStorage();
+      this.cancelNewNote();
+    },
+    cancelNewNote() {
+      this.newNote = {
+        title: "",
+        content: "",
+        categoryId: ""
+      };
+      this.showNewNoteForm = false;
+    },
+    deleteNote(id) {
+      return __async(this, null, function* () {
+        const confirmed = yield window.ZenModals.showDeleteConfirm("esta nota");
+        if (confirmed) {
+          this.notes = this.notes.filter((note) => note.id !== id);
+          this.saveToStorage();
+        }
+      });
+    },
+    togglePin(id) {
+      const note = this.notes.find((n) => n.id === id);
+      if (note) {
+        note.isPinned = !note.isPinned;
+        this.saveToStorage();
+      }
+    },
+    addCategory() {
+      if (!this.newCategoryName.trim()) return;
+      const category = {
+        id: Date.now().toString(),
+        name: this.newCategoryName.trim(),
+        color: this.newCategoryColor
+      };
+      this.categories.push(category);
+      this.saveCategoriesToStorage();
+      this.newCategoryName = "";
+      this.newCategoryColor = "#3b82f6";
+    },
+    deleteCategory(id) {
+      return __async(this, null, function* () {
+        const confirmed = yield window.ZenModals.showConfirm({
+          title: "¿Eliminar categoría?",
+          message: "Las notas de esta categoría no se eliminarán, solo la categoría.",
+          confirmText: "Eliminar",
+          cancelText: "Cancelar",
+          confirmButtonClass: "danger"
+        });
+        if (confirmed) {
+          this.categories = this.categories.filter((cat) => cat.id !== id);
+          this.saveCategoriesToStorage();
+        }
+      });
+    },
+    getCategoryName(categoryId) {
+      const category = this.categories.find((cat) => cat.id === categoryId);
+      return category ? category.name : "Sin categoría";
+    },
+    getCategoryColor(categoryId) {
+      const category = this.categories.find((cat) => cat.id === categoryId);
+      return category ? category.color : "#6b7280";
+    },
+    getNoteColor(note) {
+      if (note.categoryId) {
+        return this.getCategoryColor(note.categoryId);
+      }
+      return "#6b7280";
+    },
+    formatDate(dateString) {
+      const date = new Date(dateString);
+      const now = /* @__PURE__ */ new Date();
+      const diff = now - date;
+      const days = Math.floor(diff / (1e3 * 60 * 60 * 24));
+      if (days === 0) {
+        const hours = Math.floor(diff / (1e3 * 60 * 60));
+        if (hours === 0) {
+          const minutes = Math.floor(diff / (1e3 * 60));
+          return minutes === 0 ? "Ahora" : `Hace ${minutes}m`;
+        }
+        return `Hace ${hours}h`;
+      } else if (days === 1) {
+        return "Ayer";
+      } else if (days < 7) {
+        return `Hace ${days} días`;
+      } else {
+        return date.toLocaleDateString("es-ES", {
+          day: "numeric",
+          month: "short",
+          year: date.getFullYear() !== now.getFullYear() ? "numeric" : void 0
+        });
+      }
+    },
+    exportNotes() {
+      if (this.notes.length === 0) {
+        alert("No hay notas para exportar");
+        return;
+      }
+      let exportText = "# MIS NOTAS\n";
+      exportText += `# Exportado el ${(/* @__PURE__ */ new Date()).toLocaleString("es-ES")}
+
+`;
+      exportText += "═".repeat(60) + "\n\n";
+      const notesByCategory = {};
+      this.notes.forEach((note) => {
+        const categoryName = this.getCategoryName(note.categoryId);
+        if (!notesByCategory[categoryName]) {
+          notesByCategory[categoryName] = [];
+        }
+        notesByCategory[categoryName].push(note);
+      });
+      Object.keys(notesByCategory).sort().forEach((categoryName) => {
+        exportText += `## 🏷️ ${categoryName.toUpperCase()}
+`;
+        exportText += "─".repeat(60) + "\n\n";
+        notesByCategory[categoryName].forEach((note) => {
+          exportText += `### ${note.title || "Sin título"}`;
+          if (note.isPinned) exportText += " 📌";
+          exportText += "\n";
+          exportText += `Fecha: ${new Date(note.createdAt).toLocaleString("es-ES")}
+
+`;
+          exportText += `${note.content}
+
+`;
+          exportText += "─".repeat(60) + "\n\n";
+        });
+      });
+      exportText += "\n═".repeat(60) + "\n";
+      exportText += `Total de notas: ${this.notes.length}
+`;
+      exportText += `Notas fijadas: ${this.pinnedNotesCount}
+`;
+      const blob = new Blob([exportText], { type: "text/plain;charset=utf-8" });
+      const url = URL.createObjectURL(blob);
+      const link = document.createElement("a");
+      link.href = url;
+      link.download = `notas_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.txt`;
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+      URL.revokeObjectURL(url);
+      alert("✅ Notas exportadas exitosamente");
+    },
+    saveToStorage() {
+      try {
+        localStorage.setItem(this.storageKey, JSON.stringify(this.notes));
+      } catch (e) {
+        console.error("Error al guardar notas:", e);
+      }
+    },
+    loadFromStorage() {
+      try {
+        const data = localStorage.getItem(this.storageKey);
+        if (data) {
+          this.notes = JSON.parse(data);
+        }
+      } catch (e) {
+        console.error("Error al cargar notas:", e);
+      }
+    },
+    saveCategoriesToStorage() {
+      try {
+        localStorage.setItem(this.categoriesKey, JSON.stringify(this.categories));
+      } catch (e) {
+        console.error("Error al guardar categorías:", e);
+      }
+    },
+    loadCategoriesFromStorage() {
+      try {
+        const data = localStorage.getItem(this.categoriesKey);
+        if (data) {
+          const loaded = JSON.parse(data);
+          if (!loaded.find((c) => c.id === "default")) {
+            loaded.unshift({ id: "default", name: "Sin categoría", color: "#6b7280" });
+          }
+          this.categories = loaded;
+        }
+      } catch (e) {
+        console.error("Error al cargar categorías:", e);
+      }
+    }
+  },
+  mounted() {
+    this.loadCategoriesFromStorage();
+    this.loadFromStorage();
+  }
+};
+const _hoisted_1 = { class: "notes-widget" };
+const _hoisted_2 = { class: "notes-header" };
+const _hoisted_3 = { class: "header-actions" };
+const _hoisted_4 = { class: "modal-header" };
+const _hoisted_5 = { class: "modal-body" };
+const _hoisted_6 = { class: "category-form" };
+const _hoisted_7 = { class: "categories-list" };
+const _hoisted_8 = { class: "category-name" };
+const _hoisted_9 = ["onClick"];
+const _hoisted_10 = {
+  key: 0,
+  class: "new-note-form"
+};
+const _hoisted_11 = { class: "note-form-actions" };
+const _hoisted_12 = ["value"];
+const _hoisted_13 = { class: "form-buttons" };
+const _hoisted_14 = { class: "notes-controls" };
+const _hoisted_15 = { class: "filter-controls" };
+const _hoisted_16 = ["onClick"];
+const _hoisted_17 = { class: "sort-controls" };
+const _hoisted_18 = { class: "notes-list" };
+const _hoisted_19 = {
+  key: 0,
+  class: "empty-state"
+};
+const _hoisted_20 = { class: "note-card-header" };
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = ["onClick"];
+const _hoisted_23 = { class: "note-title" };
+const _hoisted_24 = { class: "note-content" };
+const _hoisted_25 = { class: "note-footer" };
+const _hoisted_26 = { class: "note-date" };
+const _hoisted_27 = { class: "notes-stats" };
+const _hoisted_28 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      _cache[19] || (_cache[19] = createElementVNode("h2", { class: "notes-title" }, "📝 Notas", -1)),
+      createElementVNode("div", _hoisted_3, [
+        createElementVNode("button", {
+          onClick: _cache[0] || (_cache[0] = ($event) => $data.showCategoryManager = !$data.showCategoryManager),
+          class: "icon-btn",
+          title: "Gestionar Categorías"
+        }, " 🏷️ "),
+        createElementVNode("button", {
+          onClick: _cache[1] || (_cache[1] = (...args) => $options.exportNotes && $options.exportNotes(...args)),
+          class: "icon-btn",
+          title: "Exportar Notas"
+        }, " 💾 "),
+        createElementVNode("button", {
+          onClick: _cache[2] || (_cache[2] = (...args) => $options.toggleNewNote && $options.toggleNewNote(...args)),
+          class: "icon-btn add-btn",
+          title: "Nueva Nota"
+        }, " ➕ ")
+      ])
+    ]),
+    createVNode(Transition, { name: "modal" }, {
+      default: withCtx(() => [
+        $data.showCategoryManager ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "modal-overlay",
+          onClick: _cache[9] || (_cache[9] = ($event) => $data.showCategoryManager = false)
+        }, [
+          createElementVNode("div", {
+            class: "modal-content",
+            onClick: _cache[8] || (_cache[8] = withModifiers(() => {
+            }, ["stop"]))
+          }, [
+            createElementVNode("div", _hoisted_4, [
+              _cache[20] || (_cache[20] = createElementVNode("h3", null, "🏷️ Gestionar Categorías", -1)),
+              createElementVNode("button", {
+                onClick: _cache[3] || (_cache[3] = ($event) => $data.showCategoryManager = false),
+                class: "close-btn"
+              }, "✕")
+            ]),
+            createElementVNode("div", _hoisted_5, [
+              createElementVNode("div", _hoisted_6, [
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => $data.newCategoryName = $event),
+                  onKeypress: _cache[5] || (_cache[5] = withKeys((...args) => $options.addCategory && $options.addCategory(...args), ["enter"])),
+                  placeholder: "Nombre de categoría",
+                  class: "category-input"
+                }, null, 544), [
+                  [vModelText, $data.newCategoryName]
+                ]),
+                withDirectives(createElementVNode("input", {
+                  "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => $data.newCategoryColor = $event),
+                  type: "color",
+                  class: "color-picker"
+                }, null, 512), [
+                  [vModelText, $data.newCategoryColor]
+                ]),
+                createElementVNode("button", {
+                  onClick: _cache[7] || (_cache[7] = (...args) => $options.addCategory && $options.addCategory(...args)),
+                  class: "add-category-btn"
+                }, "Agregar")
+              ]),
+              createElementVNode("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList($data.categories, (category) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: category.id,
+                    class: "category-item"
+                  }, [
+                    createElementVNode("span", {
+                      class: "category-color-preview",
+                      style: normalizeStyle({ backgroundColor: category.color })
+                    }, null, 4),
+                    createElementVNode("span", _hoisted_8, toDisplayString(category.name), 1),
+                    category.id !== "default" ? (openBlock(), createElementBlock("button", {
+                      key: 0,
+                      onClick: ($event) => $options.deleteCategory(category.id),
+                      class: "delete-category-btn",
+                      title: "Eliminar"
+                    }, " 🗑️ ", 8, _hoisted_9)) : createCommentVNode("", true)
+                  ]);
+                }), 128))
+              ])
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }),
+    createVNode(Transition, { name: "slide" }, {
+      default: withCtx(() => [
+        $data.showNewNoteForm ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          withDirectives(createElementVNode("input", {
+            "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => $data.newNote.title = $event),
+            placeholder: "Título de la nota...",
+            class: "note-title-input",
+            ref: "titleInput"
+          }, null, 512), [
+            [vModelText, $data.newNote.title]
+          ]),
+          withDirectives(createElementVNode("textarea", {
+            "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => $data.newNote.content = $event),
+            placeholder: "Escribe tu nota aquí...",
+            class: "note-content-input",
+            rows: "4"
+          }, null, 512), [
+            [vModelText, $data.newNote.content]
+          ]),
+          createElementVNode("div", _hoisted_11, [
+            withDirectives(createElementVNode("select", {
+              "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => $data.newNote.categoryId = $event),
+              class: "category-select"
+            }, [
+              _cache[21] || (_cache[21] = createElementVNode("option", { value: "" }, "Sin categoría", -1)),
+              (openBlock(true), createElementBlock(Fragment, null, renderList($data.categories.filter((c) => c.id !== "default"), (category) => {
+                return openBlock(), createElementBlock("option", {
+                  key: category.id,
+                  value: category.id
+                }, toDisplayString(category.name), 9, _hoisted_12);
+              }), 128))
+            ], 512), [
+              [vModelSelect, $data.newNote.categoryId]
+            ]),
+            createElementVNode("div", _hoisted_13, [
+              createElementVNode("button", {
+                onClick: _cache[13] || (_cache[13] = (...args) => $options.cancelNewNote && $options.cancelNewNote(...args)),
+                class: "cancel-btn"
+              }, "Cancelar"),
+              createElementVNode("button", {
+                onClick: _cache[14] || (_cache[14] = (...args) => $options.saveNote && $options.saveNote(...args)),
+                class: "save-btn"
+              }, "Guardar")
+            ])
+          ])
+        ])) : createCommentVNode("", true)
+      ]),
+      _: 1
+    }),
+    createElementVNode("div", _hoisted_14, [
+      createElementVNode("div", _hoisted_15, [
+        createElementVNode("button", {
+          onClick: _cache[15] || (_cache[15] = ($event) => $data.filterCategory = null),
+          class: normalizeClass(["filter-btn", { active: $data.filterCategory === null }])
+        }, " 📋 Todas ", 2),
+        createElementVNode("button", {
+          onClick: _cache[16] || (_cache[16] = ($event) => $data.filterCategory = "pinned"),
+          class: normalizeClass(["filter-btn", { active: $data.filterCategory === "pinned" }])
+        }, " 📌 Fijadas ", 2),
+        (openBlock(true), createElementBlock(Fragment, null, renderList($data.categories.filter((c) => c.id !== "default"), (category) => {
+          return openBlock(), createElementBlock("button", {
+            key: category.id,
+            onClick: ($event) => $data.filterCategory = category.id,
+            class: normalizeClass(["filter-btn", { active: $data.filterCategory === category.id }]),
+            style: normalizeStyle({ borderColor: category.color, color: $data.filterCategory === category.id ? category.color : "" })
+          }, toDisplayString(category.name), 15, _hoisted_16);
+        }), 128))
+      ]),
+      createElementVNode("div", _hoisted_17, [
+        withDirectives(createElementVNode("select", {
+          "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => $data.sortBy = $event),
+          class: "sort-select"
+        }, _cache[22] || (_cache[22] = [
+          createElementVNode("option", { value: "date" }, "📅 Fecha", -1),
+          createElementVNode("option", { value: "title" }, "🔤 Título", -1),
+          createElementVNode("option", { value: "category" }, "🏷️ Categoría", -1)
+        ]), 512), [
+          [vModelSelect, $data.sortBy]
+        ])
+      ])
+    ]),
+    createElementVNode("div", _hoisted_18, [
+      $options.filteredNotes.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_19, [
+        _cache[23] || (_cache[23] = createElementVNode("div", { class: "empty-icon" }, "📭", -1)),
+        _cache[24] || (_cache[24] = createElementVNode("p", null, "No hay notas", -1)),
+        createElementVNode("button", {
+          onClick: _cache[18] || (_cache[18] = (...args) => $options.toggleNewNote && $options.toggleNewNote(...args)),
+          class: "create-first-note-btn"
+        }, " Crear primera nota ")
+      ])) : createCommentVNode("", true),
+      createVNode(TransitionGroup, {
+        name: "note-list",
+        tag: "div",
+        class: "notes-grid"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList($options.filteredNotes, (note) => {
+            return openBlock(), createElementBlock("div", {
+              key: note.id,
+              class: normalizeClass(["note-card", { pinned: note.isPinned }]),
+              style: normalizeStyle({ borderLeftColor: $options.getNoteColor(note) })
+            }, [
+              createElementVNode("div", _hoisted_20, [
+                createElementVNode("button", {
+                  onClick: ($event) => $options.togglePin(note.id),
+                  class: normalizeClass(["pin-btn", { pinned: note.isPinned }]),
+                  title: "Fijar/Desfijar"
+                }, toDisplayString(note.isPinned ? "📌" : "📍"), 11, _hoisted_21),
+                createElementVNode("button", {
+                  onClick: ($event) => $options.deleteNote(note.id),
+                  class: "delete-btn",
+                  title: "Eliminar"
+                }, " 🗑️ ", 8, _hoisted_22)
+              ]),
+              createElementVNode("h3", _hoisted_23, toDisplayString(note.title || "Sin título"), 1),
+              createElementVNode("p", _hoisted_24, toDisplayString(note.content), 1),
+              createElementVNode("div", _hoisted_25, [
+                note.categoryId ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: "note-category",
+                  style: normalizeStyle({
+                    backgroundColor: $options.getCategoryColor(note.categoryId),
+                    color: "white"
+                  })
+                }, toDisplayString($options.getCategoryName(note.categoryId)), 5)) : createCommentVNode("", true),
+                createElementVNode("span", _hoisted_26, toDisplayString($options.formatDate(note.createdAt)), 1)
+              ])
+            ], 6);
+          }), 128))
+        ]),
+        _: 1
+      })
+    ]),
+    createElementVNode("div", _hoisted_27, [
+      createElementVNode("span", null, "Total: " + toDisplayString($data.notes.length) + " notas", 1),
+      $options.pinnedNotesCount > 0 ? (openBlock(), createElementBlock("span", _hoisted_28, "📌 " + toDisplayString($options.pinnedNotesCount) + " fijadas", 1)) : createCommentVNode("", true)
+    ])
+  ]);
+}
+const ZNotesWidget = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-7326bacf"]]);
+class ModalManager {
+  constructor() {
+    this.currentModal = null;
+    this.resolveCallback = null;
+    this.rejectCallback = null;
+  }
+  /**
+   * Crea el HTML del modal
+   */
+  createModalHTML(config) {
+    const {
+      title = "",
+      message = "",
+      type = "confirm",
+      confirmText = "Confirmar",
+      cancelText = "Cancelar",
+      showCancel = true,
+      showIcon = true,
+      inputLabel = "",
+      inputPlaceholder = "",
+      inputType = "text",
+      inputDefaultValue = "",
+      confirmButtonClass = ""
+    } = config;
+    const icons = {
+      confirm: "⚠️",
+      success: "✅",
+      error: "❌",
+      info: "ℹ️",
+      warning: "⚠️",
+      prompt: ""
+    };
+    const bgClasses = {
+      confirm: "modal-bg-confirm",
+      prompt: "modal-bg-prompt",
+      success: "modal-bg-success",
+      error: "modal-bg-error",
+      warning: "modal-bg-warning",
+      info: "modal-bg-info"
+    };
+    const iconHTML = showIcon && icons[type] ? `<div class="z-modal-icon">${icons[type]}</div>` : "";
+    const inputHTML = type === "prompt" ? `
+      <div class="z-modal-input-group">
+        ${inputLabel ? `<label class="z-modal-label">${inputLabel}</label>` : ""}
+        <input 
+          type="${inputType}" 
+          class="z-modal-input" 
+          placeholder="${inputPlaceholder}"
+          value="${inputDefaultValue}"
+          id="z-modal-input"
+        />
+      </div>
+    ` : "";
+    const cancelBtnHTML = showCancel ? `<button class="z-modal-btn z-modal-btn-cancel" data-action="cancel">${cancelText}</button>` : "";
+    return `
+      <div class="z-modal-overlay" data-action="overlay">
+        <div class="z-modal-container ${bgClasses[type]} z-modal-size-medium">
+          ${title ? `
+            <div class="z-modal-header">
+              <h3 class="z-modal-title">${title}</h3>
+              <button class="z-modal-close" data-action="close" aria-label="Cerrar">
+                <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
+                  <path d="M15 5L5 15M5 5l10 10" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
+                </svg>
+              </button>
+            </div>
+          ` : ""}
+          
+          <div class="z-modal-body">
+            ${iconHTML}
+            ${message ? `<p class="z-modal-message">${message}</p>` : ""}
+            ${inputHTML}
+          </div>
+          
+          <div class="z-modal-footer">
+            ${cancelBtnHTML}
+            <button class="z-modal-btn z-modal-btn-confirm ${confirmButtonClass}" data-action="confirm">
+              ${confirmText}
+            </button>
+          </div>
+        </div>
+      </div>
+    `;
+  }
+  /**
+   * Muestra un modal
+   */
+  show(config) {
+    return new Promise((resolve, reject) => {
+      if (this.currentModal) {
+        this.close();
+      }
+      this.resolveCallback = resolve;
+      this.rejectCallback = reject;
+      const modalDiv = document.createElement("div");
+      modalDiv.innerHTML = this.createModalHTML(config);
+      this.currentModal = modalDiv.firstElementChild;
+      document.body.appendChild(this.currentModal);
+      this.injectStyles();
+      this.setupEventListeners(config.type);
+      requestAnimationFrame(() => {
+        this.currentModal.classList.add("z-modal-show");
+      });
+      if (config.type === "prompt") {
+        setTimeout(() => {
+          const input = document.getElementById("z-modal-input");
+          if (input) input.focus();
+        }, 100);
+      }
+    });
+  }
+  /**
+   * Configura event listeners
+   */
+  setupEventListeners(type) {
+    const handleClick = (e) => {
+      var _a;
+      const action = (_a = e.target.closest("[data-action]")) == null ? void 0 : _a.dataset.action;
+      if (action === "confirm") {
+        if (type === "prompt") {
+          const input = document.getElementById("z-modal-input");
+          this.resolve(input ? input.value : "");
+        } else {
+          this.resolve(true);
+        }
+      } else if (action === "cancel" || action === "close") {
+        this.resolve(false);
+      } else if (action === "overlay") {
+        this.resolve(false);
+      }
+    };
+    const handleKeydown = (e) => {
+      if (e.key === "Escape") {
+        this.resolve(false);
+      } else if (e.key === "Enter" && type === "prompt") {
+        const input = document.getElementById("z-modal-input");
+        this.resolve(input ? input.value : "");
+      }
+    };
+    this.currentModal.addEventListener("click", handleClick);
+    document.addEventListener("keydown", handleKeydown);
+    this.currentModal._handleClick = handleClick;
+    this.currentModal._handleKeydown = handleKeydown;
+  }
+  /**
+   * Resuelve y cierra el modal
+   */
+  resolve(value) {
+    if (this.resolveCallback) {
+      this.resolveCallback(value);
+    }
+    this.close();
+  }
+  /**
+   * Cierra el modal
+   */
+  close() {
+    if (!this.currentModal) return;
+    if (this.currentModal._handleClick) {
+      this.currentModal.removeEventListener("click", this.currentModal._handleClick);
+    }
+    if (this.currentModal._handleKeydown) {
+      document.removeEventListener("keydown", this.currentModal._handleKeydown);
+    }
+    this.currentModal.classList.remove("z-modal-show");
+    setTimeout(() => {
+      if (this.currentModal && this.currentModal.parentNode) {
+        this.currentModal.parentNode.removeChild(this.currentModal);
+      }
+      this.currentModal = null;
+      this.resolveCallback = null;
+      this.rejectCallback = null;
+    }, 300);
+  }
+  /**
+   * Inyecta los estilos CSS del modal
+   */
+  injectStyles() {
+    if (document.getElementById("z-modal-styles")) return;
+    const style = document.createElement("style");
+    style.id = "z-modal-styles";
+    style.textContent = `
+      .z-modal-overlay {
+        position: fixed;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background: rgba(0, 0, 0, 0.6);
+        backdrop-filter: blur(8px);
+        -webkit-backdrop-filter: blur(8px);
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        z-index: 99999;
+        padding: 20px;
+        opacity: 0;
+        transition: opacity 0.3s ease;
+      }
+
+      .z-modal-overlay.z-modal-show {
+        opacity: 1;
+      }
+
+      .z-modal-overlay.z-modal-show .z-modal-container {
+        transform: translateY(0) scale(1);
+        opacity: 1;
+      }
+
+      .z-modal-container {
+        background: rgba(30, 30, 35, 0.95);
+        backdrop-filter: blur(20px) saturate(180%);
+        -webkit-backdrop-filter: blur(20px) saturate(180%);
+        border: 1px solid rgba(255, 255, 255, 0.3);
+        border-radius: 20px;
+        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
+        max-width: 90vw;
+        max-height: 90vh;
+        overflow: hidden;
+        display: flex;
+        flex-direction: column;
+        color: #fff;
+        transform: translateY(-30px) scale(0.95);
+        opacity: 0;
+        transition: all 0.3s ease;
+      }
+
+      .z-modal-size-medium {
+        width: 450px;
+      }
+
+      .z-modal-bg-success {
+        background: rgba(16, 185, 129, 0.95);
+      }
+
+      .z-modal-bg-error, .z-modal-bg-warning {
+        background: rgba(239, 68, 68, 0.95);
+      }
+
+      .z-modal-bg-info {
+        background: rgba(59, 130, 246, 0.95);
+      }
+
+      .z-modal-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 24px 24px 16px 24px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      .z-modal-title {
+        margin: 0;
+        font-size: 1.25rem;
+        font-weight: 600;
+      }
+
+      .z-modal-close {
+        background: none;
+        border: none;
+        width: 32px;
+        height: 32px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        cursor: pointer;
+        color: currentColor;
+        transition: all 0.2s ease;
+        opacity: 0.7;
+      }
+
+      .z-modal-close:hover {
+        background: rgba(255, 255, 255, 0.1);
+        opacity: 1;
+      }
+
+      .z-modal-body {
+        padding: 24px;
+        text-align: center;
+      }
+
+      .z-modal-icon {
+        font-size: 3rem;
+        margin-bottom: 16px;
+        animation: z-modal-icon-bounce 0.5s ease-out;
+      }
+
+      @keyframes z-modal-icon-bounce {
+        0% { transform: scale(0); }
+        50% { transform: scale(1.1); }
+        100% { transform: scale(1); }
+      }
+
+      .z-modal-message {
+        margin: 0;
+        font-size: 1rem;
+        line-height: 1.6;
+        opacity: 0.95;
+      }
+
+      .z-modal-input-group {
+        margin-top: 20px;
+        text-align: left;
+      }
+
+      .z-modal-label {
+        display: block;
+        margin-bottom: 8px;
+        font-size: 0.9rem;
+        font-weight: 500;
+        opacity: 0.9;
+      }
+
+      .z-modal-input {
+        width: 100%;
+        padding: 12px 16px;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+        border-radius: 10px;
+        background: rgba(255, 255, 255, 0.1);
+        color: #fff;
+        font-size: 1rem;
+        transition: all 0.2s ease;
+        box-sizing: border-box;
+      }
+
+      .z-modal-input:focus {
+        outline: none;
+        border-color: rgba(255, 255, 255, 0.4);
+        background: rgba(255, 255, 255, 0.15);
+      }
+
+      .z-modal-input::placeholder {
+        color: rgba(255, 255, 255, 0.5);
+      }
+
+      .z-modal-footer {
+        display: flex;
+        gap: 12px;
+        padding: 16px 24px 24px 24px;
+        justify-content: flex-end;
+      }
+
+      .z-modal-btn {
+        padding: 12px 24px;
+        border: none;
+        border-radius: 10px;
+        font-size: 1rem;
+        font-weight: 500;
+        cursor: pointer;
+        transition: all 0.2s ease;
+        min-width: 100px;
+      }
+
+      .z-modal-btn-cancel {
+        background: rgba(255, 255, 255, 0.1);
+        color: currentColor;
+        border: 1px solid rgba(255, 255, 255, 0.2);
+      }
+
+      .z-modal-btn-cancel:hover {
+        background: rgba(255, 255, 255, 0.2);
+        transform: translateY(-1px);
+      }
+
+      .z-modal-btn-confirm {
+        background: rgba(255, 255, 255, 0.9);
+        color: #1a1a1a;
+      }
+
+      .z-modal-btn-confirm:hover {
+        background: #fff;
+        transform: translateY(-1px);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+      }
+
+      .z-modal-btn-confirm.danger {
+        background: #ef4444;
+        color: white;
+      }
+
+      .z-modal-btn-confirm.danger:hover {
+        background: #dc2626;
+      }
+
+      @media (max-width: 768px) {
+        .z-modal-container {
+          width: 100% !important;
+          max-width: 400px;
+        }
+
+        .z-modal-footer {
+          flex-direction: column-reverse;
+        }
+
+        .z-modal-btn {
+          width: 100%;
+        }
+      }
+    `;
+    document.head.appendChild(style);
+  }
+}
+const modalManager = new ModalManager();
+function showConfirm(options = {}) {
+  return modalManager.show(__spreadValues({
+    type: "confirm",
+    showCancel: true,
+    showIcon: true,
+    confirmText: "Confirmar",
+    cancelText: "Cancelar"
+  }, options));
+}
+function showAlert(options = {}) {
+  const _a = options, { type = "info" } = _a, rest = __objRest(_a, ["type"]);
+  return modalManager.show(__spreadValues({
+    type,
+    showCancel: false,
+    showIcon: true,
+    confirmText: "Entendido"
+  }, rest));
+}
+function showPrompt(options = {}) {
+  return modalManager.show(__spreadValues({
+    type: "prompt",
+    showCancel: true,
+    showIcon: false,
+    confirmText: "Aceptar",
+    cancelText: "Cancelar",
+    inputType: "text",
+    inputDefaultValue: ""
+  }, options));
+}
+function showSuccess(options = {}) {
+  return showAlert(__spreadValues({
+    type: "success",
+    title: "¡Éxito!",
+    message: "Operación completada correctamente"
+  }, options));
+}
+function showError(options = {}) {
+  return showAlert(__spreadValues({
+    type: "error",
+    title: "Error",
+    message: "Ha ocurrido un error"
+  }, options));
+}
+function showWarning(options = {}) {
+  return showAlert(__spreadValues({
+    type: "warning",
+    title: "Advertencia"
+  }, options));
+}
+function showDeleteConfirm(itemName = "este elemento") {
+  return showConfirm({
+    title: "¿Eliminar?",
+    message: `¿Estás seguro de que deseas eliminar ${itemName}?`,
+    confirmText: "Eliminar",
+    cancelText: "Cancelar",
+    confirmButtonClass: "danger"
+  });
+}
+if (typeof window !== "undefined") {
+  window.ZenModals = {
+    showConfirm,
+    showAlert,
+    showPrompt,
+    showSuccess,
+    showError,
+    showWarning,
+    showDeleteConfirm
+  };
+}
 const ZClockElement = defineCustomElement(ZClockWidget);
 const ZSearchElement = defineCustomElement(ZSearchWidget);
 const ZTodoElement = defineCustomElement(ZTodoWidget);
 const ZMarkedElement = defineCustomElement(ZMarkedWidget);
+const ZCalendarElement = defineCustomElement(ZCalendarWidget);
+const ZWeatherElement = defineCustomElement(ZWeatherWidget);
+const ZNotesElement = defineCustomElement(ZNotesWidget);
 if (!customElements.get("z-clock-widget")) {
   customElements.define("z-clock-widget", ZClockElement);
 }
@@ -2438,9 +4438,28 @@ if (!customElements.get("z-todo-widget")) {
 if (!customElements.get("z-marked-widget")) {
   customElements.define("z-marked-widget", ZMarkedElement);
 }
+if (!customElements.get("z-calendar-widget")) {
+  customElements.define("z-calendar-widget", ZCalendarElement);
+}
+if (!customElements.get("z-weather-widget")) {
+  customElements.define("z-weather-widget", ZWeatherElement);
+}
+if (!customElements.get("z-notes-widget")) {
+  customElements.define("z-notes-widget", ZNotesElement);
+}
 export {
+  ZCalendarWidget,
   ZClockWidget,
   ZMarkedWidget,
+  ZNotesWidget,
   ZSearchWidget,
-  ZTodoWidget
+  ZTodoWidget,
+  ZWeatherWidget,
+  showAlert,
+  showConfirm,
+  showDeleteConfirm,
+  showError,
+  showPrompt,
+  showSuccess,
+  showWarning
 };