@fewangsit/wangsvue 1.5.219-alpha.0 → 1.5.219-alpha.2

package/vendor/@wangs-ui/core/components/p-Duri5p90.es.js

@@ -1,23 +1,24 @@
-var c = Object.defineProperty;
-var g = (r, t, e) => t in r ? c(r, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[t] = e;
-var h = (r, t, e) => g(r, typeof t != "symbol" ? t + "" : t, e);
-const a = class a {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const _WangsUIRouter = class _WangsUIRouter {
   constructor() {
     /**
      * Stores base URLs associated with different app identifiers.
      */
-    h(this, "_baseUrl", "");
-    if (globalThis[a.SINGLETON_KEY])
-      return globalThis[a.SINGLETON_KEY];
-    globalThis[a.SINGLETON_KEY] = this;
+    __publicField(this, "_baseUrl", "");
+    if (globalThis[_WangsUIRouter.SINGLETON_KEY]) {
+      return globalThis[_WangsUIRouter.SINGLETON_KEY];
+    }
+    globalThis[_WangsUIRouter.SINGLETON_KEY] = this;
   }
   /**
    * Registers a base URL for a specific app.
    *
    * @param base - The base URL to be used as a prefix for all routes in that app.
    */
-  setNavigationBaseUrl(t) {
-    this._baseUrl = this.normalizeBase(t);
+  setNavigationBaseUrl(base) {
+    this._baseUrl = this.normalizeBase(base);
   }
   /**
    * Retrieves the base URL for a specific app.
@@ -33,8 +34,8 @@ const a = class a {
    * @param base - The base URL to normalize.
    * @returns A clean base URL ending with a single `/`.
    */
-  normalizeBase(t) {
-    return t.replace(/\/+$/, "").concat("/");
+  normalizeBase(base) {
+    return base.replace(/\/+$/, "").concat("/");
   }
   /**
    * Prepends the base URL (if any) to the given path.
@@ -42,14 +43,15 @@ const a = class a {
    * @param path - The relative path to normalize.
    * @returns A fully normalized path prefixed with the base URL if applicable.
    */
-  normalizePath(t) {
-    if (!t.startsWith("/"))
-      return new URL(t, window.location.href).pathname;
-    const e = this.getNavigationBaseUrl();
-    if (!e)
-      return t;
-    const i = t.slice(1);
-    return `${e}${i}`;
+  normalizePath(path) {
+    if (!path.startsWith("/")) {
+      return new URL(path, window.location.href).pathname;
+    }
+    const base = this.getNavigationBaseUrl();
+    if (!base)
+      return path;
+    const sanitizedPath = path.slice(1);
+    return `${base}${sanitizedPath}`;
   }
   /**
    * Removes the specified base path from the beginning of a given route path.
@@ -67,8 +69,9 @@ const a = class a {
    * stripBase('/about', '/base');     // returns '/about' (base not present)
    * stripBase('/base', '/base');      // returns '/'
    */
-  stripBase(t, e) {
-    return e || (e = this.getNavigationBaseUrl()), e !== "/" && t.startsWith(e) ? "/" + t.slice(e.length).replace(/^\/+/, "") : t;
+  stripBase(path, base) {
+    base || (base = this.getNavigationBaseUrl());
+    return base !== "/" && path.startsWith(base) ? "/" + path.slice(base.length).replace(/^\/+/, "") : path;
   }
   /**
    * Pushes a new entry to the browser's history stack.
@@ -80,18 +83,18 @@ const a = class a {
    * @example
    * Router.push('/about', { from: 'home' });
    */
-  push(t, e = {}, i = "") {
-    var o;
-    const s = {
-      ...e,
+  push(route, data = {}, unused = "") {
+    var _a;
+    const state = {
+      ...data,
       ...history.state ?? {},
-      current: t,
-      back: (o = history.state) == null ? void 0 : o.current,
+      current: route,
+      back: (_a = history.state) == null ? void 0 : _a.current,
       forward: void 0,
-      replaced: !1,
+      replaced: false,
       position: history.length + 1
     };
-    window.history.pushState(s, i, t);
+    window.history.pushState(state, unused, route);
   }
   /**
    * Replaces the current entry in the browser's history stack.
@@ -103,15 +106,15 @@ const a = class a {
    * @example
    * Router.replace('/login', { reason: 'session expired' });
    */
-  replace(t, e = {}, i = "") {
-    const s = {
-      ...e,
+  replace(route, data = {}, unused = "") {
+    const state = {
+      ...data,
       ...history.state ?? {},
       forward: void 0,
-      current: t,
-      replaced: !0
+      current: route,
+      replaced: true
     };
-    window.history.replaceState(s, i, t);
+    window.history.replaceState(state, unused, route);
   }
   /**
    * Dispatches a custom event before navigation occurs.
@@ -121,9 +124,9 @@ const a = class a {
    * @param mode - The navigation mode ('push' or 'replace').
    * @param data - Optional state object for the navigation.
    */
-  dispatchBeforeNavigationEvent(t, e, i) {
+  dispatchBeforeNavigationEvent(route, mode, data) {
     window.dispatchEvent(new CustomEvent("wangs-ui-core:before-navigation-event", {
-      detail: { route: t, mode: e, state: i }
+      detail: { route, mode, state: data }
     }));
   }
   /**
@@ -134,9 +137,9 @@ const a = class a {
    * @param mode - The navigation mode ('push' or 'replace').
    * @param data - Optional state object for the navigation.
    */
-  dispatchNavigationEvent(t, e, i) {
+  dispatchNavigationEvent(route, mode, data) {
     window.dispatchEvent(new CustomEvent("wangs-ui-core:navigation-event", {
-      detail: { route: t, mode: e, state: i }
+      detail: { route, mode, state: data }
     }));
   }
   /**
@@ -156,18 +159,26 @@ const a = class a {
    * @example
    * router.navigateToRoute('/about', 'push', { some: 'state' }, '',);
    */
-  navigateToRoute(t, e = "push", i = history.state, s = "") {
-    if (!t)
+  navigateToRoute(route, navigationMode = "push", data = history.state, unused = "") {
+    if (!route)
       return;
-    const o = typeof t == "string" ? t : t.toString(), n = this.normalizePath(o);
-    if (n === location.pathname)
+    const rawUrl = typeof route === "string" ? route : route.toString();
+    const finalUrl = this.normalizePath(rawUrl);
+    if (finalUrl === location.pathname) {
       return console.warn("[WangsUIRouter] Navigation aborted: target route is the same as the current route.");
-    this.dispatchBeforeNavigationEvent(n, e, i), e === "push" ? this.push(n, i, s) : this.replace(n, i, s), this.dispatchNavigationEvent(n, e, i);
+    }
+    this.dispatchBeforeNavigationEvent(finalUrl, navigationMode, data);
+    if (navigationMode === "push") {
+      this.push(finalUrl, data, unused);
+    } else {
+      this.replace(finalUrl, data, unused);
+    }
+    this.dispatchNavigationEvent(finalUrl, navigationMode, data);
   }
 };
-h(a, "SINGLETON_KEY", "__WANGS_UI_ROUTER_INSTANCE__");
-let l = a;
-const v = new l();
+__publicField(_WangsUIRouter, "SINGLETON_KEY", "__WANGS_UI_ROUTER_INSTANCE__");
+let WangsUIRouter = _WangsUIRouter;
+const router = new WangsUIRouter();
 export {
-  v as r
+  router as r
 };

package/vendor/@wangs-ui/core/components/wangs-button.es.js

@@ -1,34 +1,38 @@
-var c = Object.defineProperty;
-var f = (t, e, n) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var o = (t, e, n) => f(t, typeof e != "symbol" ? e + "" : e, n);
-import { p as a, H as r, h as s, a as u } from "./p-DTTCzifR.es.js";
-const l = /* @__PURE__ */ a(class extends r {
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+import { p as proxyCustomElement, H, h, a as Host } from "./p-DTTCzifR.es.js";
+const Button = /* @__PURE__ */ proxyCustomElement(class Button2 extends H {
   constructor() {
     super();
     /**
      * The first name
      */
-    o(this, "label");
+    __publicField(this, "label");
     this.__registerHost();
   }
   render() {
-    return s(u, { key: "b38f4386d6fb33972469caffc9b7f95b7fb0e7c9" }, s("slot", { key: "e1f130e8171a7ac985fc07612e3e8a693d6058ea", name: "icon" }), s("slot", { key: "f7395cc5ea9dc2d6125bf3e30a97e0303dab43e0" }, this.label));
+    return h(Host, { key: "b38f4386d6fb33972469caffc9b7f95b7fb0e7c9" }, h("slot", { key: "e1f130e8171a7ac985fc07612e3e8a693d6058ea", name: "icon" }), h("slot", { key: "f7395cc5ea9dc2d6125bf3e30a97e0303dab43e0" }, this.label));
   }
 }, [4, "wangs-button", {
-  label: [1]
+  "label": [1]
 }]);
-function m() {
-  if (typeof customElements > "u")
+function defineCustomElement$1() {
+  if (typeof customElements === "undefined") {
     return;
-  ["wangs-button"].forEach((e) => {
-    switch (e) {
+  }
+  const components = ["wangs-button"];
+  components.forEach((tagName) => {
+    switch (tagName) {
       case "wangs-button":
-        customElements.get(e) || customElements.define(e, l);
+        if (!customElements.get(tagName)) {
+          customElements.define(tagName, Button);
+        }
         break;
     }
   });
 }
-const p = m;
+const defineCustomElement = defineCustomElement$1;
 export {
-  p as d
+  defineCustomElement as d
 };

package/vendor/@wangs-ui/core/components/wangs-icon.es.js

@@ -1,5 +1,5 @@
-import { d as e } from "./p-CKYwZoTo.es.js";
-const m = e;
+import { d as defineCustomElement$1 } from "./p-CKYwZoTo.es.js";
+const defineCustomElement = defineCustomElement$1;
 export {
-  m as d
+  defineCustomElement as d
 };

package/vendor/@wangs-ui/core/components/wangs-input-otp.es.js

@@ -1,5 +1,5 @@
-import { d as e } from "./p-CsoK-EWG.es.js";
-const m = e;
+import { d as defineCustomElement$1 } from "./p-CsoK-EWG.es.js";
+const defineCustomElement = defineCustomElement$1;
 export {
-  m as d
+  defineCustomElement as d
 };

package/vendor/@wangs-ui/core/components/wangs-tab-menu.es.js

@@ -1,5 +1,5 @@
-import { d as e } from "./p-DPHEi31J.es.js";
-const m = e;
+import { d as defineCustomElement$1 } from "./p-DPHEi31J.es.js";
+const defineCustomElement = defineCustomElement$1;
 export {
-  m as d
+  defineCustomElement as d
 };

package/vendor/@wangs-ui/core/dist/esm/index-DCkh3cGv.es.js

@@ -1,25 +1,28 @@
-var c = Object.defineProperty;
-var u = (t, e, i) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
-var o = (t, e, i) => u(t, typeof e != "symbol" ? e + "" : e, i);
-function m() {
-  window.WangsUI || (window.WangsUI = {
-    presets: {
-      "WANGS-TAB-MENU": {},
-      "WANGS-INPUT-OTP": {}
-    }
-  });
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+function initWangsUIStore() {
+  if (!window.WangsUI) {
+    window.WangsUI = {
+      presets: {
+        "WANGS-TAB-MENU": {},
+        "WANGS-INPUT-OTP": {}
+      }
+    };
+  }
 }
-function f(t, e) {
-  m(), window.WangsUI.presets[t] = e;
+function setPreset(tagName, value) {
+  initWangsUIStore();
+  window.WangsUI.presets[tagName] = value;
 }
-function g(t, e) {
-  return { [t]: e }[t];
+function definePreset(tag, preset) {
+  return { [tag]: preset }[tag];
 }
-g("WANGS-TAB-MENU", {
+definePreset("WANGS-TAB-MENU", {
   root: {
     class: "overflow-x-visible"
   },
-  menu: ({ props: t }) => ({
+  menu: ({ props }) => ({
     class: [
       // Flexbox
       "flex flex-1",
@@ -28,14 +31,14 @@ g("WANGS-TAB-MENU", {
       "p-0 m-0",
       // Colors
       "text-general-100",
-      { "w-max ring-1 ring-inset ring-general-100 rounded": t.type === "segmented" }
+      { "w-max ring-1 ring-inset ring-general-100 rounded": props.type === "segmented" }
     ]
   }),
   menuitem: {
     class: "mr-0"
   },
-  action: ({ props: t, context: e }) => {
-    var i, a;
+  action: ({ props, context }) => {
+    var _a, _b;
     return {
       class: [
         "relative",
@@ -46,40 +49,40 @@ g("WANGS-TAB-MENU", {
         "flex items-center",
         // Spacing
         {
-          "rounded-xl py-1 px-3": t.type === "pill",
-          rounded: t.type === "segmented",
-          "p-2 pb-1.5 pt-0.5 !h-6": t.type === "tab",
-          "py-[5px] px-3 !h-6": t.type === "segmented",
-          "ml-1": t.type === "pill" && e.index !== 0,
-          "gap-1": e.item.icon
+          "rounded-xl py-1 px-3": props.type === "pill",
+          "rounded": props.type === "segmented",
+          "p-2 pb-1.5 pt-0.5 !h-6": props.type === "tab",
+          "py-[5px] px-3 !h-6": props.type === "segmented",
+          "ml-1": props.type === "pill" && context.index !== 0,
+          "gap-1": context.item.icon
         },
         // Shape
         {
-          "border-b-2": t.type === "tab",
-          "shadow-[-2px_2px_2px_rgba(0,0,0,0.25)] overflow-visible": t.type === "segmented" && e.active
+          "border-b-2": props.type === "tab",
+          "shadow-[-2px_2px_2px_rgba(0,0,0,0.25)] overflow-visible": props.type === "segmented" && context.active
         },
         // Colors and Conditions
         {
-          "border-primary-700": e.active,
-          "border-grayscale-400": !e.active,
-          "text-grayscale-600": !e.active && t.type === "tab",
-          "text-primary-700": e.active && t.type === "tab",
-          "bg-primary-700 text-white": t.type === "pill" && e.active,
-          "bg-grayscale-100 text-grayscale-800": t.type === "pill" && !e.active,
-          "bg-primary-500 text-white": t.type === "segmented" && e.active,
-          "!text-general-800": t.type === "segmented" && !e.active,
-          "bg-transparent ": t.type !== "pill" && !e.active
+          "border-primary-700": context.active,
+          "border-grayscale-400": !context.active,
+          "text-grayscale-600": !context.active && props.type === "tab",
+          "text-primary-700": context.active && props.type === "tab",
+          "bg-primary-700 text-white": props.type === "pill" && context.active,
+          "bg-grayscale-100 text-grayscale-800": props.type === "pill" && !context.active,
+          "bg-primary-500 text-white": props.type === "segmented" && context.active,
+          "!text-general-800": props.type === "segmented" && !context.active,
+          "bg-transparent ": props.type !== "pill" && !context.active
         },
         // States
-        { "hover:bg-primary-50": t.type === "tab" },
+        { "hover:bg-primary-50": props.type === "tab" },
         "focus-visible:outline-none focus-visible:outline-offset-0",
         {
-          "focus-visible:border-primary-200 focus-visible:text-primary-400": !e.active
+          "focus-visible:border-primary-200 focus-visible:text-primary-400": !context.active
         },
         // Disabled States
         {
-          "pointer-events-none": (i = e.item) == null ? void 0 : i.disabled,
-          "opacity-60": (a = e.item) == null ? void 0 : a.disabled
+          "pointer-events-none": (_a = context.item) == null ? void 0 : _a.disabled,
+          "opacity-60": (_b = context.item) == null ? void 0 : _b.disabled
         },
         // Transitions
         "transition-all duration-200",
@@ -95,11 +98,11 @@ g("WANGS-TAB-MENU", {
   icon: {
     class: "mr-2"
   },
-  inkbar: ({ props: t }) => ({
-    class: ["grow border-b-2 border-grayscale-400", { hidden: t.type === "pill" || t.useTrailingLine === !1 || t.type === "segmented" }]
+  inkbar: ({ props }) => ({
+    class: ["grow border-b-2 border-grayscale-400", { hidden: props.type === "pill" || props.useTrailingLine === false || props.type === "segmented" }]
   })
 });
-g("WANGS-INPUT-OTP", {
+definePreset("WANGS-INPUT-OTP", {
   root: {
     class: [
       // Alignment
@@ -108,24 +111,24 @@ g("WANGS-INPUT-OTP", {
       "w-max"
     ]
   },
-  input: ({ props: t, context: e, parent: i }) => ({
+  input: ({ props, context, parent }) => ({
     class: [
       // Font
       "text-[14px] leading-none font-medium",
       // Flex & Alignment
-      { "flex-1 w-[1%]": i.tagName == "WANGS-INPUT-GROUP" },
+      { "flex-1 w-[1%]": parent.tagName == "WANGS-INPUT-GROUP" },
       "text-center",
       // Spacing
       "m-0",
       // Size
       "w-[42px] h-[42px]",
       // Shape
-      { "rounded-md": i.tagName !== "WANGS-INPUT-GROUP" },
+      { "rounded-md": parent.tagName !== "WANGS-INPUT-GROUP" },
       {
-        "first:rounded-l-md rounded-none last:rounded-r-md": i.tagName == "WANGS-INPUT-GROUP"
+        "first:rounded-l-md rounded-none last:rounded-r-md": parent.tagName == "WANGS-INPUT-GROUP"
       },
       {
-        "border-0 border-y border-l last:border-r": i.tagName == "WANGS-INPUT-GROUP"
+        "border-0 border-y border-l last:border-r": parent.tagName == "WANGS-INPUT-GROUP"
       },
       // Colors
       "text-general-800 dark:text-general-800",
@@ -135,41 +138,42 @@ g("WANGS-INPUT-OTP", {
         "ring-1": navigator.userAgent.includes("Firefox"),
         "ring-[0.5px]": !navigator.userAgent.includes("Firefox")
       },
-      { "ring-general-200 dark:ring-general-200": !t.invalid },
+      { "ring-general-200 dark:ring-general-200": !props.invalid },
       // Invalid State
-      { "ring-danger-500 dark:ring-danger-500": t.invalid },
+      { "ring-danger-500 dark:ring-danger-500": props.invalid },
       // States
       {
-        "hover:bg-primary-50/50 hover:ring-primary-500 dark:hover:ring-primary-400": !e.disabled && !t.invalid,
-        "focus:bg-primary-50/50 focus:ring-primary-500 dark:focus:ring-primary-400": !e.disabled && !t.invalid,
-        "focus:outline-none focus:outline-offset-0": !e.disabled,
-        "opacity-60 select-none pointer-events-none cursor-default": e.disabled
+        "hover:bg-primary-50/50 hover:ring-primary-500 dark:hover:ring-primary-400": !context.disabled && !props.invalid,
+        "focus:bg-primary-50/50 focus:ring-primary-500 dark:focus:ring-primary-400": !context.disabled && !props.invalid,
+        "focus:outline-none focus:outline-offset-0": !context.disabled,
+        "opacity-60 select-none pointer-events-none cursor-default": context.disabled
       },
       // Filled State *for FloatLabel
-      { filled: i.tagName == "WANGS-FLOAT-LABEL" && e.filled },
+      { filled: parent.tagName == "WANGS-FLOAT-LABEL" && context.filled },
       // Misc
       "appearance-none",
       "transition-colors duration-200"
     ]
   })
 });
-const n = class n {
+const _WangsUIRouter = class _WangsUIRouter {
   constructor() {
     /**
      * Stores base URLs associated with different app identifiers.
      */
-    o(this, "_baseUrl", "");
-    if (globalThis[n.SINGLETON_KEY])
-      return globalThis[n.SINGLETON_KEY];
-    globalThis[n.SINGLETON_KEY] = this;
+    __publicField(this, "_baseUrl", "");
+    if (globalThis[_WangsUIRouter.SINGLETON_KEY]) {
+      return globalThis[_WangsUIRouter.SINGLETON_KEY];
+    }
+    globalThis[_WangsUIRouter.SINGLETON_KEY] = this;
   }
   /**
    * Registers a base URL for a specific app.
    *
    * @param base - The base URL to be used as a prefix for all routes in that app.
    */
-  setNavigationBaseUrl(e) {
-    this._baseUrl = this.normalizeBase(e);
+  setNavigationBaseUrl(base) {
+    this._baseUrl = this.normalizeBase(base);
   }
   /**
    * Retrieves the base URL for a specific app.
@@ -185,8 +189,8 @@ const n = class n {
    * @param base - The base URL to normalize.
    * @returns A clean base URL ending with a single `/`.
    */
-  normalizeBase(e) {
-    return e.replace(/\/+$/, "").concat("/");
+  normalizeBase(base) {
+    return base.replace(/\/+$/, "").concat("/");
   }
   /**
    * Prepends the base URL (if any) to the given path.
@@ -194,14 +198,15 @@ const n = class n {
    * @param path - The relative path to normalize.
    * @returns A fully normalized path prefixed with the base URL if applicable.
    */
-  normalizePath(e) {
-    if (!e.startsWith("/"))
-      return new URL(e, window.location.href).pathname;
-    const i = this.getNavigationBaseUrl();
-    if (!i)
-      return e;
-    const a = e.slice(1);
-    return `${i}${a}`;
+  normalizePath(path) {
+    if (!path.startsWith("/")) {
+      return new URL(path, window.location.href).pathname;
+    }
+    const base = this.getNavigationBaseUrl();
+    if (!base)
+      return path;
+    const sanitizedPath = path.slice(1);
+    return `${base}${sanitizedPath}`;
   }
   /**
    * Removes the specified base path from the beginning of a given route path.
@@ -219,8 +224,9 @@ const n = class n {
    * stripBase('/about', '/base');     // returns '/about' (base not present)
    * stripBase('/base', '/base');      // returns '/'
    */
-  stripBase(e, i) {
-    return i || (i = this.getNavigationBaseUrl()), i !== "/" && e.startsWith(i) ? "/" + e.slice(i.length).replace(/^\/+/, "") : e;
+  stripBase(path, base) {
+    base || (base = this.getNavigationBaseUrl());
+    return base !== "/" && path.startsWith(base) ? "/" + path.slice(base.length).replace(/^\/+/, "") : path;
   }
   /**
    * Pushes a new entry to the browser's history stack.
@@ -232,18 +238,18 @@ const n = class n {
    * @example
    * Router.push('/about', { from: 'home' });
    */
-  push(e, i = {}, a = "") {
-    var l;
-    const r = {
-      ...i,
+  push(route, data = {}, unused = "") {
+    var _a;
+    const state = {
+      ...data,
       ...history.state ?? {},
-      current: e,
-      back: (l = history.state) == null ? void 0 : l.current,
+      current: route,
+      back: (_a = history.state) == null ? void 0 : _a.current,
       forward: void 0,
-      replaced: !1,
+      replaced: false,
       position: history.length + 1
     };
-    window.history.pushState(r, a, e);
+    window.history.pushState(state, unused, route);
   }
   /**
    * Replaces the current entry in the browser's history stack.
@@ -255,15 +261,15 @@ const n = class n {
    * @example
    * Router.replace('/login', { reason: 'session expired' });
    */
-  replace(e, i = {}, a = "") {
-    const r = {
-      ...i,
+  replace(route, data = {}, unused = "") {
+    const state = {
+      ...data,
       ...history.state ?? {},
       forward: void 0,
-      current: e,
-      replaced: !0
+      current: route,
+      replaced: true
     };
-    window.history.replaceState(r, a, e);
+    window.history.replaceState(state, unused, route);
   }
   /**
    * Dispatches a custom event before navigation occurs.
@@ -273,9 +279,9 @@ const n = class n {
    * @param mode - The navigation mode ('push' or 'replace').
    * @param data - Optional state object for the navigation.
    */
-  dispatchBeforeNavigationEvent(e, i, a) {
+  dispatchBeforeNavigationEvent(route, mode, data) {
     window.dispatchEvent(new CustomEvent("wangs-ui-core:before-navigation-event", {
-      detail: { route: e, mode: i, state: a }
+      detail: { route, mode, state: data }
     }));
   }
   /**
@@ -286,9 +292,9 @@ const n = class n {
    * @param mode - The navigation mode ('push' or 'replace').
    * @param data - Optional state object for the navigation.
    */
-  dispatchNavigationEvent(e, i, a) {
+  dispatchNavigationEvent(route, mode, data) {
     window.dispatchEvent(new CustomEvent("wangs-ui-core:navigation-event", {
-      detail: { route: e, mode: i, state: a }
+      detail: { route, mode, state: data }
     }));
   }
   /**
@@ -308,19 +314,27 @@ const n = class n {
    * @example
    * router.navigateToRoute('/about', 'push', { some: 'state' }, '',);
    */
-  navigateToRoute(e, i = "push", a = history.state, r = "") {
-    if (!e)
+  navigateToRoute(route, navigationMode = "push", data = history.state, unused = "") {
+    if (!route)
       return;
-    const l = typeof e == "string" ? e : e.toString(), s = this.normalizePath(l);
-    if (s === location.pathname)
+    const rawUrl = typeof route === "string" ? route : route.toString();
+    const finalUrl = this.normalizePath(rawUrl);
+    if (finalUrl === location.pathname) {
       return console.warn("[WangsUIRouter] Navigation aborted: target route is the same as the current route.");
-    this.dispatchBeforeNavigationEvent(s, i, a), i === "push" ? this.push(s, a, r) : this.replace(s, a, r), this.dispatchNavigationEvent(s, i, a);
+    }
+    this.dispatchBeforeNavigationEvent(finalUrl, navigationMode, data);
+    if (navigationMode === "push") {
+      this.push(finalUrl, data, unused);
+    } else {
+      this.replace(finalUrl, data, unused);
+    }
+    this.dispatchNavigationEvent(finalUrl, navigationMode, data);
   }
 };
-o(n, "SINGLETON_KEY", "__WANGS_UI_ROUTER_INSTANCE__");
-let d = n;
-const v = new d();
+__publicField(_WangsUIRouter, "SINGLETON_KEY", "__WANGS_UI_ROUTER_INSTANCE__");
+let WangsUIRouter = _WangsUIRouter;
+const router = new WangsUIRouter();
 export {
-  v as r,
-  f as s
+  router as r,
+  setPreset as s
 };