@fewangsit/wangsvue-presets 1.0.99 → 1.0.100-alpha.0

package/wangsvue/index.es.js

@@ -1,4 +1,7 @@
-const h = {
+var j = Object.defineProperty;
+var A = (e, t, r) => t in e ? j(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var g = (e, t, r) => A(e, typeof t != "symbol" ? t + "" : t, r);
+const _ = {
   accordiontab: {
     header: ({ props: e }) => ({
       class: [
@@ -60,7 +63,7 @@ const h = {
       leaveToClass: "max-h-0"
     }
   }
-}, y = {
+}, T = {
   root: ({ props: e }) => ({
     class: [
       "relative",
@@ -289,9 +292,9 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, w = {
+}, I = {
   root: ({ props: e, parent: t }) => {
-    var r, s, o;
+    var r, s, n;
     return {
       class: [
         // Font
@@ -320,7 +323,7 @@ const h = {
         // Colors
         "bg-general-300",
         {
-          "border-gray-100": ((o = t.instance.$style) == null ? void 0 : o.name) == "avatargroup"
+          "border-gray-100": ((n = t.instance.$style) == null ? void 0 : n.name) == "avatargroup"
         },
         "text-white"
       ]
@@ -329,13 +332,13 @@ const h = {
   image: {
     class: "h-full w-full rounded-full"
   }
-}, k = {
+}, F = {
   root: {
     class: "flex items-center ml-4",
     "data-wv-name": "usergroup",
     "data-wv-section": "root"
   }
-}, n = {
+}, c = {
   root: ({ props: e }) => ({
     class: [
       // Alignment
@@ -383,7 +386,7 @@ const h = {
     "icon-class": "w-3 h-3",
     "data-wv-section": "removebutton"
   })
-}, C = {
+}, S = {
   root: ({ context: e }) => ({
     class: [
       // Font
@@ -421,7 +424,7 @@ const h = {
       }
     ]
   })
-}, z = {
+}, P = {
   root: ({ props: e, context: t }) => ({
     class: [
       "relative",
@@ -710,7 +713,7 @@ const h = {
       }
     ]
   })
-}, j = {
+}, N = {
   root: ({ props: e }) => ({
     class: [
       "focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm",
@@ -725,7 +728,7 @@ const h = {
     "data-wv-section": "icon",
     severity: "secondary"
   }
-}, A = {
+}, V = {
   root: () => ({
     class: "focus-within:ring-2 focus-within:ring-primary-400 focus-within:outline-none rounded-sm",
     "data-wv-name": "buttonfilter",
@@ -736,7 +739,7 @@ const h = {
     severity: "secondary",
     "data-wv-section": "icon"
   })
-}, _ = {
+}, $ = {
   buttontrigger: {
     root: ({ context: e }) => ({
       class: [
@@ -783,7 +786,7 @@ const h = {
   inputtext: {
     class: "!h-max"
   }
-}, I = {
+}, B = {
   root: ["w-max"],
   button: {
     class: [
@@ -792,7 +795,7 @@ const h = {
     "data-wv-section": "button-split"
   },
   menuButton: "!rounded-ss-none !rounded-es-none"
-}, u = navigator.userAgent.includes("Firefox"), F = {
+}, x = navigator.userAgent.includes("Firefox"), E = {
   root: ({ props: e }) => ({
     class: [
       // Display and Position
@@ -1249,8 +1252,8 @@ const h = {
     class: [
       "w-[39px] h-[26px] flex justify-center items-center ring-general-200 rounded",
       {
-        "ring-1": u,
-        "ring-[0.5px]": !u
+        "ring-1": x,
+        "ring-[0.5px]": !x
       }
     ]
   },
@@ -1375,7 +1378,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, T = {
+}, G = {
   root: {
     class: [
       //Shape
@@ -1404,7 +1407,7 @@ const h = {
   footer: {
     class: ["inline-flex gap-1 text-xs items-center"]
   }
-}, V = {
+}, U = {
   root: {
     class: [
       // Flexbox
@@ -1518,7 +1521,7 @@ const h = {
       }
     ]
   })
-}, P = {
+}, L = {
   root: ({ props: e, state: t }) => ({
     class: [
       // Display and Position
@@ -1697,7 +1700,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, S = {
+}, R = {
   button: (e) => ({
     class: [e, "w-max"],
     "data-wv-section": "changelog-button"
@@ -1725,7 +1728,7 @@ const h = {
   buttondownload: {
     "data-wv-section": "changelog-dialog-button-download"
   }
-}, a = {
+}, d = {
   root: {
     class: [
       "relative",
@@ -1835,7 +1838,7 @@ const h = {
   tooltipicon: {
     class: "text-grayscale-900 w-[10px] h-[10px]"
   }
-}, $ = {
+}, M = {
   root: {
     class: [
       // Flexbox
@@ -1872,7 +1875,7 @@ const h = {
       "cursor-pointer"
     ]
   }
-}, M = {
+}, O = {
   root: ({ props: e }) => ({
     class: [
       "flex",
@@ -1961,7 +1964,7 @@ const h = {
       "cursor-pointer"
     ]
   }
-}, B = {
+}, W = {
   menustart: {
     class: "border-b-[0.5px] border-solid border-grayscale-900"
   },
@@ -1985,7 +1988,7 @@ const h = {
       { invisible: e.dragable === !1 }
     ]
   })
-}, R = {
+}, D = {
   copybutton: {
     class: "peer-hover:visible scale-125 !absolute top-2 right-2 z-50"
   },
@@ -2005,7 +2008,7 @@ const h = {
       "px-2 bg-primary-100 sticky left-0 text-right select-none"
     ]
   }
-}, L = {
+}, K = {
   root: ({ props: e }) => ({
     class: [
       // Display
@@ -2114,7 +2117,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, E = {
+}, H = {
   root: {
     class: [
       // Shape
@@ -2215,7 +2218,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, G = {
+}, Y = {
   root: {
     class: [
       // Sizing and Shape
@@ -2319,7 +2322,7 @@ const h = {
     enterFromClass: "opacity-0",
     enterActiveClass: "transition-opacity duration-250"
   }
-}, O = {
+}, q = {
   root: {
     "data-wv-name": "datatable",
     "data-wv-section": "root",
@@ -2531,7 +2534,7 @@ const h = {
     class: "",
     template: "FirstPageLink PrevPageLink PageLinks JumpToPageInput NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
   })
-}, H = {
+}, J = {
   content: {
     class: [
       // Spacing
@@ -2564,7 +2567,7 @@ const h = {
       "border-surface-200 border-b"
     ]
   }
-}, N = {
+}, X = {
   listbutton: ({ props: e }) => ({
     class: [
       // Font
@@ -2609,7 +2612,7 @@ const h = {
       "cursor-pointer select-none overflow-hidden"
     ]
   })
-}, x = {
+}, C = {
   root: ({ state: e }) => ({
     class: [
       // Shape
@@ -2802,7 +2805,7 @@ const h = {
     leaveActiveClass: "transition-all duration-200 ease-out",
     leaveToClass: "opacity-0 scale-75 mask-active"
   }
-}, q = {
+}, Z = {
   root: {
     class: ["!w-[clamp(360px,75vw,400px)]"],
     "data-wv-name": (e) => e ?? "root",
@@ -2846,7 +2849,7 @@ const h = {
     class: "flex items-end justify-end gap-1 !mt-0",
     "data-wv-section": "dialog-confirm-footer"
   }
-}, D = {
+}, Q = {
   root: {
     class: ["max-w-[90vw]"],
     style: (e) => `width: ${e}`,
@@ -2911,7 +2914,7 @@ const h = {
   savesubmitbutton: {
     "data-wv-section": "save-submit-button"
   }
-}, J = {
+}, ee = {
   root: ({ props: e }) => ({
     class: [
       // Flex and Position
@@ -2969,7 +2972,7 @@ const h = {
       "bg-surface-0"
     ]
   }
-}, K = {
+}, te = {
   root: ({ props: e }) => ({
     class: [
       // Positioning
@@ -3089,9 +3092,9 @@ const h = {
       ]
     };
   },
-  token: n.root({ props: { severity: "dark" } }),
-  tokenLabel: n.input({ props: {}, context: {} }),
-  removeTokenIcon: n.removebutton({
+  token: c.root({ props: { severity: "dark" } }),
+  tokenLabel: c.input({ props: {}, context: {} }),
+  removeTokenIcon: c.removebutton({
     props: { badgeSeverity: "dark" }
   }),
   loadingplaceholder: {
@@ -3175,17 +3178,17 @@ const h = {
     ]
   },
   headerCheckbox: {
-    ...a,
+    ...d,
     root: {
       class: [
         "!mx-auto",
-        ...a.root.class,
+        ...d.root.class,
         "[&:not(:has(svg))_[data-pc-section=box]]:!bg-primary-400",
         "[&:not(:has(svg))_[data-pc-section=box]]:!border-white"
       ]
     }
   },
-  itemCheckbox: a,
+  itemCheckbox: d,
   closeButton: {
     class: ["hidden"]
   },
@@ -3336,7 +3339,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, W = {
+}, re = {
   root: ({ props: e, state: t }) => ({
     class: [
       // Display and Position
@@ -3541,7 +3544,7 @@ const h = {
   loadingplaceholder: {
     class: "text-general-200 font-normal"
   }
-}, X = {
+}, se = {
   root: {
     class: [
       "block",
@@ -3619,7 +3622,7 @@ const h = {
     leaveActiveClass: "overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]",
     leaveToClass: "max-h-0"
   }
-}, Y = {
+}, ie = {
   root: {
     class: [
       "flex flex-col items-start justify-start relative gap-1 w-full shrink-0 overflow-hidden"
@@ -3627,9 +3630,12 @@ const h = {
     "data-wv-name": "fieldwrapper",
     "data-wv-section": "root"
   },
-  label: ({ props: e }) => ({
+  label: ({ props: e, slots: t }) => ({
     class: [
-      ["text-general-900 text-xs flex gap-[2px] font-normal", e.labelClass]
+      ["text-general-900 text-xs flex gap-[2px] font-normal", e.labelClass],
+      {
+        "w-full": t["label-addon"]
+      }
     ],
     "data-wv-section": "fieldlabel"
   }),
@@ -3639,7 +3645,7 @@ const h = {
   optionaltext: {
     class: "text-grayscale-700 text-[10px] font-normal leading-4"
   }
-}, Z = {
+}, ne = {
   // :class="['ts-form', { 'sticky-buttons': props.stickyButtons }]"
   root: () => ({
     class: [
@@ -3683,14 +3689,14 @@ const h = {
   "validator-message": {
     class: ["static w-max transform-none"]
   }
-}, Q = [
+}, oe = [
   {
     "ring-1 p-[1px]": navigator.userAgent.includes("Firefox"),
     "ring-[0.5px] p-[0.5px]": !navigator.userAgent.includes("Firefox")
   },
   "ring-inset",
   "ring-general-400"
-], U = {
+], ae = {
   css: `
     *[data-pd-ripple="true"]{
         overflow: hidden;
@@ -3767,7 +3773,7 @@ const h = {
         }
     }
 `
-}, ee = {
+}, le = {
   root: ({ props: e }) => ({
     class: [
       "relative inline-block",
@@ -3905,7 +3911,7 @@ const h = {
     leaveActiveClass: "transition-all duration-150 ease-in",
     leaveToClass: "opacity-0 scale-75"
   }
-}, te = {
+}, ce = {
   root: ({ props: e }) => ({
     class: [
       "rounded-md p-3",
@@ -3935,16 +3941,16 @@ const h = {
       "font-medium"
     ]
   }
-}, v = {
+}, z = {
   root: ({ props: e, context: t, parent: r }) => {
-    var s, o;
+    var s, n;
     return {
       class: [
         "px-3 py-1 w-full bg-transparent",
         // Size
         "h-full",
         {
-          "max-h-[43px]": (o = (s = r.instance) == null ? void 0 : s.placeholder) == null ? void 0 : o.includes("password")
+          "max-h-[43px]": (n = (s = r.instance) == null ? void 0 : s.placeholder) == null ? void 0 : n.includes("password")
         },
         // Font
         "text-grayscale-900 text-xs font-normal",
@@ -3959,15 +3965,15 @@ const h = {
       ]
     };
   }
-}, f = navigator.userAgent.includes("Firefox"), re = {
+}, v = navigator.userAgent.includes("Firefox"), de = {
   root: ({ context: e }) => ({
     class: [
       "flex flex-wrap gap-x-0.5 gap-y-[5px] items-center",
       "min-h-[26px] h-fit w-full",
       "ring-inset rounded px-[12px] py-[2px]",
       {
-        "ring-[1px]": f,
-        "ring-[0.5px]": !f
+        "ring-[1px]": v,
+        "ring-[0.5px]": !v
       },
       { "!ring-danger-500 !dark:ring-danger-500": e.invalidInput },
       { "!ring-general-200 !dark:ring-general-200": !e.invalidInput },
@@ -3976,7 +3982,7 @@ const h = {
   }),
   input: ({ context: e, parent: t, props: r }) => ({
     class: [
-      ...v.root({
+      ...z.root({
         props: r,
         context: e,
         parent: t
@@ -3992,7 +3998,7 @@ const h = {
   erroroverlaypanel: {
     class: ["px-3 py-1 text-[12px] text-general-800"]
   }
-}, g = navigator.userAgent.includes("Firefox"), se = {
+}, h = navigator.userAgent.includes("Firefox"), ue = {
   root: ({ props: e }) => ({
     class: [
       {
@@ -4004,8 +4010,8 @@ const h = {
         "[&:has(:focus)]:!ring-primary-400 [&:has(:focus)_.inputgroupaddon]:!ring-primary-400": e.ring !== "none"
       },
       {
-        "ring-[1px] [&_.inputgroupaddon]:ring-[1px]": g && e.ring !== "none",
-        "ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]": !g && e.ring !== "none"
+        "ring-[1px] [&_.inputgroupaddon]:ring-[1px]": h && e.ring !== "none",
+        "ring-[0.5px] [&_.inputgroupaddon]:ring-[0.5px]": !h && e.ring !== "none"
       },
       "[&_.inputgroupaddon[data-addon-variant=plain]]:!ring-[0px]",
       "[&:has(input)]:cursor-text",
@@ -4018,7 +4024,7 @@ const h = {
     ],
     "data-wv-section": "inputgroup"
   })
-}, ie = {
+}, fe = {
   root: ({ props: e }) => ({
     class: [
       "inputgroupaddon",
@@ -4048,7 +4054,7 @@ const h = {
     "data-addon-variant": e.addonVariant
     // Used in inputgroup to set styling
   })
-}, oe = {
+}, ge = {
   root: ({ context: e }) => ({
     class: [
       // Font
@@ -4071,13 +4077,13 @@ const h = {
       }
     ]
   })
-}, m = "text-xs font-normal leading-[22px]", b = "h-[30px]", ne = {
+}, y = "text-xs font-normal leading-[22px]", w = "h-[30px]", me = {
   root: ({ props: e, parent: t }) => ({
     class: [
       // Layout
       "flex items-center self-stretch shrink-0 grow",
       //Size
-      b,
+      w,
       // Spacing
       "py-1 px-3",
       // Border
@@ -4090,7 +4096,7 @@ const h = {
       class: [
         "border-0 h-full w-full outline-none",
         "bg-inherit",
-        m,
+        y,
         "placeholder:text-general-200 placeholder:font-normal",
         t.disabled ? "text-general-200" : "text-grayscale-900"
       ]
@@ -4098,8 +4104,8 @@ const h = {
   },
   inputresizer: {
     class: [
-      m,
-      b,
+      y,
+      w,
       "user-select-none py-1 px-3 block min-w-4 text-transparent"
     ]
   },
@@ -4138,7 +4144,7 @@ const h = {
       }
     ]
   })
-}, ae = {
+}, be = {
   root: {
     class: [
       // Alignment
@@ -4197,7 +4203,7 @@ const h = {
       };
     }
   }
-}, c = ({ isFirefoxBased: e, invalidInput: t }) => [
+}, f = ({ isFirefoxBased: e, invalidInput: t }) => [
   { "ring-[1px]": e, "ring-[0.5px]": !e },
   { "!ring-danger-500": t },
   "ring-inset",
@@ -4206,23 +4212,23 @@ const h = {
   "[&:has(:focus)]:ring-primary-400",
   "bg-white",
   "z-[0] [&:has(:focus)]:z-[12]"
-], le = {
+], pe = {
   dialcode: {
     root: (e) => ({
-      class: [...c(e), "rounded-l rounded-r-none"]
+      class: [...f(e), "rounded-l rounded-r-none"]
     }),
     dropdownicon: ({ state: e }) => i.dropdownicon({ state: e })
   },
   input: (e) => ({
     class: [
-      ...c(e),
+      ...f(e),
       "rounded-r rounded-l-none -ml-[1px]",
       "focus:bg-none",
       "focus:ring-primary-500",
       "focus:ring-1"
     ]
   })
-}, ce = {
+}, xe = {
   root: ({ props: e }) => ({
     class: [
       // Misc
@@ -4261,7 +4267,7 @@ const h = {
       "fill-surface-600"
     ]
   }
-}, de = {
+}, ve = {
   root: {
     class: [
       // Sizing and Shape
@@ -4393,7 +4399,7 @@ const h = {
       "bg-transparent"
     ]
   }
-}, ue = {
+}, he = {
   root: ({ props: e }) => ({
     class: [
       "relative",
@@ -4574,7 +4580,7 @@ const h = {
   end: {
     class: "ml-auto self-center"
   }
-}, fe = {
+}, ye = {
   root: {
     class: [
       // Position
@@ -4675,7 +4681,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, ge = {
+}, we = {
   root: {
     class: [
       "relative",
@@ -4829,7 +4835,7 @@ const h = {
   end: {
     class: "ml-auto self-center"
   }
-}, me = {
+}, ke = {
   root: ({ props: e }) => ({
     class: [
       // Spacing and Shape
@@ -4905,7 +4911,7 @@ const h = {
     leaveActiveClass: "overflow-hidden transition-all duration-300 ease-in",
     leaveToClass: "max-h-0 opacity-0 !m-0"
   }
-}, be = {
+}, Ce = {
   root: {
     class: [
       // Flexbox
@@ -5132,7 +5138,7 @@ const h = {
       "cursor-pointer overflow-hidden"
     ]
   })
-}, pe = {
+}, ze = {
   table: {
     class: [
       // Spacing & Position
@@ -5249,7 +5255,7 @@ const h = {
       "w-4 h-4"
     ]
   }
-}, xe = {
+}, je = {
   root: {
     class: [
       "h-max",
@@ -5280,7 +5286,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, ve = {
+}, Ae = {
   root: {
     class: [
       // Flex & Alignment
@@ -5724,7 +5730,7 @@ const h = {
   current: {
     class: ["text-xs font-normal leading-6 px-3"]
   }
-}, he = {
+}, _e = {
   root: {
     class: "shadow-md rounded-lg"
   },
@@ -5803,7 +5809,7 @@ const h = {
     leaveActiveClass: "overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]",
     leaveToClass: "max-h-0"
   }
-}, ye = {
+}, Te = {
   panel: {
     class: "mb-1"
   },
@@ -5920,7 +5926,7 @@ const h = {
     leaveActiveClass: "overflow-hidden transition-[max-height] duration-[450ms] ease-[cubic-bezier(0,1,0,1)]",
     leaveToClass: "max-h-0"
   }
-}, we = {
+}, Ie = {
   root: ({ props: e }) => ({
     class: [
       "w-full",
@@ -6009,7 +6015,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, ke = {
+}, Fe = {
   root: {
     class: [
       // Flexbox
@@ -6580,7 +6586,7 @@ const h = {
     leaveActiveClass: "!transition-none",
     leaveToClass: "!transition-none"
   }
-}, Ce = {
+}, Se = {
   root: ({ props: e }) => ({
     class: [
       {
@@ -6664,7 +6670,7 @@ const h = {
       }
     ]
   })
-}, p = navigator.userAgent.includes("Firefox"), l = {
+}, k = navigator.userAgent.includes("Firefox"), u = {
   root: ({ props: e }) => ({
     class: [
       // Alignments
@@ -6704,7 +6710,7 @@ const h = {
       },
       // Colors
       "ring-1",
-      { "ring-1": p, "ring-[0.5px]": !p },
+      { "ring-1": k, "ring-[0.5px]": !k },
       {
         "before:bg-white": e.modelValue == e.trueValue,
         "before:bg-primary-200": e.modelValue !== e.trueValue && !e.disabled,
@@ -6779,7 +6785,7 @@ const h = {
   tooltipicon: {
     class: "text-grayscale-900 w-[10px] h-[10px]"
   }
-}, ze = {
+}, Pe = {
   root: ({ props: e }) => ({
     class: [
       "relative",
@@ -6805,7 +6811,7 @@ const h = {
     "data-wv-name": "buttonradio",
     "data-wv-section": "root"
   }),
-  box: ({ props: e }) => ({
+  box: ({ props: e, state: t }) => ({
     class: [
       // Size
       "w-2 h-2",
@@ -6820,8 +6826,8 @@ const h = {
       "transition duration-200 ease-in-out",
       // Colors
       {
-        "bg-grayscale-900": e.value == e.modelValue && e.value !== void 0 && !e.disabled,
-        "bg-general-300": e.value == e.modelValue && e.value !== void 0 && e.disabled
+        "bg-grayscale-900": t.checked && e.value !== void 0 && !e.disabled,
+        "bg-general-300": t.checked && e.value !== void 0 && e.disabled
       },
       // States
       {
@@ -6855,10 +6861,10 @@ const h = {
   icon: {
     class: "hidden"
   },
-  label: l.label,
-  labeltext: l.labeltext,
-  tooltipicon: l.tooltipicon
-}, je = {
+  label: u.label,
+  labeltext: u.labeltext,
+  tooltipicon: u.tooltipicon
+}, Ne = {
   root: ({ props: e }) => ({
     class: [
       "relative",
@@ -6928,12 +6934,12 @@ const h = {
       "transition duration-200 ease-in"
     ]
   })
-}, Ae = {
+}, Ve = {
   root: {
     class: ["block absolute bg-surface-0/50 rounded-full pointer-events-none"],
     style: "transform: scale(0)"
   }
-}, _e = {
+}, $e = {
   wrapper: {
     class: [
       // Size & Position
@@ -6992,7 +6998,7 @@ const h = {
       "relative"
     ]
   }
-}, Ie = {
+}, Be = {
   root: ({ props: e }) => ({
     class: [
       // Flex & Alignment
@@ -7028,7 +7034,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-150",
     leaveToClass: "opacity-0"
   }
-}, Fe = {
+}, Ee = {
   root: ({ props: e }) => ({
     class: [
       "shadow-sm flex flex-col min-w-[43px] w-max"
@@ -7075,7 +7081,7 @@ const h = {
   label: {
     class: "font-normal"
   }
-}, Te = {
+}, Ge = {
   root: ({ props: e }) => ({
     class: [
       // Flexbox
@@ -7200,7 +7206,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-400 ease-in",
     leaveToClass: "opacity-0 mask-active"
   }
-}, Ve = {
+}, Ue = {
   root: ({ props: e }) => ({
     class: [
       "overflow-hidden",
@@ -7216,7 +7222,7 @@ const h = {
       "bg-general-50"
     ]
   })
-}, Pe = {
+}, Le = {
   root: ({ props: e }) => ({
     class: [
       "relative",
@@ -7324,7 +7330,7 @@ const h = {
       "touch-action-none"
     ]
   })
-}, Se = {
+}, Re = {
   root: ({ props: e }) => ({
     class: [
       // Flexbox and Position
@@ -7832,7 +7838,7 @@ const h = {
       class: ["hidden"]
     }
   }
-}, $e = {
+}, Me = {
   root: {
     class: "relative"
   },
@@ -7939,12 +7945,319 @@ const h = {
       "max-w-full"
     ]
   })
-}, Me = {
+};
+function p(e, t) {
+  return { [e]: t }[e];
+}
+p("WANGS-TAB-MENU", {
+  root: {
+    class: "overflow-x-visible"
+  },
+  menu: ({ props: e }) => ({
+    class: [
+      // Flexbox
+      "flex flex-1",
+      // Spacing
+      "list-none",
+      "p-0 m-0",
+      // Colors
+      "text-general-100",
+      { "w-max ring-1 ring-inset ring-general-100 rounded": e.type === "segmented" }
+    ]
+  }),
+  menuitem: {
+    class: "mr-0"
+  },
+  action: ({ props: e, context: t }) => {
+    var r, s;
+    return {
+      class: [
+        "relative",
+        // Font
+        "font-medium",
+        "text-xs leading-4 tracking-[0.02em]",
+        // Flexbox and Alignment
+        "flex items-center",
+        // Spacing
+        {
+          "rounded-xl py-1 px-3": e.type === "pill",
+          rounded: e.type === "segmented",
+          "p-2 pb-1.5 pt-0.5 !h-6": e.type === "tab",
+          "py-[5px] px-3 !h-6": e.type === "segmented",
+          "ml-1": e.type === "pill" && t.index !== 0,
+          "gap-1": t.item.icon
+        },
+        // Shape
+        {
+          "border-b-2": e.type === "tab",
+          "shadow-[-2px_2px_2px_rgba(0,0,0,0.25)] overflow-visible": e.type === "segmented" && t.active
+        },
+        // Colors and Conditions
+        {
+          "border-primary-700": t.active,
+          "border-grayscale-400": !t.active,
+          "text-grayscale-600": !t.active && e.type === "tab",
+          "text-primary-700": t.active && e.type === "tab",
+          "bg-primary-700 text-white": e.type === "pill" && t.active,
+          "bg-grayscale-100 text-grayscale-800": e.type === "pill" && !t.active,
+          "bg-primary-500 text-white": e.type === "segmented" && t.active,
+          "!text-general-800": e.type === "segmented" && !t.active,
+          "bg-transparent ": e.type !== "pill" && !t.active
+        },
+        // States
+        { "hover:bg-primary-50": e.type === "tab" },
+        "focus-visible:outline-none focus-visible:outline-offset-0",
+        {
+          "focus-visible:border-primary-200 focus-visible:text-primary-400": !t.active
+        },
+        // Disabled States
+        {
+          "pointer-events-none": (r = t.item) == null ? void 0 : r.disabled,
+          "opacity-60": (s = t.item) == null ? void 0 : s.disabled
+        },
+        // Transitions
+        "transition-all duration-200",
+        // Misc
+        "cursor-pointer select-none text-decoration-none",
+        "overflow-hidden",
+        "user-select-none",
+        "!no-underline",
+        "whitespace-nowrap"
+      ]
+    };
+  },
+  icon: {
+    class: "mr-2"
+  },
+  inkbar: ({ props: e }) => ({
+    class: ["grow border-b-2 border-grayscale-400", { hidden: e.type === "pill" || e.useTrailingLine === !1 || e.type === "segmented" }]
+  })
+});
+p("WANGS-INPUT-OTP", {
+  root: {
+    class: [
+      // Alignment
+      "flex items-center",
+      "gap-[6px]",
+      "w-max"
+    ]
+  },
+  input: ({ props: e, context: t, parent: r }) => ({
+    class: [
+      // Font
+      "text-[14px] leading-none font-medium",
+      // Flex & Alignment
+      { "flex-1 w-[1%]": r.tagName == "WANGS-INPUT-GROUP" },
+      "text-center",
+      // Spacing
+      "m-0",
+      // Size
+      "w-[42px] h-[42px]",
+      // Shape
+      { "rounded-md": r.tagName !== "WANGS-INPUT-GROUP" },
+      {
+        "first:rounded-l-md rounded-none last:rounded-r-md": r.tagName == "WANGS-INPUT-GROUP"
+      },
+      {
+        "border-0 border-y border-l last:border-r": r.tagName == "WANGS-INPUT-GROUP"
+      },
+      // Colors
+      "text-general-800 dark:text-general-800",
+      "placeholder:text-surface-400 dark:placeholder:text-surface-500",
+      "bg-white dark:bg-white",
+      {
+        "ring-1": navigator.userAgent.includes("Firefox"),
+        "ring-[0.5px]": !navigator.userAgent.includes("Firefox")
+      },
+      { "ring-general-200 dark:ring-general-200": !e.invalid },
+      // Invalid State
+      { "ring-danger-500 dark:ring-danger-500": e.invalid },
+      // States
+      {
+        "hover:bg-primary-50/50 hover:ring-primary-500 dark:hover:ring-primary-400": !t.disabled && !e.invalid,
+        "focus:bg-primary-50/50 focus:ring-primary-500 dark:focus:ring-primary-400": !t.disabled && !e.invalid,
+        "focus:outline-none focus:outline-offset-0": !t.disabled,
+        "opacity-60 select-none pointer-events-none cursor-default": t.disabled
+      },
+      // Filled State *for FloatLabel
+      { filled: r.tagName == "WANGS-FLOAT-LABEL" && t.filled },
+      // Misc
+      "appearance-none",
+      "transition-colors duration-200"
+    ]
+  })
+});
+const o = class o {
+  constructor() {
+    /**
+     * Stores base URLs associated with different app identifiers.
+     */
+    g(this, "_baseUrl", "");
+    if (globalThis[o.SINGLETON_KEY])
+      return globalThis[o.SINGLETON_KEY];
+    globalThis[o.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);
+  }
+  /**
+   * Retrieves the base URL for a specific app.
+   *
+   * @returns The base URL registered for the app or an empty string if not set.
+   */
+  getNavigationBaseUrl() {
+    return this._baseUrl;
+  }
+  /**
+   * Ensures the base URL ends with a single slash and removes trailing slashes.
+   *
+   * @param base - The base URL to normalize.
+   * @returns A clean base URL ending with a single `/`.
+   */
+  normalizeBase(t) {
+    return t.replace(/\/+$/, "").concat("/");
+  }
+  /**
+   * Prepends the base URL (if any) to the given path.
+   *
+   * @param path - The relative path to normalize.
+   * @returns A fully normalized path prefixed with the base URL if applicable.
+   */
+  normalizePath(t) {
+    const r = this.getNavigationBaseUrl();
+    if (!r)
+      return t;
+    const s = t.startsWith("/") ? t.slice(1) : t;
+    return `${r}${s}`;
+  }
+  /**
+   * Removes the specified base path from the beginning of a given route path.
+   *
+   * This is useful when your app is deployed under a subdirectory (e.g., `/base`)
+   * and you want to normalize the route path to match menu or route definitions
+   * that don't include the base.
+   *
+   * @param path - The full route path (e.g., `/base/about`).
+   * @param base - The optional base URL to remove (e.g., `/base`).
+   * @returns The normalized path without the base prefix (e.g., `/about`).
+   *
+   * @example
+   * stripBase('/base/home', '/base'); // returns '/home'
+   * stripBase('/about', '/base');     // returns '/about' (base not present)
+   * stripBase('/base', '/base');      // returns '/'
+   */
+  stripBase(t, r) {
+    return r || (r = this.getNavigationBaseUrl()), r !== "/" && t.startsWith(r) ? "/" + t.slice(r.length).replace(/^\/+/, "") : t;
+  }
+  /**
+   * Pushes a new entry to the browser's history stack.
+   *
+   * @param route - The target URL or path to push. Can be a string, URL object, or null.
+   * @param data - Optional state object associated with the history entry. Accessible via `history.state`.
+   * @param unused - Optional title parameter (currently unused due to limited browser support).
+   *
+   * @example
+   * Router.push('/about', { from: 'home' });
+   */
+  push(t, r = {}, s = "") {
+    var l;
+    const n = {
+      ...r,
+      ...history.state ?? {},
+      current: t,
+      back: (l = history.state) == null ? void 0 : l.current,
+      forward: void 0,
+      replaced: !1,
+      position: history.length + 1
+    };
+    window.history.pushState(n, s, t);
+  }
+  /**
+   * Replaces the current entry in the browser's history stack.
+   *
+   * @param route - The target URL or path to replace with. Can be a string, URL object, or null.
+   * @param data - Optional state object associated with the history entry. Accessible via `history.state`.
+   * @param unused - Optional title parameter (currently unused due to limited browser support).
+   *
+   * @example
+   * Router.replace('/login', { reason: 'session expired' });
+   */
+  replace(t, r = {}, s = "") {
+    const n = {
+      ...r,
+      ...history.state ?? {},
+      forward: void 0,
+      current: t,
+      replaced: !0
+    };
+    window.history.replaceState(n, s, t);
+  }
+  /**
+   * Dispatches a custom event before navigation occurs.
+   * Used to notify subscribers of an upcoming route change.
+   *
+   * @param route - The route that will be navigated to.
+   * @param mode - The navigation mode ('push' or 'replace').
+   * @param data - Optional state object for the navigation.
+   */
+  dispatchBeforeNavigationEvent(t, r, s) {
+    window.dispatchEvent(new CustomEvent("wangs-ui-core:before-navigation-event", {
+      detail: { route: t, mode: r, state: s }
+    }));
+  }
+  /**
+   * Dispatches a custom event after navigation occurs.
+   * Used to notify subscribers that the route has changed.
+   *
+   * @param route - The route that was navigated to.
+   * @param mode - The navigation mode ('push' or 'replace').
+   * @param data - Optional state object for the navigation.
+   */
+  dispatchNavigationEvent(t, r, s) {
+    window.dispatchEvent(new CustomEvent("wangs-ui-core:navigation-event", {
+      detail: { route: t, mode: r, state: s }
+    }));
+  }
+  /**
+   * Navigates to a specified route using the browser's History API.
+   *
+   * This updates the URL in the browser without reloading the page.
+   * It can either push a new entry to the history stack or replace the current one.
+   * Also dispatches custom events before and after the navigation.
+   *
+   * @param route - The target route to navigate to. Can be a string or URL object.
+   * @param navigationMode - Determines how navigation is handled.
+   *                          - `'push'` (default): Adds a new entry to the browser history.
+   *                          - `'replace'`: Replaces the current history entry.
+   * @param data - Optional state object associated with the history entry. Can be accessed via `history.state`.
+   * @param unused - Optional title parameter (currently unused due to browser support limitations).
+   *
+   * @example
+   * router.navigateToRoute('/about', 'push', { some: 'state' }, '',);
+   */
+  navigateToRoute(t, r = "push", s = {}, n = "") {
+    if (!t)
+      return;
+    const l = typeof t == "string" ? t : t.toString(), a = this.normalizePath(l);
+    if (a === location.pathname)
+      return console.warn("[WangsUIRouter] Navigation aborted: target route is the same as the current route.");
+    this.dispatchBeforeNavigationEvent(a, r, s), r === "push" ? this.push(a, s, n) : this.replace(a, s, n), this.dispatchNavigationEvent(a, r, s);
+  }
+};
+g(o, "SINGLETON_KEY", "__WANGS_UI_ROUTER_INSTANCE__");
+let m = o;
+new m();
+const Oe = p("WANGS-TAB-MENU", {
   root: {
     class: "overflow-x-auto",
     style: "scrollbar-width: none"
   },
-  menu: {
+  menu: () => ({
     class: [
       // Flexbox
       "flex flex-1",
@@ -7955,12 +8268,12 @@ const h = {
       // Colors
       "text-general-100"
     ]
-  },
+  }),
   menuitem: {
     class: "mr-0"
   },
-  action: ({ context: e, state: t }) => {
-    var r, s;
+  action: ({ context: e }) => {
+    var t, r;
     return {
       class: [
         "relative",
@@ -7975,23 +8288,23 @@ const h = {
         "border-b-2",
         // Colors and Conditions
         {
-          "bg-transparent ": t.d_activeIndex !== e.index,
-          "text-grayscale-900": t.d_activeIndex !== e.index,
-          "border-primary-400": t.d_activeIndex === e.index,
-          "border-primary-100": t.d_activeIndex !== e.index,
-          "text-primary-500": t.d_activeIndex === e.index
+          "bg-transparent ": !e.active,
+          "text-grayscale-900": !e.active,
+          "border-primary-400": e.active,
+          "border-primary-100": !e.active,
+          "text-primary-500": e.active
         },
         // States
         "hover:bg-primary-50",
         "focus-visible:outline-none focus-visible:outline-offset-0",
         "focus-visible:bg-primary-50",
         {
-          "focus-visible:border-primary-200 focus-visible:text-primary-400": t.d_activeIndex !== e.index
+          "focus-visible:border-primary-200 focus-visible:text-primary-400": !e.active
         },
         // Disabled States
         {
-          "pointer-events-none": (r = e.item) == null ? void 0 : r.disabled,
-          "opacity-60": (s = e.item) == null ? void 0 : s.disabled
+          "pointer-events-none": (t = e.item) == null ? void 0 : t.disabled,
+          "opacity-60": (r = e.item) == null ? void 0 : r.disabled
         },
         // Transitions
         "transition-all duration-200",
@@ -8007,10 +8320,13 @@ const h = {
   icon: {
     class: "mr-2"
   },
-  inkbar: {
-    class: "grow border-b-2 border-primary-100"
-  }
-}, Be = {
+  inkbar: ({ props: e }) => ({
+    class: [
+      "grow border-b-2 border-primary-100",
+      { hidden: e.type === "pill" || e.useTrailingLine === !1 }
+    ]
+  })
+}), We = {
   navContainer: ({ props: e }) => ({
     class: [
       // Position
@@ -8146,7 +8462,7 @@ const h = {
       ]
     }
   }
-}, Re = {
+}, De = {
   root: ({ props: e }) => ({
     class: [
       //Font
@@ -8177,7 +8493,7 @@ const h = {
   icon: {
     class: "mr-1 text-sm"
   }
-}, Le = {
+}, Ke = {
   root: {
     class: [
       // Spacing
@@ -8229,7 +8545,7 @@ const h = {
       "outline-none"
     ]
   }
-}, Ee = {
+}, He = {
   root: ({ context: e, props: t }) => ({
     class: [
       // Font
@@ -8246,7 +8562,7 @@ const h = {
       // Shape
       "rounded",
       "appearance-none",
-      ...Q,
+      ...oe,
       {
         "!ring-danger-500": e.invalidInput
       },
@@ -8264,7 +8580,7 @@ const h = {
     "data-wv-name": "textarea",
     "data-wv-section": "root"
   })
-}, Ge = {
+}, Ye = {
   root: {
     class: [
       // Shape
@@ -8366,16 +8682,16 @@ const h = {
   separator: {
     class: "border-t border-surface-200 my-1"
   }
-}, d = (e) => {
+}, b = (e) => {
   if (!e) return !0;
   const t = Object.keys(e);
   return t.length ? t.every((r) => {
     const s = e[r];
     return typeof s == "object" ? Array.isArray(s) ? !s.length || s.every(
-      (o) => typeof o == "object" ? d(o) : o == null
-    ) : d(s) : s == null;
+      (n) => typeof n == "object" ? b(n) : n == null
+    ) : b(s) : s == null;
   }) : !0;
-}, Oe = {
+}, qe = {
   root: ({ props: e }) => ({
     class: ["flex flex-col grow", "text-xs font-normal text-grayscale-900"]
   }),
@@ -8406,18 +8722,34 @@ const h = {
   markerArrow: (e) => ({
     class: [
       "w-4 h-4 invisible transition-transform duration-200 ease-in-out text-grayscale-900",
-      { "!visible": e.detail && !d(e.detail) },
+      { "!visible": e.detail && !b(e.detail) },
       { "rotate-180": e.showDetail }
     ],
     "data-wv-section": "markerArrow"
   }),
+  markerDot: (e) => ({
+    class: ["hidden"],
+    "data-wv-section": "markerDot"
+  }),
+  contentHeader: {
+    class: ["leading-5 cursor-pointer truncate !text-xs"]
+  },
+  contentDetailKey: {
+    class: ["font-semibold whitespace-nowrap"]
+  },
+  contentDetailValue: {
+    class: ["text-xs"]
+  },
+  contentDate: {
+    class: [""]
+  },
   connector: ({ props: e }) => ({
     class: ["w-[2px] grow bg-grayscale-900"]
   }),
   content: ({ props: e, context: t }) => ({
     class: ["grid grid-rows-[max-content,auto] pb-2.5 gap-1"]
   })
-}, He = {
+}, Je = {
   root: ({ props: e }) => ({
     class: [
       //Size and Shape
@@ -8500,7 +8832,7 @@ const h = {
     leaveActiveClass: "!transition-[max-height_.45s_cubic-bezier(0,1,0,1),opacity_.3s,margin-bottom_.3s] overflow-hidden",
     leaveToClass: "max-h-0 opacity-0 mb-0"
   }
-}, Ne = {
+}, Xe = {
   root: {
     class: [
       "relative",
@@ -8571,7 +8903,7 @@ const h = {
   icon: {
     class: [" mr-2", "text-surface-700/80"]
   }
-}, qe = {
+}, Ze = {
   root: {
     class: [
       // Flex & Alignment
@@ -8597,7 +8929,7 @@ const h = {
   end: {
     class: "flex items-center"
   }
-}, De = {
+}, Qe = {
   root: ({ context: e, props: t }) => ({
     class: [
       // Position
@@ -8633,7 +8965,7 @@ const h = {
       "break-words"
     ]
   }
-}, Je = {
+}, et = {
   root: {
     class: [
       "relative",
@@ -8874,7 +9206,7 @@ const h = {
       "text-xs font-medium text-general-800"
     ]
   })
-}, Ke = {
+}, tt = {
   root: ({ props: e, state: t }) => ({
     class: [
       // Display and Position
@@ -9195,7 +9527,7 @@ const h = {
     leaveActiveClass: "transition-opacity duration-100 ease-linear",
     leaveToClass: "opacity-0"
   }
-}, We = {
+}, rt = {
   root: {
     class: [
       "relative",
@@ -9295,13 +9627,14 @@ const h = {
       "duration-200"
     ]
   }
-}, Xe = {
+}, st = {
   root: {
     class: ["!mt-0 text-danger-500 text-xs font-light"],
     "data-wv-name": "validatormessage",
     "data-wv-section": "root"
   }
-}, Ye = {
+}, it = {
+  // Must be a variable to works with Tailwindcss Intellisense
   root: {
     class: "flex gap-2 items-center",
     "data-wv-name": "buttonbulkaction",
@@ -9330,7 +9663,7 @@ const h = {
     class: "!p-0 !w-6 !h-6 [&_.icon]:!w-5 [&_.icon]:!h-5",
     "data-wv-section": "buttonclearselection"
   }
-}, Ze = {
+}, nt = {
   root: {
     class: "flex flex-nowrap items-center gap-1",
     "data-wv-name": "badgegroup",
@@ -9342,7 +9675,7 @@ const h = {
   },
   showmoredialog: {
     root: {
-      class: [x.root({ state: {} }).class, "w-[400px] !px-6 !py-3"],
+      class: [C.root({ state: {} }).class, "w-[400px] !px-6 !py-3"],
       "data-wv-section": "showmoredialog"
     },
     title: {
@@ -9355,7 +9688,7 @@ const h = {
     }
     // All section in Dialog Preset can be added here
   }
-}, Qe = {
+}, ot = {
   root: {
     class: [
       "flex gap-[5px] items-center text-left h-[21px]",
@@ -9380,16 +9713,16 @@ const h = {
     content: ">",
     "data-wv-section": "separator"
   }
-}, Ue = {
+}, at = {
   currency: (e) => ({
-    class: [...c(e), "rounded-l rounded-r-none h-[30px]"],
+    class: [...f(e), "rounded-l rounded-r-none h-[30px]"],
     "data-wv-section": "currency"
   }),
   value: (e) => ({
-    class: [...c(e), "rounded-r rounded-l-none -ml-[1px]"],
+    class: [...f(e), "rounded-r rounded-l-none -ml-[1px]"],
     "data-wv-section": "value"
   })
-}, et = {
+}, lt = {
   root: {
     "data-wv-name": "fileupload",
     "data-wv-section": "root"
@@ -9411,7 +9744,7 @@ const h = {
   requirements: {
     class: "flex justify-start"
   }
-}, tt = {
+}, ct = {
   next: ({ context: e }) => ({
     class: [
       "text-2xl text-general-900",
@@ -9435,14 +9768,14 @@ const h = {
       }
     ]
   })
-}, rt = {
+}, dt = {
   root: {
     class: [
       "bg-primary-50 rounded-[7px] [&>*]:w-full [&>*]min-w-0",
       "grid items-end p-3 gap-4"
     ]
   }
-}, st = {
+}, ut = {
   root: {
     class: [
       "w-screen h-screen fixed top-0 left-0 z-[9999999]",
@@ -9454,7 +9787,7 @@ const h = {
   animation: {
     class: ["w-[450px] h-auto"]
   }
-}, it = {
+}, ft = {
   root: {
     class: "flex items-center gap-1"
   },
@@ -9488,118 +9821,118 @@ const h = {
       class: "flex flex-col gap-0.5 items-center justify-center"
     }
   }
-}, ot = {
-  badge: C,
-  ripple: Ae,
-  tooltip: De
-}, nt = {
-  global: U,
-  directives: ot,
+}, gt = {
+  badge: S,
+  ripple: Ve,
+  tooltip: Qe
+}, bt = {
+  global: ae,
+  directives: gt,
   // Forms
-  form: Z,
-  filtercontainer: rt,
-  autocomplete: y,
-  dropdown: W,
-  inputnumber: ne,
-  inputphonenumber: le,
-  inputcurrency: Ue,
-  inputotp: ae,
-  inputtext: v,
-  inputbadge: re,
-  calendar: F,
-  checkbox: a,
-  buttonradio: ze,
-  selectbutton: Fe,
-  slider: Pe,
-  chips: M,
-  rating: je,
+  form: ne,
+  filtercontainer: dt,
+  autocomplete: T,
+  dropdown: re,
+  inputnumber: me,
+  inputphonenumber: pe,
+  inputcurrency: at,
+  inputotp: be,
+  inputtext: z,
+  inputbadge: de,
+  calendar: E,
+  checkbox: d,
+  buttonradio: Pe,
+  selectbutton: Ee,
+  slider: Le,
+  chips: O,
+  rating: Ne,
   multiselect: i,
-  togglebutton: Ne,
-  toggleswitch: l,
-  cascadeselect: P,
-  listbox: de,
-  colorpicker: L,
-  inputgroup: se,
-  inputgroupaddon: ie,
-  inputmask: oe,
-  knob: ce,
-  treeselect: Ke,
-  tristatecheckbox: We,
-  textarea: Ee,
-  password: we,
-  validatormessage: Xe,
-  fileupload: et,
-  fieldwrapper: Y,
+  togglebutton: Xe,
+  toggleswitch: u,
+  cascadeselect: L,
+  listbox: ve,
+  colorpicker: K,
+  inputgroup: ue,
+  inputgroupaddon: fe,
+  inputmask: ge,
+  knob: xe,
+  treeselect: tt,
+  tristatecheckbox: rt,
+  textarea: He,
+  password: Ie,
+  validatormessage: st,
+  fileupload: lt,
+  fieldwrapper: ie,
   // Buttons
-  button: z,
-  buttondownload: j,
-  buttonbulkaction: Ye,
-  buttonsearch: _,
-  buttonsplit: I,
-  buttonfilter: A,
-  splitbutton: Se,
+  button: P,
+  buttondownload: N,
+  buttonbulkaction: it,
+  buttonsearch: $,
+  buttonsplit: B,
+  buttonfilter: V,
+  splitbutton: Re,
   // Data
-  paginator: ve,
-  datatable: O,
-  customcolumn: B,
-  tree: Je,
-  dataview: H,
-  dataviewlayoutoptions: N,
-  organizationchart: pe,
-  orderlist: be,
-  picklist: ke,
-  timeline: Oe,
-  changelog: S,
+  paginator: Ae,
+  datatable: q,
+  customcolumn: W,
+  tree: et,
+  dataview: J,
+  dataviewlayoutoptions: X,
+  organizationchart: ze,
+  orderlist: Ce,
+  picklist: Fe,
+  timeline: qe,
+  changelog: R,
   // Panels
-  accordion: h,
-  panel: he,
-  fieldset: X,
-  card: T,
-  tabview: Be,
-  divider: J,
-  toolbar: qe,
-  scrollpanel: _e,
+  accordion: _,
+  panel: _e,
+  fieldset: se,
+  card: G,
+  tabview: We,
+  divider: ee,
+  toolbar: Ze,
+  scrollpanel: $e,
   // Menu
-  contextmenu: G,
-  menu: fe,
-  menubar: ge,
-  steps: $e,
-  breadcrumb: Qe,
-  tieredmenu: Ge,
-  panelmenu: ye,
-  megamenu: ue,
-  dock: K,
-  tabmenu: Me,
+  contextmenu: Y,
+  menu: ye,
+  menubar: we,
+  steps: Me,
+  breadcrumb: ot,
+  tieredmenu: Ye,
+  panelmenu: Te,
+  megamenu: he,
+  dock: te,
+  tabmenu: Oe,
   // Overlays
-  dialog: x,
-  dialogconfirm: q,
-  dialogform: D,
-  overlaypanel: xe,
-  sidebar: Te,
-  confirmpopup: E,
+  dialog: C,
+  dialogconfirm: Z,
+  dialogform: Q,
+  overlaypanel: je,
+  sidebar: Ge,
+  confirmpopup: H,
   // Messages
-  message: me,
-  inlinemessage: te,
-  toast: He,
+  message: ke,
+  inlinemessage: ce,
+  toast: Je,
   // Media
-  carousel: V,
+  carousel: U,
   // Misc
-  badge: n,
-  badgegroup: Ze,
-  avatar: w,
-  avatargroup: k,
-  tag: Re,
-  chip: $,
-  progressbar: Ce,
-  skeleton: Ve,
-  scrolltop: Ie,
-  terminal: Le,
-  image: ee,
-  workcalendar: tt,
-  loading: st,
-  codesnippet: R,
-  username: it
+  badge: c,
+  badgegroup: nt,
+  avatar: I,
+  avatargroup: F,
+  tag: De,
+  chip: M,
+  progressbar: Se,
+  skeleton: Ue,
+  scrolltop: Be,
+  terminal: Ke,
+  image: le,
+  workcalendar: ct,
+  loading: ut,
+  codesnippet: D,
+  username: ft
 };
 export {
-  nt as default
+  bt as default
 };