@codbex/harmonia 1.2.0 → 1.2.1

package/dist/harmonia.js

@@ -304,10 +304,10 @@
       }) : { single: false };
       el.setAttribute("data-slot", "accordion");
     });
-    Alpine.directive("h-accordion-item", (el, { original, expression, modifiers }, { effect, Alpine: Alpine2 }) => {
+    Alpine.directive("h-accordion-item", (el, { original: original2, expression, modifiers }, { effect, Alpine: Alpine2 }) => {
       const accordion = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_accordion"));
       if (!accordion) {
-        throw new Error(`${original} must be inside an accordion`);
+        throw new Error(`${original2} must be inside an accordion`);
       }
       el.classList.add("border-b", "last:border-b-0", "[[data-variant=header]_&]:data-[state=closed]:border-b-0");
       el.setAttribute("data-slot", "accordion-item");
@@ -335,14 +335,14 @@
       setAttributes();
       effect(setAttributes);
     });
-    Alpine.directive("h-accordion-trigger", (el, { original, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
+    Alpine.directive("h-accordion-trigger", (el, { original: original2, expression }, { effect, evaluateLater, Alpine: Alpine2, cleanup }) => {
       if (el.tagName.length !== 2 && !el.tagName.startsWith("H")) {
-        throw new Error(`${original} must be a header element`);
+        throw new Error(`${original2} 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"));
       if (!accordionItem || !accordion) {
-        throw new Error(`${original} must have an accordion and accordion item parent elements`);
+        throw new Error(`${original2} must have an accordion and accordion item parent elements`);
       }
       el.classList.add(
         "flex",
@@ -527,10 +527,10 @@
         el.classList.add("cursor-pointer", "hover:bg-secondary-hover", "active:bg-secondary-active");
       }
     });
-    Alpine.directive("h-avatar-image", (el, { original }, { cleanup }) => {
+    Alpine.directive("h-avatar-image", (el, { original: original2 }, { cleanup }) => {
       const avatar = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_avatar"));
       if (!avatar) {
-        throw new Error(`${original} must be inside an avatar element`);
+        throw new Error(`${original2} must be inside an avatar element`);
       }
       el.classList.add("aspect-square", "size-full");
       el.setAttribute("data-slot", "avatar-image");
@@ -561,10 +561,10 @@
         observer.disconnect();
       });
     });
-    Alpine.directive("h-avatar-fallback", (el, { original }, { effect }) => {
+    Alpine.directive("h-avatar-fallback", (el, { original: original2 }, { effect }) => {
       const avatar = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_avatar"));
       if (!avatar) {
-        throw new Error(`${original} must be inside an avatar element`);
+        throw new Error(`${original2} must be inside an avatar element`);
       }
       el.classList.add("hidden", "bg-muted", "flex", "size-full", "items-center", "justify-center");
       el.setAttribute("data-slot", "avatar-fallback");
@@ -773,7 +773,7 @@
     }
   };
   function button_default(Alpine) {
-    Alpine.directive("h-button", (el, { original, modifiers }, { cleanup }) => {
+    Alpine.directive("h-button", (el, { original: original2, modifiers }, { cleanup }) => {
       setButtonClasses(el);
       if (!el.hasAttribute("data-slot")) {
         el.setAttribute("data-slot", "button");
@@ -790,7 +790,7 @@
         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(`${original}: Icon-only buttons must have an "aria-label" or "aria-labelledby" attribute`, el);
+          console.error(`${original2}: Icon-only buttons must have an "aria-label" or "aria-labelledby" attribute`, el);
         }
         lastSize = size3;
       }
@@ -2339,7 +2339,7 @@
 
   // src/components/calendar.js
   function calendar_default(Alpine) {
-    Alpine.directive("h-calendar", (el, { original, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-calendar", (el, { original: original2, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
       const datepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_datepicker"));
       el.classList.add("border", "rounded-control", "gap-2", "p-2");
       el.setAttribute("tabindex", "-1");
@@ -2383,7 +2383,7 @@
       const onInputChange = () => {
         const newValue = new Date(datepicker._h_datepicker.input.value);
         if (isNaN(newValue)) {
-          console.error(`${original}: input value is not a valid date - ${datepicker._h_datepicker.input.value}`);
+          console.error(`${original2}: 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()) {
@@ -2400,7 +2400,7 @@
         if (el.hasOwnProperty("_x_model") && el._x_model.get()) {
           selected = new Date(el._x_model.get());
           if (isNaN(selected)) {
-            console.error(`${original}: input value is not a valid date - ${el._x_model.get()}`);
+            console.error(`${original2}: 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) {
@@ -2909,10 +2909,10 @@
         });
       }
     });
-    Alpine.directive("h-collapsible-trigger", (el, { original, modifiers }, { effect, Alpine: Alpine2, cleanup }) => {
+    Alpine.directive("h-collapsible-trigger", (el, { original: original2, modifiers }, { effect, Alpine: Alpine2, cleanup }) => {
       const collapsible = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_collapsible"));
       if (!collapsible) {
-        throw new Error(`${original} must be inside a collapsible element`);
+        throw new Error(`${original2} must be inside a collapsible element`);
       }
       if (!el.hasAttribute("data-slot")) el.setAttribute("data-slot", "collapsible-trigger");
       if (modifiers.includes("chevron")) {
@@ -2931,10 +2931,10 @@
         el.removeEventListener("click", handler);
       });
     });
-    Alpine.directive("h-collapsible-content", (el, { original }, { effect, Alpine: Alpine2 }) => {
+    Alpine.directive("h-collapsible-content", (el, { original: original2 }, { effect, Alpine: Alpine2 }) => {
       const collapsible = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_collapsible"));
       if (!collapsible) {
-        throw new Error(`${original} must be inside an h-collapsible element`);
+        throw new Error(`${original2} must be inside an h-collapsible element`);
       }
       if (!el.hasAttribute("data-slot")) el.setAttribute("data-slot", "collapsible-content");
       el.classList.add("data-[state=closed]:!hidden");
@@ -2965,7 +2965,7 @@
 
   // src/components/datepicker.js
   function datepicker_default(Alpine) {
-    Alpine.directive("h-date-picker", (el, { original, modifiers }, { Alpine: Alpine2, cleanup }) => {
+    Alpine.directive("h-date-picker", (el, { original: original2, modifiers }, { Alpine: Alpine2, cleanup }) => {
       const state = Alpine2.reactive({
         expanded: false
       });
@@ -2978,7 +2978,7 @@
       };
       el._h_datepicker.input = el.querySelector("input");
       if (!el._h_datepicker.input || el._h_datepicker.input.tagName !== "INPUT") {
-        throw new Error(`${original} must contain an input`);
+        throw new Error(`${original2} must contain an input`);
       } else if (el._h_datepicker.input.hasAttribute("id")) {
         el._h_datepicker.id = el._h_datepicker.input.getAttribute("id");
       } else {
@@ -3055,16 +3055,16 @@
         observer.disconnect();
       });
     });
-    Alpine.directive("h-date-picker-trigger", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-date-picker-trigger", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "BUTTON") {
-        throw new Error(`${original} must be a button`);
+        throw new Error(`${original2} must be a button`);
       }
       if (!el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-        throw new Error(`${original}: must have an "aria-label" or "aria-labelledby" attribute`);
+        throw new Error(`${original2}: must have an "aria-label" or "aria-labelledby" attribute`);
       }
       const datepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_datepicker"));
       if (!datepicker) {
-        throw new Error(`${original} must be inside an date-picker element`);
+        throw new Error(`${original2} must be inside an date-picker element`);
       }
       el.classList.add("cursor-pointer", "inline-flex", "items-center", "justify-center", "h-full", "aspect-square", "bg-transparent", "hover:bg-secondary", "active:bg-secondary-active", "outline-none");
       if (datepicker._h_datepicker.inTable) {
@@ -3344,13 +3344,13 @@
 
   // src/components/icon.js
   function icon_default(Alpine) {
-    Alpine.directive("h-icon", (el, { original, modifiers }) => {
+    Alpine.directive("h-icon", (el, { original: original2, modifiers }) => {
       if (el.tagName.toLowerCase() !== "svg") {
-        throw new Error(`${original} works only on svg elements`);
+        throw new Error(`${original2} works only on svg elements`);
       } else if (!el.hasAttribute("role")) {
-        throw new Error(`${original} must have a role`);
+        throw new Error(`${original2} must have a role`);
       } else if (el.getAttribute("role") === "img" && !el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-        throw new Error(`${original}: svg images with the role of img must have an "aria-label" or "aria-labelledby" attribute`);
+        throw new Error(`${original2}: 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");
@@ -3567,7 +3567,7 @@
       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 }, { cleanup }) => {
+    Alpine.directive("h-input-number", (el, { original: original2 }, { cleanup }) => {
       el.classList.add(
         "overflow-hidden",
         "group/input-number",
@@ -3600,7 +3600,7 @@
       el.setAttribute("data-slot", "input-number");
       const input = el.querySelector("input");
       if (!input || input.getAttribute("type") !== "number") {
-        throw new Error(`${original} must contain an input of type 'number'`);
+        throw new Error(`${original2} must contain an input of type 'number'`);
       }
       if (!input.hasAttribute("type")) input.setAttribute("type", "number");
       if (!input.hasAttribute("inputmode")) input.setAttribute("inputmode", "numeric");
@@ -3846,13 +3846,13 @@
       el.setAttribute("data-slot", "list");
       el.setAttribute("role", "group");
     });
-    Alpine.directive("h-list-header", (el, { original }, { Alpine: Alpine2 }) => {
+    Alpine.directive("h-list-header", (el, { original: original2 }, { 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(`${original} must be placed inside a list element`);
+        throw new Error(`${original2} must be placed inside a list element`);
       }
       if (!el.hasAttribute("id")) {
         const id = `lbh${v4_default()}`;
@@ -3904,9 +3904,9 @@
       };
       el.setAttribute("data-state", "closed");
     });
-    Alpine.directive("h-menu", (el, { original, modifiers }, { cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-menu", (el, { original: original2, modifiers }, { cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "UL") {
-        throw new Error(`${original} must be an ul element`);
+        throw new Error(`${original2} must be an ul element`);
       }
       el.classList.add("hidden", "fixed", "bg-popover", "text-popover-foreground", "font-normal", "z-50", "min-w-[8rem]", "overflow-x-hidden", "overflow-y-auto", "rounded-md", "p-1", "shadow-md", "border", "outline-none");
       el.setAttribute("role", "menu");
@@ -3914,7 +3914,7 @@
       el.setAttribute("tabindex", "-1");
       el.setAttribute("data-slot", "menu");
       if (!el.hasAttribute("aria-labelledby") && !el.hasAttribute("aria-label")) {
-        throw new Error(`${original} must have an "aria-label" or "aria-labelledby" attribute`);
+        throw new Error(`${original2} must have an "aria-label" or "aria-labelledby" attribute`);
       }
       const isSubmenu = modifiers.includes("sub");
       const menuTrigger = (() => {
@@ -3926,7 +3926,7 @@
         return sibling;
       })();
       if (!isSubmenu && !menuTrigger) {
-        throw new Error(`${original} menu must be placed after a menu trigger element`);
+        throw new Error(`${original2} menu must be placed after a menu trigger element`);
       }
       let menuSubItem;
       if (isSubmenu) menuSubItem = Alpine2.findClosest(el.parentElement, (parent) => parent.getAttribute("data-slot") === "menu-sub");
@@ -4145,9 +4145,9 @@
         el.removeEventListener("keydown", onKeyDown);
       });
     });
-    Alpine.directive("h-menu-item", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-menu-item", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "LI") {
-        throw new Error(`${original} must be a li element`);
+        throw new Error(`${original2} must be a li element`);
       }
       el.classList.add(
         "focus:bg-secondary-hover",
@@ -4201,7 +4201,7 @@
         el.removeEventListener("mouseleave", focusOut);
       });
     });
-    Alpine.directive("h-menu-sub", (el, { original }, { cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-menu-sub", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
       el.classList.add(
         "focus:bg-secondary-hover",
         "hover:bg-secondary-hover",
@@ -4233,7 +4233,7 @@
       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(`${original} must have a parent`);
+      if (!parentMenu) throw new Error(`${original2} must have a parent`);
       el._menu_sub = {
         open: void 0,
         close: void 0,
@@ -4327,9 +4327,9 @@
       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 }, { cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-menu-checkbox-item", (el, { original: original2 }, { cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "LI" && el.tagName !== "DIV") {
-        throw new Error(`${original} must be a li or div element`);
+        throw new Error(`${original2} must be a li or div element`);
       }
       el.classList.add(
         "focus:bg-secondary-hover",
@@ -4395,9 +4395,9 @@
         el.removeEventListener("mouseleave", focusOut);
       });
     });
-    Alpine.directive("h-menu-radio-item", (el, { original, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-menu-radio-item", (el, { original: original2, expression }, { effect, evaluateLater, cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "LI" && el.tagName !== "DIV") {
-        throw new Error(`${original} must be a li or div element`);
+        throw new Error(`${original2} must be a li or div element`);
       }
       el.classList.add(
         "focus:bg-secondary-hover",
@@ -4625,7 +4625,7 @@
         });
       }
     });
-    Alpine.directive("h-popover", (el, { original, modifiers }, { effect }) => {
+    Alpine.directive("h-popover", (el, { original: original2, modifiers }, { effect }) => {
       const popover = (() => {
         let sibling = el.previousElementSibling;
         while (sibling && !sibling.hasOwnProperty("_popover")) {
@@ -4634,7 +4634,7 @@
         return sibling;
       })();
       if (!popover) {
-        throw new Error(`${original} must be placed after a popover element`);
+        throw new Error(`${original2} must be placed after a popover element`);
       }
       el.classList.add("absolute", "bg-popover", "text-popover-foreground", "data-[state=closed]:hidden", "top-0", "left-0", "z-50", "min-w-[1rem]", "rounded-md", "border", "shadow-md", "outline-hidden", "overflow-scroll");
       el.setAttribute("data-slot", "popover");
@@ -6695,13 +6695,13 @@
         });
       }
     });
-    Alpine.directive("h-select-input", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-select-input", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "INPUT") {
-        throw new Error(`${original} must be a readonly input of type "text"`);
+        throw new Error(`${original2} must be a readonly input of type "text"`);
       }
       const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
       if (!select) {
-        throw new Error(`${original} must be inside a select element`);
+        throw new Error(`${original2} must be inside a select element`);
       } else if (el.hasOwnProperty("_x_model")) {
         select._h_select.multiple = Array.isArray(el._x_model.get());
         select._h_model.set = (value) => {
@@ -6954,10 +6954,10 @@
         observer.disconnect();
       });
     });
-    Alpine.directive("h-select-content", (el, { original }, { effect, Alpine: Alpine2 }) => {
+    Alpine.directive("h-select-content", (el, { original: original2 }, { effect, Alpine: Alpine2 }) => {
       const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
       if (!select) {
-        throw new Error(`${original} must be inside a select element`);
+        throw new Error(`${original2} must be inside a select element`);
       }
       el.classList.add("absolute", "bg-popover", "text-popover-foreground", "data-[state=closed]:hidden", "p-1", "top-0", "left-0", "z-50", "min-w-[1rem]", "overflow-x-hidden", "overflow-y-auto", "rounded-md", "border", "shadow-md");
       el.setAttribute("data-slot", "select-content");
@@ -6968,7 +6968,7 @@
       el.setAttribute("data-state", select._h_select.expanded ? "open" : "closed");
       const control = select.querySelector(`#${select._h_select.id}`);
       if (!control) {
-        throw new Error(`${original}: trigger not found`);
+        throw new Error(`${original2}: trigger not found`);
       }
       let autoUpdateCleanup;
       function updatePosition() {
@@ -7010,10 +7010,10 @@
         }
       });
     });
-    Alpine.directive("h-select-search", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-select-search", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
       const select = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
       if (!select) {
-        throw new Error(`${original} must be inside an h-select element`);
+        throw new Error(`${original2} must be inside an h-select element`);
       } else {
         select._h_select.filterType = FilterType[el.getAttribute("data-filter")] ?? FilterType["starts-with"];
       }
@@ -7085,10 +7085,10 @@
         selectGroup._h_selectGroup.labelledby = id;
       }
     });
-    Alpine.directive("h-select-option", (el, { original, expression }, { effect, evaluateLater, cleanup }) => {
+    Alpine.directive("h-select-option", (el, { original: original2, expression }, { effect, evaluateLater, cleanup }) => {
       const select = Alpine.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_select"));
       if (!select) {
-        throw new Error(`${original} must be inside an h-select element`);
+        throw new Error(`${original2} must be inside an h-select element`);
       }
       el.classList.add(
         "focus:bg-primary",
@@ -7373,6 +7373,11 @@
         "md:after:hidden",
         "group-data-[collapsed=true]/sidebar:hidden"
       );
+      if (el.tagName !== "BUTTON") {
+        el.setAttribute("role", "button");
+      } else {
+        el.setAttribute("type", "button");
+      }
       el.setAttribute("data-slot", "sidebar-group-action");
     });
     Alpine.directive("h-sidebar-group-content", (el) => {
@@ -7383,11 +7388,18 @@
       el.classList.add("vbox", "w-full", "min-w-0", "gap-1");
       el.setAttribute("data-slot", "sidebar-menu");
     });
-    Alpine.directive("h-sidebar-menu-item", (el) => {
+    Alpine.directive("h-sidebar-menu-item", (el, { original: original2 }) => {
+      if (el.tagName !== "BUTTON") {
+        throw new Error(`${original2} must be a button`);
+      }
       el.classList.add("group/menu-item", "relative");
+      el.setAttribute("type", "button");
       el.setAttribute("data-slot", "sidebar-menu-item");
     });
     Alpine.directive("h-sidebar-menu-button", (el) => {
+      if (el.tagName !== "BUTTON") {
+        throw new Error(`${original} must be a button`);
+      }
       el.classList.add(
         "peer/menu-button",
         "flex",
@@ -7427,6 +7439,7 @@
         "[&>svg]:shrink-0",
         "[&>svg:not(:first-child):last-child]:ml-auto"
       );
+      el.setAttribute("type", "button");
       if (!el.hasAttribute("data-slot")) el.setAttribute("data-slot", "sidebar-menu-button");
       const sizes = {
         default: ["h-8", "text-sm"],
@@ -7474,6 +7487,11 @@
       if (modifiers.includes("autohide")) {
         el.classList.add("peer-data-[active=true]/menu-button:text-sidebar-secondary-foreground", "group-focus-within/menu-item:opacity-100", "group-hover/menu-item:opacity-100", "data-[state=open]:opacity-100", "md:opacity-0");
       }
+      if (el.tagName !== "BUTTON") {
+        el.setAttribute("role", "button");
+      } else {
+        el.setAttribute("type", "button");
+      }
       el.setAttribute("data-slot", "sidebar-menu-action");
     });
     Alpine.directive("h-sidebar-menu-badge", (el) => {
@@ -7532,6 +7550,9 @@
       el.setAttribute("data-slot", "sidebar-menu-sub-item");
     });
     Alpine.directive("h-sidebar-menu-sub-button", (el) => {
+      if (el.tagName !== "BUTTON") {
+        throw new Error(`${original} must be a button`);
+      }
       el.classList.add(
         "text-sidebar-foreground",
         "ring-sidebar-ring",
@@ -7566,6 +7587,7 @@
         "data-[active=true]:text-sidebar-primary-foreground",
         "group-data-[collapsed=true]/sidebar:hidden"
       );
+      el.setAttribute("type", "button");
       el.setAttribute("data-slot", "sidebar-menu-sub-button");
       const sizes = {
         sm: ["text-xs"],
@@ -7828,10 +7850,10 @@
         observer.disconnect();
       });
     });
-    Alpine.directive("h-split-panel", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-split-panel", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
       const split = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_split"));
       if (!split) {
-        throw new Error(`${original} must be inside an split element`);
+        throw new Error(`${original2} must be inside an split element`);
       }
       el.classList.add("flex", "shrink", "grow-0", "box-border", "min-w-0", "min-h-0", "overflow-visible");
       el.setAttribute("tabindex", "-1");
@@ -8351,7 +8373,7 @@
       el.setAttribute("role", "tablist");
       el.setAttribute("data-slot", "tab-list");
     });
-    Alpine.directive("h-tab", (el, { original }) => {
+    Alpine.directive("h-tab", (el, { original: original2 }) => {
       el.classList.add(
         "cursor-pointer",
         "focus-visible:border-ring",
@@ -8398,8 +8420,8 @@
       );
       el.setAttribute("role", "tab");
       el.setAttribute("data-slot", "tab");
-      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.`);
+      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.`);
     });
     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");
@@ -8433,13 +8455,13 @@
       el.setAttribute("role", "button");
       el.setAttribute("data-slot", "tab-list-action");
     });
-    Alpine.directive("h-tabs-content", (el, { original }) => {
+    Alpine.directive("h-tabs-content", (el, { original: original2 }) => {
       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(`${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.`);
+      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.`);
     });
   }
 
@@ -8832,13 +8854,13 @@
         top.removeEventListener("click", el._h_timepicker.close);
       });
     });
-    Alpine.directive("h-time-picker-input", (el, { original }, { effect, cleanup, Alpine: Alpine2 }) => {
+    Alpine.directive("h-time-picker-input", (el, { original: original2 }, { effect, cleanup, Alpine: Alpine2 }) => {
       if (el.tagName !== "INPUT") {
-        throw new Error(`${original} must be a readonly input of type "text"`);
+        throw new Error(`${original2} must be a readonly input of type "text"`);
       }
       const timepicker = Alpine2.findClosest(el.parentElement, (parent) => parent.hasOwnProperty("_h_timepicker"));
       if (!timepicker) {
-        throw new Error(`${original} must be inside a time-picker element`);
+        throw new Error(`${original2} must be inside a time-picker element`);
       }
       timepicker._h_timepicker.focusInput = () => {
         el.focus();
@@ -9487,7 +9509,7 @@
         el.removeEventListener("pointerleave", handler);
       });
     });
-    Alpine.directive("h-tooltip", (el, { original }, { effect }) => {
+    Alpine.directive("h-tooltip", (el, { original: original2 }, { effect }) => {
       const tooltip = (() => {
         let sibling = el.previousElementSibling;
         while (sibling && !sibling.hasOwnProperty("_tooltip")) {
@@ -9496,7 +9518,7 @@
         return sibling;
       })();
       if (!tooltip) {
-        throw new Error(`${original} must be placed after a tooltip trigger element`);
+        throw new Error(`${original2} must be placed after a tooltip trigger element`);
       }
       el.classList.add("absolute", "bg-foreground", "text-background", "z-50", "w-fit", "rounded-md", "px-3", "py-1.5", "text-xs", "text-balance");
       el.setAttribute("data-slot", "tooltip");
@@ -9702,9 +9724,9 @@
         });
       }
     });
-    Alpine.directive("h-tree-button", (el, { original }, { effect }) => {
+    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(`${original} must be inside a tree item`);
+      if (!treeItem) throw new Error(`${original2} must be inside a tree item`);
       el.classList.add(
         "flex",
         "w-full",
@@ -9859,7 +9881,7 @@
 
   // src/utils/template.js
   function template_default(Alpine) {
-    Alpine.directive("h-template", (el, { original, expression }, { evaluate: evaluate2, Alpine: Alpine2, cleanup }) => {
+    Alpine.directive("h-template", (el, { original: original2, expression }, { evaluate: evaluate2, Alpine: Alpine2, cleanup }) => {
       if (el.hasAttribute(Alpine2.prefixed("data"))) {
         const template = evaluate2(expression);
         const clone = template.content.cloneNode(true).firstElementChild;
@@ -9873,7 +9895,7 @@
           clone.remove();
         });
       } else {
-        console.error(`${original}: ${Alpine2.prefixed("data")} directive is missing`);
+        console.error(`${original2}: ${Alpine2.prefixed("data")} directive is missing`);
       }
     });
   }
@@ -9891,7 +9913,7 @@
   }
 
   // package.json
-  var version = "1.2.0";
+  var version = "1.2.1";
 
   // src/index.js
   window.Harmonia = { getBreakpointListener, addColorSchemeListener, getColorScheme, removeColorSchemeListener, setColorScheme, version };