@codbex/harmonia 1.9.0 → 1.9.1

package/dist/harmonia.esm.js

@@ -2503,10 +2503,10 @@ function accordion_default(Alpine) {
     }) : { single: false };
     el.setAttribute("data-slot", "accordion");
   });
-  Alpine.directive("h-accordion-item", (el, { original: original2, expression, modifiers }, { Alpine: Alpine2 }) => {
-    const accordion = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_accordion"));
+  Alpine.directive("h-accordion-item", (el, { original, expression, modifiers }, { Alpine: Alpine2 }) => {
+    const accordion = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_accordion"));
     if (!accordion) {
-      throw new Error(`${original2} must be inside an accordion`);
+      throw new Error(`${original} must be inside an accordion`);
     }
     el.classList.add("border-b", "last:border-b-0");
     el.setAttribute("data-slot", "accordion-item");
@@ -2529,14 +2529,14 @@ function accordion_default(Alpine) {
       expanded: getIsExpanded()
     });
   });
-  Alpine.directive("h-accordion-trigger", (el, { original: original2, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
+  Alpine.directive("h-accordion-trigger", (el, { original, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
     if (el.tagName.length !== 2 && !el.tagName.startsWith("H")) {
-      throw new Error(`${original2} must be a header element`);
+      throw new Error(`${original} must be a header element`);
     }
-    const accordion = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_accordion"));
-    const accordionItem = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_accordionItem"));
+    const accordion = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_accordion"));
+    const accordionItem = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_accordionItem"));
     if (!accordionItem || !accordion) {
-      throw new Error(`${original2} must have an accordion and accordion item parent elements`);
+      throw new Error(`${original} must have an accordion and accordion item parent elements`);
     }
     el.classList.add("flex", "h-12", "min-h-12", "[[data-size=md]_&]:h-10", "[[data-size=md]_&]:min-h-10", "[[data-size=sm]_&]:h-8", "[[data-size=sm]_&]:min-h-8");
     el.setAttribute("tabIndex", "-1");
@@ -2609,7 +2609,7 @@ function accordion_default(Alpine) {
   Alpine.directive("h-accordion-content", (el, _, { effect, cleanup, Alpine: Alpine2 }) => {
     el.classList.add("pb-0", "overflow-hidden", "text-sm", "hidden", "transition-[opacity,max-height,padding-bottom]", "motion-reduce:transition-none", "duration-200", "ease-out", "opacity-0");
     el.setAttribute("data-slot", "accordion-content");
-    const parent = Alpine2.findClosest(el.parentElement, (parent2) => parent2.hasOwnProperty("_h_accordionItem"));
+    const parent = Alpine2.findClosest(el.parentElement, (parent2) => Object.prototype.hasOwnProperty.call(parent2, "_h_accordionItem"));
     if (parent) {
       let onTransitionEnd = function(event) {
         if (event.target === el && event.target.classList.contains("opacity-0")) {
@@ -2686,7 +2686,7 @@ function alert_default(Alpine) {
       for (const [_, value] of Object.entries(variants)) {
         el.classList.remove(...value);
       }
-      if (variants.hasOwnProperty(variant)) el.classList.add(...variants[variant]);
+      if (Object.prototype.hasOwnProperty.call(variants, variant)) el.classList.add(...variants[variant]);
     }
     setVariant(el.getAttribute("data-variant") ?? "default");
     const observer = new MutationObserver(() => {
@@ -2767,10 +2767,10 @@ function avatar_default(Alpine) {
       el.classList.add("cursor-pointer", "hover:bg-secondary-hover", "active:bg-secondary-active");
     }
   });
-  Alpine.directive("h-avatar-image", (el, { original: original2 }, { cleanup }) => {
-    const avatar = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_avatar"));
+  Alpine.directive("h-avatar-image", (el, { original }, { cleanup }) => {
+    const avatar = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_avatar"));
     if (!avatar) {
-      throw new Error(`${original2} must be inside an avatar element`);
+      throw new Error(`${original} must be inside an avatar element`);
     }
     el.classList.add("aspect-square", "size-full", "rounded-[inherit]");
     el.setAttribute("data-slot", "avatar-image");
@@ -2801,10 +2801,10 @@ function avatar_default(Alpine) {
       observer.disconnect();
     });
   });
-  Alpine.directive("h-avatar-fallback", (el, { original: original2 }, { effect }) => {
-    const avatar = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_avatar"));
+  Alpine.directive("h-avatar-fallback", (el, { original }, { effect }) => {
+    const avatar = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_avatar"));
     if (!avatar) {
-      throw new Error(`${original2} must be inside an avatar element`);
+      throw new Error(`${original} must be inside an avatar element`);
     }
     el.classList.add("hidden", "bg-muted", "flex", "size-full", "items-center", "justify-center", "rounded-[inherit]");
     el.setAttribute("data-slot", "avatar-fallback");
@@ -2857,7 +2857,7 @@ function badge_default(Alpine) {
       for (const [_2, value] of Object.entries(variants)) {
         el.classList.remove(...value);
       }
-      if (variants.hasOwnProperty(variant)) el.classList.add(...variants[variant]);
+      if (Object.prototype.hasOwnProperty.call(variants, variant)) el.classList.add(...variants[variant]);
     }
     setVariant(el.getAttribute("data-variant") ?? "default");
     const observer = new MutationObserver(() => {
@@ -2910,7 +2910,7 @@ function badge_default(Alpine) {
       for (const [_2, value] of Object.entries(variants)) {
         el.classList.remove(...value);
       }
-      if (variants.hasOwnProperty(variant)) el.classList.add(...variants[variant]);
+      if (Object.prototype.hasOwnProperty.call(variants, variant)) el.classList.add(...variants[variant]);
     }
     setVariant(el.getAttribute("data-variant") ?? "primary");
     const observer = new MutationObserver(() => {
@@ -3100,7 +3100,7 @@ var getButtonSize = (size3, isAddon = false) => {
   }
 };
 function button_default(Alpine) {
-  Alpine.directive("h-button", (el, { original: original2, modifiers }, { cleanup }) => {
+  Alpine.directive("h-button", (el, { original, modifiers }, { cleanup }) => {
     setButtonClasses(el);
     if (!el.hasAttribute("data-slot")) {
       el.setAttribute("data-slot", "button");
@@ -3111,13 +3111,13 @@ function button_default(Alpine) {
       for (const [_, value] of Object.entries(buttonVariants)) {
         el.classList.remove(...value);
       }
-      if (buttonVariants.hasOwnProperty(variant)) el.classList.add(...buttonVariants[variant]);
+      if (Object.prototype.hasOwnProperty.call(buttonVariants, variant)) el.classList.add(...buttonVariants[variant]);
     }
     function setSize2(size3 = "default") {
       el.classList.remove(...getButtonSize(lastSize, isAddon));
       el.classList.add(...getButtonSize(size3, isAddon));
       if (size3.startsWith("icon") && !el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-        console.error(`${original2}: Icon-only buttons must have an "aria-label" or "aria-labelledby" attribute`, el);
+        console.error(`${original}: Icon-only buttons must have an "aria-label" or "aria-labelledby" attribute`, el);
       }
       lastSize = size3;
     }
@@ -3170,7 +3170,7 @@ function button_default(Alpine) {
       for (const [_, value] of Object.entries(variants)) {
         el.classList.remove(...value);
       }
-      if (variants.hasOwnProperty(variant)) el.classList.add(...variants[variant]);
+      if (Object.prototype.hasOwnProperty.call(variants, variant)) el.classList.add(...variants[variant]);
     }
     setVariant(el.getAttribute("data-orientation") ?? "horizontal");
   });
@@ -3196,8 +3196,8 @@ var oppositeSideMap = {
   bottom: "top",
   top: "bottom"
 };
-function clamp(start, value, end2) {
-  return max(start, min(value, end2));
+function clamp(start, value, end) {
+  return max(start, min(value, end));
 }
 function evaluate(value, param) {
   return typeof value === "function" ? value(param) : value;
@@ -4671,8 +4671,8 @@ var computePosition2 = (reference, floating, options) => {
 
 // src/components/calendar.js
 function calendar_default(Alpine) {
-  Alpine.directive("h-calendar", (el, { original: original2, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
-    const datepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_datepicker"));
+  Alpine.directive("h-calendar", (el, { original, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
+    const datepicker = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_datepicker"));
     el.classList.add("border", "rounded-control", "gap-2", "p-2");
     el.setAttribute("tabindex", "-1");
     if (datepicker) {
@@ -4729,7 +4729,7 @@ function calendar_default(Alpine) {
     const onInputChange = () => {
       const newValue = new Date(datepicker._h_datepicker.input.value);
       if (isNaN(newValue)) {
-        console.error(`${original2}: input value is not a valid date - ${datepicker._h_datepicker.input.value}`);
+        console.error(`${original}: input value is not a valid date - ${datepicker._h_datepicker.input.value}`);
         datepicker._h_datepicker.input.setCustomValidity("Input value is not a valid date.");
         return;
       } else if (selected.getTime() !== newValue.getTime()) {
@@ -4745,7 +4745,7 @@ function calendar_default(Alpine) {
     function setFromModel() {
       selected = new Date(el._x_model.get());
       if (isNaN(selected)) {
-        console.error(`${original2}: input value is not a valid date - ${el._x_model.get()}`);
+        console.error(`${original}: input value is not a valid date - ${el._x_model.get()}`);
         if (datepicker) datepicker._h_datepicker.input.setCustomValidity("Input value is not a valid date.");
         else el.setAttribute("data-invalid", "true");
       } else if (datepicker) {
@@ -4753,7 +4753,7 @@ function calendar_default(Alpine) {
       }
     }
     function checkForModel() {
-      if (el.hasOwnProperty("_x_model") && el._x_model.get()) {
+      if (Object.prototype.hasOwnProperty.call(el, "_x_model") && el._x_model.get()) {
         setFromModel();
       }
     }
@@ -4957,8 +4957,8 @@ function calendar_default(Alpine) {
       const year = date.getFullYear();
       const month = date.getMonth();
       const start = new Date(year, month, 1);
-      const end2 = new Date(year, month + 1, 0);
-      const days = end2.getDate();
+      const end = new Date(year, month + 1, 0);
+      const days = end.getDate();
       const prevEndDay = new Date(year, month, 1);
       prevEndDay.setDate(prevEndDay.getDate() - 1);
       let lastPrevMonthDay = prevEndDay.getDate();
@@ -5065,7 +5065,7 @@ function calendar_default(Alpine) {
           break;
         case "End":
           event.preventDefault();
-          newDay.setDate(end.getDate());
+          newDay.setDate(new Date(newDay.getFullYear(), newDay.getMonth() + 1, 0).getDate());
           break;
         case "PageUp":
           event.preventDefault();
@@ -5174,7 +5174,7 @@ function calendar_default(Alpine) {
     if (datepicker) {
       el.addEventListener("transitionend", onTransitionEnd);
     }
-    if (el.hasOwnProperty("_x_model")) {
+    if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       const modelExpression = el.getAttribute("x-model");
       const evaluateModel = evaluateLater(modelExpression);
       effect(() => {
@@ -5303,7 +5303,7 @@ function sizeObserver(el) {
 
 // src/components/datepicker.js
 function datepicker_default(Alpine) {
-  Alpine.directive("h-date-picker", (el, { original: original2, modifiers }, { Alpine: Alpine2, cleanup }) => {
+  Alpine.directive("h-date-picker", (el, { original, modifiers }, { Alpine: Alpine2, cleanup }) => {
     const state = Alpine2.reactive({
       expanded: false
     });
@@ -5316,7 +5316,7 @@ function datepicker_default(Alpine) {
     };
     el._h_datepicker.input = el.querySelector("input");
     if (!el._h_datepicker.input || el._h_datepicker.input.tagName !== "INPUT") {
-      throw new Error(`${original2} must contain an input`);
+      throw new Error(`${original} must contain an input`);
     } else if (el._h_datepicker.input.hasAttribute("id")) {
       el._h_datepicker.id = el._h_datepicker.input.getAttribute("id");
     } else {
@@ -5395,16 +5395,16 @@ function datepicker_default(Alpine) {
       observer.disconnect();
     });
   });
-  Alpine.directive("h-date-picker-trigger", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-date-picker-trigger", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "BUTTON") {
-      throw new Error(`${original2} must be a button`);
+      throw new Error(`${original} must be a button`);
     }
     if (!el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-      throw new Error(`${original2}: must have an "aria-label" or "aria-labelledby" attribute`);
+      throw new Error(`${original}: must have an "aria-label" or "aria-labelledby" attribute`);
     }
-    const datepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_datepicker"));
+    const datepicker = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_datepicker"));
     if (!datepicker) {
-      throw new Error(`${original2} must be inside an date-picker element`);
+      throw new Error(`${original} must be inside an date-picker element`);
     }
     el.classList.add(
       "cursor-pointer",
@@ -5692,13 +5692,13 @@ function expansion_panel_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-exp-panel-trigger", (el, { original: original2, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
+  Alpine.directive("h-exp-panel-trigger", (el, { original, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
     if (el.tagName.length !== 2 && !el.tagName.startsWith("H")) {
-      throw new Error(`${original2} must be a header element`);
+      throw new Error(`${original} must be a header element`);
     }
-    const expPanelItem = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_expPanelItem"));
+    const expPanelItem = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_expPanelItem"));
     if (!expPanelItem) {
-      throw new Error(`${original2} must have an exp-panel-item parent element`);
+      throw new Error(`${original} must have an exp-panel-item parent element`);
     }
     el.classList.add(
       "bg-object-header",
@@ -5879,13 +5879,13 @@ function fieldset_default(Alpine) {
 
 // src/components/icon.js
 function icon_default(Alpine) {
-  Alpine.directive("h-icon", (el, { original: original2, modifiers }) => {
+  Alpine.directive("h-icon", (el, { original, modifiers }) => {
     if (el.tagName.toLowerCase() !== "svg") {
-      throw new Error(`${original2} works only on svg elements`);
+      throw new Error(`${original} works only on svg elements`);
     } else if (!el.hasAttribute("role")) {
-      throw new Error(`${original2} must have a role`);
+      throw new Error(`${original} must have a role`);
     } else if (el.getAttribute("role") === "img" && !el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-      throw new Error(`${original2}: svg images with the role of img must have an "aria-label" or "aria-labelledby" attribute`);
+      throw new Error(`${original}: svg images with the role of img must have an "aria-label" or "aria-labelledby" attribute`);
     }
     el.classList.add("fill-current");
     el.setAttribute("data-slot", "icon");
@@ -6086,7 +6086,7 @@ function input_default(Alpine) {
       "block-end": ["order-last", "w-full", "justify-start", "px-3", "pb-3", "[.border-t]:pt-3", "group-has-[>input]/input-group:pb-2.5"]
     };
     function setVariant(variant) {
-      if (variants.hasOwnProperty(variant)) el.classList.add(...variants[variant]);
+      if (Object.prototype.hasOwnProperty.call(variants, variant)) el.classList.add(...variants[variant]);
     }
     setVariant(el.getAttribute("data-align") ?? "inline-start");
     const handler = (event) => {
@@ -6106,7 +6106,7 @@ function input_default(Alpine) {
     el.classList.add("text-muted-foreground", "flex", "items-center", "gap-2", "text-sm", "[&_svg]:pointer-events-none", "[&_svg:not([class*='size-'])]:size-4");
     el.setAttribute("data-slot", "label");
   });
-  Alpine.directive("h-input-number", (el, { original: original2 }, { cleanup }) => {
+  Alpine.directive("h-input-number", (el, { original }, { cleanup }) => {
     el.classList.add(
       "overflow-hidden",
       "group/input-number",
@@ -6142,7 +6142,7 @@ function input_default(Alpine) {
     el.setAttribute("data-slot", "input-number");
     const input = el.querySelector("input");
     if (!input || input.getAttribute("type") !== "number") {
-      throw new Error(`${original2} must contain an input of type 'number'`);
+      throw new Error(`${original} must contain an input of type 'number'`);
     }
     if (!input.hasAttribute("type")) input.setAttribute("type", "number");
     if (!input.hasAttribute("inputmode")) input.setAttribute("inputmode", "numeric");
@@ -6356,7 +6356,8 @@ function list_default(Alpine) {
           focusLastOption(el);
           break;
         case "Up":
-        case "ArrowUp":
+        case "ArrowUp": {
+          event.preventDefault();
           let prevElem = event.target.previousElementSibling;
           if (prevElem && prevElem.getAttribute("data-slot") !== "list-header") {
             prevElem.focus();
@@ -6367,8 +6368,10 @@ function list_default(Alpine) {
             }
           }
           break;
+        }
         case "Down":
-        case "ArrowDown":
+        case "ArrowDown": {
+          event.preventDefault();
           let nextElem = event.target.nextElementSibling;
           if (nextElem) {
             nextElem.focus();
@@ -6379,6 +6382,7 @@ function list_default(Alpine) {
             }
           }
           break;
+        }
         case " ":
         case "Enter":
           selectOption(event.target);
@@ -6402,13 +6406,13 @@ function list_default(Alpine) {
     el.setAttribute("data-slot", "list");
     el.setAttribute("role", "group");
   });
-  Alpine.directive("h-list-header", (el, { original: original2 }, { Alpine: Alpine2 }) => {
+  Alpine.directive("h-list-header", (el, { original }, { Alpine: Alpine2 }) => {
     el.classList.add("font-medium", "flex", "items-center", "p-2", "gap-2", "align-middle", "bg-table-header", "text-table-header-foreground");
     el.setAttribute("role", "presentation");
     el.setAttribute("data-slot", "list-header");
     const list = Alpine2.findClosest(el.parentElement, (parent) => parent.getAttribute("data-slot") === "list");
     if (!list) {
-      throw new Error(`${original2} must be placed inside a list element`);
+      throw new Error(`${original} must be placed inside a list element`);
     }
     if (!el.hasAttribute("id")) {
       const id = `lbh${uuid_default()}`;
@@ -6466,9 +6470,9 @@ function menu_default(Alpine) {
       }
     }
   });
-  Alpine.directive("h-menu", (el, { original: original2, modifiers }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-menu", (el, { original, modifiers }, { cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "UL") {
-      throw new Error(`${original2} must be an ul element`);
+      throw new Error(`${original} must be an ul element`);
     }
     el.classList.add(
       "hidden",
@@ -6500,11 +6504,11 @@ function menu_default(Alpine) {
     const menuTrigger = (() => {
       if (isSubmenu) return;
       let sibling = el.previousElementSibling;
-      while (sibling && !sibling.hasOwnProperty("_menu_trigger")) {
+      while (sibling && !Object.prototype.hasOwnProperty.call(sibling, "_menu_trigger")) {
         sibling = sibling.previousElementSibling;
       }
-      if (!sibling.hasOwnProperty("_menu_trigger")) {
-        throw new Error(`${original2} menu must be placed after a menu trigger element`);
+      if (!Object.prototype.hasOwnProperty.call(sibling, "_menu_trigger")) {
+        throw new Error(`${original} menu must be placed after a menu trigger element`);
       }
       return sibling;
     })();
@@ -6513,7 +6517,7 @@ function menu_default(Alpine) {
         if (parent && parent.hasAttribute("id")) {
           el.setAttribute("aria-labelledby", parent.id);
         } else {
-          throw new Error(`${original2} must have an "aria-label" or "aria-labelledby" attribute`);
+          throw new Error(`${original} must have an "aria-label" or "aria-labelledby" attribute`);
         }
       }
     }
@@ -6521,7 +6525,7 @@ function menu_default(Alpine) {
     if (isSubmenu) {
       menuSubItem = Alpine2.findClosest(el.parentElement, (parent) => parent.getAttribute("data-slot") === "menu-sub");
       if (!menuSubItem) {
-        throw new Error(`${original2} must be placed inside a ${Alpine2.prefixed("h-menu-sub")} element`);
+        throw new Error(`${original} must be placed inside a ${Alpine2.prefixed("h-menu-sub")} element`);
       }
       setAriaAttrubutes(menuSubItem);
     } else if (menuTrigger) {
@@ -6629,7 +6633,7 @@ function menu_default(Alpine) {
             }
             break;
           case "Up":
-          case "ArrowUp":
+          case "ArrowUp": {
             event.preventDefault();
             let menuitems = el.querySelectorAll(':scope > [role^=menuitem][tabIndex="-1"]:has(~ [role^=menuitem][tabIndex="0"])');
             if (menuitems.length) {
@@ -6641,6 +6645,7 @@ function menu_default(Alpine) {
               menuitem.focus();
             }
             break;
+          }
           case "Home":
           case "PageUp":
             event.preventDefault();
@@ -6762,9 +6767,9 @@ function menu_default(Alpine) {
       el.removeEventListener("transitionend", onTransitionEnd);
     });
   });
-  Alpine.directive("h-menu-item", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-menu-item", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "LI") {
-      throw new Error(`${original2} must be a li element`);
+      throw new Error(`${original} must be a li element`);
     }
     el.classList.add(
       "focus:bg-secondary-hover",
@@ -6818,7 +6823,7 @@ function menu_default(Alpine) {
       el.removeEventListener("mouseleave", focusOut);
     });
   });
-  Alpine.directive("h-menu-sub", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-menu-sub", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     el.classList.add(
       "focus:bg-secondary-hover",
       "hover:bg-secondary-hover",
@@ -6850,7 +6855,7 @@ function menu_default(Alpine) {
     const chevronRight = createSvg({ icon: ChevronRight, classes: "size-4 ml-auto", attrs: { "aria-hidden": true, role: "presentation" } });
     el.appendChild(chevronRight);
     const parentMenu = Alpine2.findClosest(el.parentElement, (parent) => parent.getAttribute("role") === "menu");
-    if (!parentMenu) throw new Error(`${original2} must have a parent`);
+    if (!parentMenu) throw new Error(`${original} must have a parent`);
     if (!el.hasAttribute("id")) {
       el.setAttribute("id", `ms${uuid_default()}`);
     }
@@ -6947,9 +6952,9 @@ function menu_default(Alpine) {
     el.classList.add("text-foreground", "px-2", "py-1.5", "text-sm", "font-semibold", "text-left", "data-[inset=true]:pl-8");
     el.setAttribute("data-slot", "menu-label");
   });
-  Alpine.directive("h-menu-checkbox-item", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-menu-checkbox-item", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "LI" && el.tagName !== "DIV") {
-      throw new Error(`${original2} must be a li or div element`);
+      throw new Error(`${original} must be a li or div element`);
     }
     el.classList.add(
       "focus:bg-secondary-hover",
@@ -6989,7 +6994,7 @@ function menu_default(Alpine) {
       el._x_model.set(!el._x_model.get());
       setState(el._x_model.get());
     }
-    if (el.hasOwnProperty("_x_model")) {
+    if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       setState(el._x_model.get(), false);
       el.addEventListener("click", onActivate);
     }
@@ -7006,7 +7011,7 @@ function menu_default(Alpine) {
     el.addEventListener("mouseenter", focusIn);
     el.addEventListener("focus", focusIn);
     cleanup(() => {
-      if (el.hasOwnProperty("_x_model")) {
+      if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
         el.removeEventListener("click", onActivate);
         el.removeEventListener("keydown", onActivate);
       }
@@ -7016,9 +7021,9 @@ function menu_default(Alpine) {
       el.removeEventListener("mouseleave", focusOut);
     });
   });
-  Alpine.directive("h-menu-radio-item", (el, { original: original2, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-menu-radio-item", (el, { original, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "LI" && el.tagName !== "DIV") {
-      throw new Error(`${original2} must be a li or div element`);
+      throw new Error(`${original} must be a li or div element`);
     }
     el.classList.add(
       "focus:bg-secondary-hover",
@@ -7074,7 +7079,7 @@ function menu_default(Alpine) {
         el._x_model.set(value);
       }
     }
-    if (el.hasOwnProperty("_x_model")) {
+    if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       effect(() => {
         setState(el._x_model.get() === value);
       });
@@ -7094,7 +7099,7 @@ function menu_default(Alpine) {
     el.addEventListener("mouseenter", focusIn);
     el.addEventListener("focus", focusIn);
     cleanup(() => {
-      if (el.hasOwnProperty("_x_model")) {
+      if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
         el.removeEventListener("click", onActivate);
         el.removeEventListener("keydown", onActivate);
       }
@@ -7142,7 +7147,7 @@ function notifications_default(Alpine) {
       };
       this.items.push(item);
       this.listeners.forEach((listener) => {
-        if (listener.hasOwnProperty("added")) listener.added(item);
+        if (Object.prototype.hasOwnProperty.call(listener, "added")) listener.added(item);
       });
     },
     update(id, data) {
@@ -7155,7 +7160,7 @@ function notifications_default(Alpine) {
           this.items[index].data[key] = value;
         }
         this.listeners.forEach((listener) => {
-          if (listener.hasOwnProperty("updated")) listener.updated(id, data);
+          if (Object.prototype.hasOwnProperty.call(listener, "updated")) listener.updated(id, data);
         });
       } else {
         console.error(`Notification with id "${id}" does not exist`);
@@ -7166,7 +7171,7 @@ function notifications_default(Alpine) {
         throw new Error("Cannot remove a notification if an ID is not provided");
       }
       this.listeners.forEach((listener) => {
-        if (listener.hasOwnProperty("removed")) listener.removed(id);
+        if (Object.prototype.hasOwnProperty.call(listener, "removed")) listener.removed(id);
       });
       this.items = this.items.filter((n) => n.id !== id);
     }
@@ -7191,9 +7196,9 @@ function notifications_default(Alpine) {
       }
     };
   });
-  Alpine.directive("h-notification-overlay", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-notification-overlay", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "SECTION") {
-      throw new Error(`${original2} must be a button`);
+      throw new Error(`${original} must be a button`);
     }
     const notificationTemplates = {};
     el.querySelectorAll("template").forEach((template) => {
@@ -7328,17 +7333,17 @@ function notifications_default(Alpine) {
       xlBreakpointListener.remove();
     });
   });
-  Alpine.directive("h-notification-list", (el, { original: original2 }) => {
+  Alpine.directive("h-notification-list", (el, { original }) => {
     if (el.tagName !== "OL" && el.tagName !== "UL") {
-      throw new Error(`${original2} must be a list element`);
+      throw new Error(`${original} must be a list element`);
     }
     el.classList.add("flex", "flex-col", "divide-solid", "divide-y");
     el.setAttribute("data-slot", "notification-list");
     el.setAttribute("role", "group");
   });
-  Alpine.directive("h-notification", (el, { original: original2, modifiers }) => {
+  Alpine.directive("h-notification", (el, { original, modifiers }) => {
     if (el.tagName !== "LI") {
-      throw new Error(`${original2} must be a list item element`);
+      throw new Error(`${original} must be a list item element`);
     }
     el.classList.add("pointer-events-auto", "p-3", "flex", "gap-2");
     if (modifiers.includes("floating")) {
@@ -7374,7 +7379,7 @@ function notifications_default(Alpine) {
     el.classList.add("flex", "gap-2", "data-[orientation=vertical]:flex-col");
     el.setAttribute("data-slot", "notification-actions");
   });
-  Alpine.directive("h-notification-close", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-notification-close", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     if (!el.hasAttribute("data-slot")) el.setAttribute("data-slot", "notification-close");
     let nId;
     function close() {
@@ -7393,7 +7398,7 @@ function notifications_default(Alpine) {
         el.removeEventListener("click", close);
       });
     } else {
-      console.error(`${original2} must be inside a notification with an id`);
+      console.error(`${original} must be inside a notification with an id`);
     }
   });
 }
@@ -7482,7 +7487,7 @@ function pagination_default(Alpine) {
 // src/components/popover.js
 function popover_default(Alpine) {
   Alpine.directive("h-popover-trigger", (el, { expression, modifiers }, { effect, evaluate: evaluate2, evaluateLater, Alpine: Alpine2, cleanup }) => {
-    el._popover = Alpine2.reactive({
+    el._h_popover = Alpine2.reactive({
       id: void 0,
       controls: `hpc${uuid_default()}`,
       auto: expression ? false : true,
@@ -7492,7 +7497,7 @@ function popover_default(Alpine) {
       const getExpanded = evaluateLater(expression);
       effect(() => {
         getExpanded((expanded) => {
-          el._popover.expanded = expanded;
+          el._h_popover.expanded = expanded;
         });
       });
     }
@@ -7502,33 +7507,33 @@ function popover_default(Alpine) {
     }
     if (!el.hasAttribute("data-slot")) el.setAttribute("data-slot", "popover-trigger");
     if (el.hasAttribute("id")) {
-      el._popover.id = el.getAttribute("id");
+      el._h_popover.id = el.getAttribute("id");
     } else {
-      el._popover.id = `hp${uuid_default()}`;
-      el.setAttribute("id", el._popover.id);
+      el._h_popover.id = `hp${uuid_default()}`;
+      el.setAttribute("id", el._h_popover.id);
     }
-    el.setAttribute("aria-controls", el._popover.controls);
+    el.setAttribute("aria-controls", el._h_popover.controls);
     el.setAttribute("aria-haspopup", "dialog");
     const setAttributes = () => {
-      el.setAttribute("aria-expanded", el._popover.expanded);
+      el.setAttribute("aria-expanded", el._h_popover.expanded);
     };
     const close = () => {
-      el._popover.expanded = false;
+      el._h_popover.expanded = false;
       el.addEventListener("click", handler);
       setAttributes();
     };
     const handler = () => {
-      el._popover.expanded = !el._popover.expanded;
+      el._h_popover.expanded = !el._h_popover.expanded;
       setAttributes();
       Alpine2.nextTick(() => {
-        if (el._popover.auto && el._popover.expanded) {
+        if (el._h_popover.auto && el._h_popover.expanded) {
           top.addEventListener("click", close, { once: true });
           el.removeEventListener("click", handler);
         }
       });
     };
     setAttributes();
-    if (el._popover.auto) {
+    if (el._h_popover.auto) {
       el.addEventListener("click", handler);
       cleanup(() => {
         el.removeEventListener("click", handler);
@@ -7540,16 +7545,16 @@ function popover_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-popover", (el, { original: original2, modifiers }, { effect, cleanup }) => {
+  Alpine.directive("h-popover", (el, { original, modifiers }, { effect, cleanup }) => {
     const popover = (() => {
       let sibling = el.previousElementSibling;
-      while (sibling && !sibling.hasOwnProperty("_popover")) {
+      while (sibling && !Object.prototype.hasOwnProperty.call(sibling, "_h_popover")) {
         sibling = sibling.previousElementSibling;
       }
       return sibling;
     })();
     if (!popover) {
-      throw new Error(`${original2} must be placed after a popover element`);
+      throw new Error(`${original} must be placed after a popover element`);
     }
     el.classList.add(
       "absolute",
@@ -7575,8 +7580,8 @@ function popover_default(Alpine) {
     el.setAttribute("data-slot", "popover");
     el.setAttribute("role", "dialog");
     el.setAttribute("tabindex", "-1");
-    el.setAttribute("id", popover._popover.controls);
-    el.setAttribute("aria-labelledby", popover._popover.id);
+    el.setAttribute("id", popover._h_popover.controls);
+    el.setAttribute("aria-labelledby", popover._h_popover.id);
     let noScroll = modifiers.includes("no-scroll");
     if (noScroll) {
       el.classList.remove("overflow-auto");
@@ -7614,7 +7619,7 @@ function popover_default(Alpine) {
       });
     }
     effect(() => {
-      if (popover._popover.expanded) {
+      if (popover._h_popover.expanded) {
         el.classList.remove("hidden");
         autoUpdateCleanup = autoUpdate(popover, el, updatePosition);
       } else {
@@ -7727,7 +7732,7 @@ function range_default(Alpine) {
     el.classList.add("harmonia-slider");
     el.setAttribute("data-slot", "range");
     (0, import_nouislider.create)(el, evaluate2(expression));
-    if (el.hasOwnProperty("_x_model")) {
+    if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       el.noUiSlider.on("change", (values) => {
         el._x_model.set(values);
         el.dispatchEvent(new Event("change", { bubbles: true }));
@@ -7809,11 +7814,11 @@ function select_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-select-input", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-select-input", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "INPUT") {
-      throw new Error(`${original2} must be an input of type "text"`);
+      throw new Error(`${original} must be an input of type "text"`);
     }
-    const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
+    const select = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_select"));
     const label = (() => {
       const field = Alpine2.findClosest(el.parentElement, (parent) => parent.getAttribute("data-slot") === "field");
       if (field) {
@@ -7822,8 +7827,8 @@ function select_default(Alpine) {
       return;
     })();
     if (!select) {
-      throw new Error(`${original2} must be inside a select element`);
-    } else if (el.hasOwnProperty("_x_model")) {
+      throw new Error(`${original} must be inside a select element`);
+    } else if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       select._h_select.multiple = Array.isArray(el._x_model.get());
       select._h_model.set = (value) => {
         if (select._h_select.multiple) {
@@ -7921,7 +7926,7 @@ function select_default(Alpine) {
     const onKeyDown = (event) => {
       switch (event.key) {
         case "Down":
-        case "ArrowDown":
+        case "ArrowDown": {
           event.preventDefault();
           let nextIndex = 0;
           for (let o = 0; o < options.length; o++) {
@@ -7943,8 +7948,9 @@ function select_default(Alpine) {
           options[nextIndex].setAttribute("tabindex", "0");
           options[nextIndex].focus();
           break;
+        }
         case "Up":
-        case "ArrowUp":
+        case "ArrowUp": {
           event.preventDefault();
           let prevIndex = options.length - 1;
           for (let o = options.length - 1; o >= 0; o--) {
@@ -7966,6 +7972,7 @@ function select_default(Alpine) {
           options[prevIndex].setAttribute("tabindex", "0");
           options[prevIndex].focus();
           break;
+        }
         case "Home":
         case "PageUp":
           event.preventDefault();
@@ -8082,10 +8089,10 @@ function select_default(Alpine) {
       }
     });
   });
-  Alpine.directive("h-select-content", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
-    const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
+  Alpine.directive("h-select-content", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    const select = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_select"));
     if (!select) {
-      throw new Error(`${original2} must be inside a select element`);
+      throw new Error(`${original} must be inside a select element`);
     }
     el.classList.add(
       "absolute",
@@ -8114,7 +8121,7 @@ function select_default(Alpine) {
     el.setAttribute("id", select._h_select.controls);
     el.setAttribute("tabindex", "-1");
     if (!select._h_select.trigger) {
-      throw new Error(`${original2}: trigger not found`);
+      throw new Error(`${original}: trigger not found`);
     }
     let autoUpdateCleanup;
     function updatePosition() {
@@ -8175,10 +8182,10 @@ function select_default(Alpine) {
       el.removeEventListener("transitionend", onTransitionEnd);
     });
   });
-  Alpine.directive("h-select-search", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
-    const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
+  Alpine.directive("h-select-search", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    const select = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_select"));
     if (!select) {
-      throw new Error(`${original2} must be inside an h-select element`);
+      throw new Error(`${original} must be inside an h-select element`);
     } else {
       select._h_select.filterType = FilterType[el.getAttribute("data-filter")] ?? FilterType["starts-with"];
     }
@@ -8243,17 +8250,17 @@ function select_default(Alpine) {
   Alpine.directive("h-select-label", (el) => {
     el.classList.add("text-muted-foreground", "px-2", "py-1.5", "text-xs");
     el.setAttribute("data-slot", "select-label");
-    const selectGroup = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_selectGroup"));
+    const selectGroup = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_selectGroup"));
     if (selectGroup) {
       const id = `hsl${uuid_default()}`;
       el.setAttribute("id", id);
       selectGroup._h_selectGroup.labelledby = id;
     }
   });
-  Alpine.directive("h-select-option", (el, { original: original2, expression }, { effect, evaluateLater, cleanup }) => {
-    const select = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
+  Alpine.directive("h-select-option", (el, { original, expression }, { effect, evaluateLater, cleanup }) => {
+    const select = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_select"));
     if (!select) {
-      throw new Error(`${original2} must be inside an h-select element`);
+      throw new Error(`${original} must be inside an h-select element`);
     }
     el.classList.add(
       "focus:bg-primary",
@@ -8449,10 +8456,10 @@ function sheet_default(Alpine) {
       el.removeEventListener("transitionend", onTransitionEnd);
     });
   });
-  Alpine.directive("h-sheet", (el, { original: original2 }, { effect, cleanup }) => {
-    const overlay = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_sheet_overlay"));
+  Alpine.directive("h-sheet", (el, { original }, { effect, cleanup }) => {
+    const overlay = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_sheet_overlay"));
     if (!overlay) {
-      throw new Error(`${original2} must be placed inside a sheet overlay`);
+      throw new Error(`${original} must be placed inside a sheet overlay`);
     }
     el.classList.add("hidden", "bg-background", "fixed", "shadow-lg", "transform", "transition-all", "motion-reduce:transition-none", "duration-200", "ease-out");
     el.setAttribute("data-slot", "sheet");
@@ -8575,10 +8582,10 @@ function sidebar_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-sidebar-group-label", (el, { original: original2 }, { cleanup }) => {
-    const group = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_sidebar_group"));
+  Alpine.directive("h-sidebar-group-label", (el, { original }, { cleanup }) => {
+    const group = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_sidebar_group"));
     if (!group) {
-      throw new Error(`${original2} must be placed inside a sidebar group`);
+      throw new Error(`${original} must be placed inside a sidebar group`);
     }
     el.classList.add(
       "ring-sidebar-ring",
@@ -8667,10 +8674,10 @@ function sidebar_default(Alpine) {
     }
     el.setAttribute("data-slot", "sidebar-group-action");
   });
-  Alpine.directive("h-sidebar-group-content", (el, { original: original2 }, { effect }) => {
-    const group = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_sidebar_group"));
+  Alpine.directive("h-sidebar-group-content", (el, { original }, { effect }) => {
+    const group = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_sidebar_group"));
     if (!group) {
-      throw new Error(`${original2} must be placed inside a sidebar group`);
+      throw new Error(`${original} must be placed inside a sidebar group`);
     }
     el.classList.add("w-full", "text-sm", "data-[collapsed=true]:hidden", "group-data-[collapsed=true]/sidebar:!block");
     el.setAttribute("data-slot", "sidebar-group-content");
@@ -8683,16 +8690,16 @@ function sidebar_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-sidebar-menu", (el, { original: original2 }) => {
+  Alpine.directive("h-sidebar-menu", (el, { original }) => {
     if (el.tagName !== "UL") {
-      throw new Error(`${original2} must be an ul element`);
+      throw new Error(`${original} must be an ul element`);
     }
     el.classList.add("vbox", "w-full", "min-w-0", "gap-1");
     el.setAttribute("data-slot", "sidebar-menu");
   });
-  Alpine.directive("h-sidebar-menu-item", (el, { original: original2, expression, modifiers }, { effect, evaluate: evaluate2, evaluateLater, Alpine: Alpine2 }) => {
+  Alpine.directive("h-sidebar-menu-item", (el, { original, expression, modifiers }, { effect, evaluate: evaluate2, evaluateLater, Alpine: Alpine2 }) => {
     if (el.tagName !== "LI") {
-      throw new Error(`${original2} must be a li element`);
+      throw new Error(`${original} must be a li element`);
     }
     el._h_sidebar_menu_item = {
       isSub: false,
@@ -8728,13 +8735,13 @@ function sidebar_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-sidebar-menu-button", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-sidebar-menu-button", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "BUTTON" && el.tagName !== "A") {
-      throw new Error(`${original2} must be a button or a link`);
+      throw new Error(`${original} must be a button or a link`);
     } else if (el.tagName === "BUTTON") {
       el.setAttribute("type", "button");
     }
-    const menuItem = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_sidebar_menu_item"));
+    const menuItem = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_sidebar_menu_item"));
     el.classList.add(
       "flex",
       "w-full",
@@ -8767,7 +8774,7 @@ function sidebar_default(Alpine) {
       lg: ["h-12", "text-sm", "group-data-[collapsed=true]/sidebar:p-0!"]
     };
     function setSize2(size3) {
-      if (sizes.hasOwnProperty(size3)) {
+      if (Object.prototype.hasOwnProperty.call(sizes, size3)) {
         el.classList.add(...sizes[size3]);
       }
     }
@@ -8868,9 +8875,9 @@ function sidebar_default(Alpine) {
     }
     el.setAttribute("data-slot", "sidebar-menu-action");
   });
-  Alpine.directive("h-sidebar-menu-badge", (el, { original: original2 }) => {
+  Alpine.directive("h-sidebar-menu-badge", (el, { original }) => {
     if (el.tagName !== "SPAN") {
-      throw new Error(`${original2} must be a span element`);
+      throw new Error(`${original} must be a span element`);
     }
     el.classList.add("flex-1", "pointer-events-none", "flex", "h-full", "min-w-min", "items-center", "justify-end", "text-xs", "font-medium", "tabular-nums", "select-none", "group-data-[collapsed=true]/sidebar:hidden");
     el.setAttribute("data-slot", "sidebar-menu-badge");
@@ -8896,13 +8903,13 @@ function sidebar_default(Alpine) {
     el.setAttribute("data-slot", "sidebar-separator");
     el.setAttribute("role", "none");
   });
-  Alpine.directive("h-sidebar-menu-sub", (el, { original: original2 }, { effect, Alpine: Alpine2 }) => {
+  Alpine.directive("h-sidebar-menu-sub", (el, { original }, { effect, Alpine: Alpine2 }) => {
     if (el.tagName !== "UL") {
-      throw new Error(`${original2} must be an ul element`);
+      throw new Error(`${original} must be an ul element`);
     }
-    const menuItem = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_sidebar_menu_item"));
+    const menuItem = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_sidebar_menu_item"));
     if (!menuItem) {
-      throw new Error(`${original2} must be placed inside a sidebar menu item`);
+      throw new Error(`${original} must be placed inside a sidebar menu item`);
     }
     el.classList.add("vbox", "min-w-0", "translate-x-px", "gap-1", "pl-2.5", "py-0.5", "ml-3.5", "data-[collapsed=true]:!hidden", "group-data-[collapsed=true]/sidebar:!hidden");
     if (el.getAttribute("data-line") !== "false") {
@@ -8977,7 +8984,7 @@ function spinner_default(Alpine) {
 
 // src/components/split.js
 function split_default(Alpine) {
-  Alpine.directive("h-split", (el, {}, { cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-split", (el, _, { cleanup, Alpine: Alpine2 }) => {
     const panels = [];
     const state = Alpine2.reactive({
       isHorizontal: el.getAttribute("data-orientation") === "horizontal",
@@ -9173,10 +9180,10 @@ function split_default(Alpine) {
       observer.disconnect();
     });
   });
-  Alpine.directive("h-split-panel", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
-    const split = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_split"));
+  Alpine.directive("h-split-panel", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    const split = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_split"));
     if (!split) {
-      throw new Error(`${original2} must be inside an split element`);
+      throw new Error(`${original} must be inside an split element`);
     }
     el.classList.add(
       "flex",
@@ -9727,7 +9734,7 @@ function tabs_default(Alpine) {
     el.setAttribute("role", "tablist");
     el.setAttribute("data-slot", "tab-list");
   });
-  Alpine.directive("h-tab", (el, { original: original2 }) => {
+  Alpine.directive("h-tab", (el, { original }) => {
     el.classList.add(
       "cursor-pointer",
       "focus-visible:border-ring",
@@ -9776,8 +9783,8 @@ function tabs_default(Alpine) {
     );
     el.setAttribute("role", "tab");
     el.setAttribute("data-slot", "tab");
-    if (!el.hasAttribute("id")) throw new Error(`${original2}: Tabs must have an id`);
-    if (!el.hasAttribute("aria-controls")) throw new Error(`${original2}: aria-controls must be set to the tab-content id.`);
+    if (!el.hasAttribute("id")) throw new Error(`${original}: Tabs must have an id`);
+    if (!el.hasAttribute("aria-controls")) throw new Error(`${original}: aria-controls must be set to the tab-content id.`);
   });
   Alpine.directive("h-tab-action", (el) => {
     el.classList.add("cursor-pointer", "ml-auto", "rounded-md", "text-foreground", "hover:bg-secondary", "hover:text-secondary-foreground", "active:bg-secondary-active");
@@ -9811,13 +9818,13 @@ function tabs_default(Alpine) {
     el.setAttribute("role", "button");
     el.setAttribute("data-slot", "tab-list-action");
   });
-  Alpine.directive("h-tabs-content", (el, { original: original2 }) => {
+  Alpine.directive("h-tabs-content", (el, { original }) => {
     el.classList.add("flex-1", "outline-none");
     el.setAttribute("role", "tabpanel");
     el.setAttribute("tabindex", "0");
     el.setAttribute("data-slot", "tabs-content");
-    if (!el.hasAttribute("id")) throw new Error(`${original2}: Tab content must have an id`);
-    if (!el.hasAttribute("aria-labelledby")) throw new Error(`${original2}: aria-labelledby must be set to the tab id.`);
+    if (!el.hasAttribute("id")) throw new Error(`${original}: Tab content must have an id`);
+    if (!el.hasAttribute("aria-labelledby")) throw new Error(`${original}: aria-labelledby must be set to the tab id.`);
   });
 }
 
@@ -10228,13 +10235,13 @@ function timepicker_default(Alpine) {
       top.removeEventListener("click", el._h_timepicker.close);
     });
   });
-  Alpine.directive("h-time-picker-input", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-time-picker-input", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
     if (el.tagName !== "INPUT") {
-      throw new Error(`${original2} must be a readonly input of type "text"`);
+      throw new Error(`${original} must be a readonly input of type "text"`);
     }
-    const timepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_timepicker"));
+    const timepicker = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_timepicker"));
     if (!timepicker) {
-      throw new Error(`${original2} must be inside a time-picker element`);
+      throw new Error(`${original} must be inside a time-picker element`);
     }
     timepicker._h_timepicker.focusInput = () => {
       el.focus();
@@ -10244,7 +10251,7 @@ function timepicker_default(Alpine) {
         el.dispatchEvent(new Event("change"));
       });
     };
-    if (el.hasOwnProperty("_x_model")) {
+    if (Object.prototype.hasOwnProperty.call(el, "_x_model")) {
       timepicker._h_timepicker.model = el._x_model;
     } else {
       timepicker._h_timepicker.model = {
@@ -10332,7 +10339,7 @@ function timepicker_default(Alpine) {
     });
   });
   Alpine.directive("h-time-picker-popup", (el, _, { effect, cleanup, Alpine: Alpine2 }) => {
-    const timepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_timepicker"));
+    const timepicker = Alpine2.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_timepicker"));
     el.classList.add(
       "overflow-hidden",
       "outline-none",
@@ -10432,7 +10439,7 @@ function timepicker_default(Alpine) {
         }
         switch (event.key) {
           case "Up":
-          case "ArrowUp":
+          case "ArrowUp": {
             event.target.setAttribute("tabindex", "-1");
             let prevElem = event.target.previousElementSibling;
             if (prevElem === null || prevElem.classList.contains("hidden")) {
@@ -10445,8 +10452,9 @@ function timepicker_default(Alpine) {
             prevElem.setAttribute("tabindex", "0");
             prevElem.focus();
             break;
+          }
           case "Down":
-          case "ArrowDown":
+          case "ArrowDown": {
             event.target.setAttribute("tabindex", "-1");
             let nextElem = event.target.nextElementSibling;
             if (nextElem === null || nextElem.classList.contains("hidden")) {
@@ -10459,8 +10467,9 @@ function timepicker_default(Alpine) {
             nextElem.setAttribute("tabindex", "0");
             nextElem.focus();
             break;
+          }
           case "Home":
-          case "PageUp":
+          case "PageUp": {
             let firstChild;
             if (list.firstChild === event.target) {
               break;
@@ -10477,8 +10486,9 @@ function timepicker_default(Alpine) {
             firstChild.setAttribute("tabindex", "0");
             firstChild.focus();
             break;
+          }
           case "End":
-          case "PageDown":
+          case "PageDown": {
             let lastElem;
             if (list.lastChild === event.target) {
               break;
@@ -10495,22 +10505,25 @@ function timepicker_default(Alpine) {
             lastElem.setAttribute("tabindex", "0");
             lastElem.focus();
             break;
+          }
           case "Right":
-          case "ArrowRight":
+          case "ArrowRight": {
             let nextColumn = event.target.parentElement.nextElementSibling;
             if (nextColumn) {
               const child = nextColumn.querySelector('li[tabindex="0"]');
               child.focus();
             }
             break;
+          }
           case "Left":
-          case "ArrowLeft":
+          case "ArrowLeft": {
             let prevColumn = event.target.parentElement.previousElementSibling;
             if (prevColumn) {
               const child = prevColumn.querySelector('li[tabindex="0"]');
               child.focus();
             }
             break;
+          }
           case "Enter":
           case " ":
             event.target.click();
@@ -10911,16 +10924,16 @@ function tooltip_default(Alpine) {
       el.removeEventListener("pointerleave", handler);
     });
   });
-  Alpine.directive("h-tooltip", (el, { original: original2 }, { effect, cleanup }) => {
+  Alpine.directive("h-tooltip", (el, { original }, { effect, cleanup }) => {
     const tooltip = (() => {
       let sibling = el.previousElementSibling;
-      while (sibling && !sibling.hasOwnProperty("_tooltip")) {
+      while (sibling && !Object.prototype.hasOwnProperty.call(sibling, "_tooltip")) {
         sibling = sibling.previousElementSibling;
       }
       return sibling;
     })();
     if (!tooltip) {
-      throw new Error(`${original2} must be placed after a tooltip trigger element`);
+      throw new Error(`${original} must be placed after a tooltip trigger element`);
     }
     el.classList.add(
       "absolute",
@@ -11025,7 +11038,7 @@ function tree_default(Alpine) {
       );
       el.setAttribute("data-slot", "subtree");
       el.setAttribute("role", "group");
-      const treeItem = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_tree_item"));
+      const treeItem = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_tree_item"));
       effect(() => {
         if (treeItem._h_tree_item.expanded) {
           el.classList.remove("!hidden");
@@ -11165,9 +11178,9 @@ function tree_default(Alpine) {
       });
     }
   });
-  Alpine.directive("h-tree-button", (el, { original: original2 }, { effect }) => {
-    const treeItem = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_tree_item"));
-    if (!treeItem) throw new Error(`${original2} must be inside a tree item`);
+  Alpine.directive("h-tree-button", (el, { original }, { effect }) => {
+    const treeItem = Alpine.findClosest(el.parentElement, (parent) => Object.prototype.hasOwnProperty.call(parent, "_h_tree_item"));
+    if (!treeItem) throw new Error(`${original} must be inside a tree item`);
     el.classList.add(
       "flex",
       "w-full",
@@ -11231,7 +11244,7 @@ function tree_default(Alpine) {
 }
 
 // package.json
-var version = "1.9.0";
+var version = "1.9.1";
 
 // src/utils/theme.js
 var colorSchemeKey = "codbex.harmonia.colorMode";
@@ -11324,7 +11337,7 @@ function focus_default(Alpine) {
 
 // src/utils/include.js
 function include_default(Alpine) {
-  Alpine.directive("h-include", (el, { modifiers, expression }, { evaluateLater, effect, cleanup, Alpine: Alpine2 }) => {
+  Alpine.directive("h-include", (el, { original, modifiers, expression }, { evaluateLater, effect, cleanup, Alpine: Alpine2 }) => {
     const getUrl = evaluateLater(expression);
     function executeScript(oldScript) {
       return new Promise((resolve, reject) => {
@@ -11399,7 +11412,7 @@ function include_default(Alpine) {
 
 // src/utils/template.js
 function template_default(Alpine) {
-  Alpine.directive("h-template", (el, { original: original2, expression }, { evaluate: evaluate2, Alpine: Alpine2, cleanup }) => {
+  Alpine.directive("h-template", (el, { original, expression }, { evaluate: evaluate2, Alpine: Alpine2, cleanup }) => {
     if (el.hasAttribute(Alpine2.prefixed("data"))) {
       const template = evaluate2(expression);
       const clone = template.content.cloneNode(true).firstElementChild;
@@ -11413,7 +11426,7 @@ function template_default(Alpine) {
         clone.remove();
       });
     } else {
-      console.error(`${original2}: ${Alpine2.prefixed("data")} directive is missing`);
+      console.error(`${original}: ${Alpine2.prefixed("data")} directive is missing`);
     }
   });
 }