@manzanohq/components 0.1.1

package/dist/internal/math.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/math.ts"],
+  "sourcesContent": ["/** Clamp a value between min and max */\nexport function clamp(value: number, min: number, max: number): number {\n  return Math.min(Math.max(value, min), max);\n}\n\n/** Round a value to a given number of decimal places */\nexport function roundTo(value: number, decimals: number): number {\n  const factor = 10 ** decimals;\n  return Math.round(value * factor) / factor;\n}\n"],
+  "mappings": "AACO,SAAS,MAAM,OAAe,KAAa,KAAqB;AACrE,SAAO,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,GAAG,GAAG;AAC3C;AAGO,SAAS,QAAQ,OAAe,UAA0B;AAC/D,QAAM,SAAS,MAAM;AACrB,SAAO,KAAK,MAAM,QAAQ,MAAM,IAAI;AACtC;",
+  "names": []
+}

package/dist/internal/modal.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Focus trap for modal components (dialog, drawer, etc).
+ * Traps Tab/Shift+Tab within the modal boundary.
+ */
+export declare class FocusTrap {
+    private element;
+    private active;
+    constructor(element: HTMLElement);
+    /** Activate the focus trap */
+    activate(): void;
+    /** Deactivate the focus trap */
+    deactivate(): void;
+    private handleKeyDown;
+}
+//# sourceMappingURL=modal.d.ts.map

package/dist/internal/modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/internal/modal.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,qBAAa,SAAS;IACpB,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,MAAM,CAAS;gBAEX,OAAO,EAAE,WAAW;IAIhC,8BAA8B;IAC9B,QAAQ,IAAI,IAAI;IAMhB,gCAAgC;IAChC,UAAU,IAAI,IAAI;IAMlB,OAAO,CAAC,aAAa,CAgBnB;CACH"}

package/dist/internal/modal.js

@@ -0,0 +1,37 @@
+import { getTabbableElements } from "./tabbable.js";
+class FocusTrap {
+  constructor(element) {
+    this.active = false;
+    this.handleKeyDown = (event) => {
+      if (event.key !== "Tab") return;
+      const tabbable = getTabbableElements(this.element);
+      if (tabbable.length === 0) return;
+      const first = tabbable[0];
+      const last = tabbable[tabbable.length - 1];
+      if (event.shiftKey && document.activeElement === first) {
+        event.preventDefault();
+        last.focus();
+      } else if (!event.shiftKey && document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    };
+    this.element = element;
+  }
+  /** Activate the focus trap */
+  activate() {
+    if (this.active) return;
+    this.active = true;
+    document.addEventListener("keydown", this.handleKeyDown);
+  }
+  /** Deactivate the focus trap */
+  deactivate() {
+    if (!this.active) return;
+    this.active = false;
+    document.removeEventListener("keydown", this.handleKeyDown);
+  }
+}
+export {
+  FocusTrap
+};
+//# sourceMappingURL=modal.js.map

package/dist/internal/modal.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/modal.ts"],
+  "sourcesContent": ["import { getTabbableElements } from './tabbable.js';\n\n/**\n * Focus trap for modal components (dialog, drawer, etc).\n * Traps Tab/Shift+Tab within the modal boundary.\n */\nexport class FocusTrap {\n  private element: HTMLElement;\n  private active = false;\n\n  constructor(element: HTMLElement) {\n    this.element = element;\n  }\n\n  /** Activate the focus trap */\n  activate(): void {\n    if (this.active) return;\n    this.active = true;\n    document.addEventListener('keydown', this.handleKeyDown);\n  }\n\n  /** Deactivate the focus trap */\n  deactivate(): void {\n    if (!this.active) return;\n    this.active = false;\n    document.removeEventListener('keydown', this.handleKeyDown);\n  }\n\n  private handleKeyDown = (event: KeyboardEvent): void => {\n    if (event.key !== 'Tab') return;\n\n    const tabbable = getTabbableElements(this.element);\n    if (tabbable.length === 0) return;\n\n    const first = tabbable[0];\n    const last = tabbable[tabbable.length - 1];\n\n    if (event.shiftKey && document.activeElement === first) {\n      event.preventDefault();\n      last.focus();\n    } else if (!event.shiftKey && document.activeElement === last) {\n      event.preventDefault();\n      first.focus();\n    }\n  };\n}\n"],
+  "mappings": "AAAA,SAAS,2BAA2B;AAM7B,MAAM,UAAU;AAAA,EAIrB,YAAY,SAAsB;AAFlC,SAAQ,SAAS;AAoBjB,SAAQ,gBAAgB,CAAC,UAA+B;AACtD,UAAI,MAAM,QAAQ,MAAO;AAEzB,YAAM,WAAW,oBAAoB,KAAK,OAAO;AACjD,UAAI,SAAS,WAAW,EAAG;AAE3B,YAAM,QAAQ,SAAS,CAAC;AACxB,YAAM,OAAO,SAAS,SAAS,SAAS,CAAC;AAEzC,UAAI,MAAM,YAAY,SAAS,kBAAkB,OAAO;AACtD,cAAM,eAAe;AACrB,aAAK,MAAM;AAAA,MACb,WAAW,CAAC,MAAM,YAAY,SAAS,kBAAkB,MAAM;AAC7D,cAAM,eAAe;AACrB,cAAM,MAAM;AAAA,MACd;AAAA,IACF;AAjCE,SAAK,UAAU;AAAA,EACjB;AAAA;AAAA,EAGA,WAAiB;AACf,QAAI,KAAK,OAAQ;AACjB,SAAK,SAAS;AACd,aAAS,iBAAiB,WAAW,KAAK,aAAa;AAAA,EACzD;AAAA;AAAA,EAGA,aAAmB;AACjB,QAAI,CAAC,KAAK,OAAQ;AAClB,SAAK,SAAS;AACd,aAAS,oBAAoB,WAAW,KAAK,aAAa;AAAA,EAC5D;AAmBF;",
+  "names": []
+}

package/dist/internal/scroll.d.ts

@@ -0,0 +1,4 @@
+export declare function lockScroll(): void;
+/** Unlock page scrolling */
+export declare function unlockScroll(): void;
+//# sourceMappingURL=scroll.d.ts.map

package/dist/internal/scroll.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["../../src/internal/scroll.ts"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,IAAI,IAAI,CAKjC;AAED,4BAA4B;AAC5B,wBAAgB,YAAY,IAAI,IAAI,CAInC"}

package/dist/internal/scroll.js

@@ -0,0 +1,17 @@
+const scrollbarWidthVar = "--mz-scroll-lock-size";
+function lockScroll() {
+  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
+  document.documentElement.style.setProperty(scrollbarWidthVar, `${scrollbarWidth}px`);
+  document.documentElement.style.overflow = "hidden";
+  document.documentElement.style.paddingInlineEnd = `${scrollbarWidth}px`;
+}
+function unlockScroll() {
+  document.documentElement.style.removeProperty(scrollbarWidthVar);
+  document.documentElement.style.removeProperty("overflow");
+  document.documentElement.style.removeProperty("padding-inline-end");
+}
+export {
+  lockScroll,
+  unlockScroll
+};
+//# sourceMappingURL=scroll.js.map

package/dist/internal/scroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/scroll.ts"],
+  "sourcesContent": ["/** Lock page scrolling (for modals) */\nconst scrollbarWidthVar = '--mz-scroll-lock-size';\n\nexport function lockScroll(): void {\n  const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;\n  document.documentElement.style.setProperty(scrollbarWidthVar, `${scrollbarWidth}px`);\n  document.documentElement.style.overflow = 'hidden';\n  document.documentElement.style.paddingInlineEnd = `${scrollbarWidth}px`;\n}\n\n/** Unlock page scrolling */\nexport function unlockScroll(): void {\n  document.documentElement.style.removeProperty(scrollbarWidthVar);\n  document.documentElement.style.removeProperty('overflow');\n  document.documentElement.style.removeProperty('padding-inline-end');\n}\n"],
+  "mappings": "AACA,MAAM,oBAAoB;AAEnB,SAAS,aAAmB;AACjC,QAAM,iBAAiB,OAAO,aAAa,SAAS,gBAAgB;AACpE,WAAS,gBAAgB,MAAM,YAAY,mBAAmB,GAAG,cAAc,IAAI;AACnF,WAAS,gBAAgB,MAAM,WAAW;AAC1C,WAAS,gBAAgB,MAAM,mBAAmB,GAAG,cAAc;AACrE;AAGO,SAAS,eAAqB;AACnC,WAAS,gBAAgB,MAAM,eAAe,iBAAiB;AAC/D,WAAS,gBAAgB,MAAM,eAAe,UAAU;AACxD,WAAS,gBAAgB,MAAM,eAAe,oBAAoB;AACpE;",
+  "names": []
+}

package/dist/internal/slot.d.ts

@@ -0,0 +1,30 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+/**
+ * HasSlotController — watches slot content via slotchange events and triggers updates
+ * when slot content changes. Useful for conditionally rendering wrapper elements.
+ *
+ * Usage:
+ * ```ts
+ * private readonly hasSlotController = new HasSlotController(this, 'prefix', 'suffix');
+ *
+ * render() {
+ *   const hasPrefix = this.hasSlotController.test('prefix');
+ *   return html`
+ *     ${hasPrefix ? html`<span part="prefix"><slot name="prefix"></slot></span>` : ''}
+ *   `;
+ * }
+ * ```
+ */
+export declare class HasSlotController implements ReactiveController {
+    private host;
+    private observer;
+    constructor(host: ReactiveControllerHost & Element, ..._slotNames: string[]);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    /** Test whether a named slot has content */
+    test(slotName: string): boolean;
+    private hasDefaultSlotContent;
+    private hasNamedSlotContent;
+    private handleMutation;
+}
+//# sourceMappingURL=slot.d.ts.map

package/dist/internal/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/internal/slot.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,iBAAkB,YAAW,kBAAkB;IAC1D,OAAO,CAAC,IAAI,CAAmC;IAC/C,OAAO,CAAC,QAAQ,CAAiC;gBAErC,IAAI,EAAE,sBAAsB,GAAG,OAAO,EAAE,GAAG,UAAU,EAAE,MAAM,EAAE;IAK3E,aAAa,IAAI,IAAI;IAKrB,gBAAgB,IAAI,IAAI;IAKxB,4CAA4C;IAC5C,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO;IAO/B,OAAO,CAAC,qBAAqB;IAa7B,OAAO,CAAC,mBAAmB;IAI3B,OAAO,CAAC,cAAc,CAEpB;CACH"}

package/dist/internal/slot.js

@@ -0,0 +1,44 @@
+class HasSlotController {
+  constructor(host, ..._slotNames) {
+    this.observer = null;
+    this.handleMutation = () => {
+      this.host.requestUpdate();
+    };
+    this.host = host;
+    host.addController(this);
+  }
+  hostConnected() {
+    this.observer = new MutationObserver(this.handleMutation);
+    this.observer.observe(this.host, { childList: true, subtree: false });
+  }
+  hostDisconnected() {
+    this.observer?.disconnect();
+    this.observer = null;
+  }
+  /** Test whether a named slot has content */
+  test(slotName) {
+    if (slotName === "" || slotName === "default") {
+      return this.hasDefaultSlotContent();
+    }
+    return this.hasNamedSlotContent(slotName);
+  }
+  hasDefaultSlotContent() {
+    for (const node of this.host.childNodes) {
+      if (node.nodeType === Node.ELEMENT_NODE) {
+        const el = node;
+        if (!el.hasAttribute("slot")) return true;
+      }
+      if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {
+        return true;
+      }
+    }
+    return false;
+  }
+  hasNamedSlotContent(name) {
+    return this.host.querySelector(`:scope > [slot="${name}"]`) !== null;
+  }
+}
+export {
+  HasSlotController
+};
+//# sourceMappingURL=slot.js.map

package/dist/internal/slot.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/slot.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\n/**\n * HasSlotController \u2014 watches slot content via slotchange events and triggers updates\n * when slot content changes. Useful for conditionally rendering wrapper elements.\n *\n * Usage:\n * ```ts\n * private readonly hasSlotController = new HasSlotController(this, 'prefix', 'suffix');\n *\n * render() {\n *   const hasPrefix = this.hasSlotController.test('prefix');\n *   return html`\n *     ${hasPrefix ? html`<span part=\"prefix\"><slot name=\"prefix\"></slot></span>` : ''}\n *   `;\n * }\n * ```\n */\nexport class HasSlotController implements ReactiveController {\n  private host: ReactiveControllerHost & Element;\n  private observer: MutationObserver | null = null;\n\n  constructor(host: ReactiveControllerHost & Element, ..._slotNames: string[]) {\n    this.host = host;\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    this.observer = new MutationObserver(this.handleMutation);\n    this.observer.observe(this.host, { childList: true, subtree: false });\n  }\n\n  hostDisconnected(): void {\n    this.observer?.disconnect();\n    this.observer = null;\n  }\n\n  /** Test whether a named slot has content */\n  test(slotName: string): boolean {\n    if (slotName === '' || slotName === 'default') {\n      return this.hasDefaultSlotContent();\n    }\n    return this.hasNamedSlotContent(slotName);\n  }\n\n  private hasDefaultSlotContent(): boolean {\n    for (const node of this.host.childNodes) {\n      if (node.nodeType === Node.ELEMENT_NODE) {\n        const el = node as Element;\n        if (!el.hasAttribute('slot')) return true;\n      }\n      if (node.nodeType === Node.TEXT_NODE && node.textContent?.trim()) {\n        return true;\n      }\n    }\n    return false;\n  }\n\n  private hasNamedSlotContent(name: string): boolean {\n    return this.host.querySelector(`:scope > [slot=\"${name}\"]`) !== null;\n  }\n\n  private handleMutation = (): void => {\n    this.host.requestUpdate();\n  };\n}\n"],
+  "mappings": "AAkBO,MAAM,kBAAgD;AAAA,EAI3D,YAAY,SAA2C,YAAsB;AAF7E,SAAQ,WAAoC;AA0C5C,SAAQ,iBAAiB,MAAY;AACnC,WAAK,KAAK,cAAc;AAAA,IAC1B;AAzCE,SAAK,OAAO;AACZ,SAAK,cAAc,IAAI;AAAA,EACzB;AAAA,EAEA,gBAAsB;AACpB,SAAK,WAAW,IAAI,iBAAiB,KAAK,cAAc;AACxD,SAAK,SAAS,QAAQ,KAAK,MAAM,EAAE,WAAW,MAAM,SAAS,MAAM,CAAC;AAAA,EACtE;AAAA,EAEA,mBAAyB;AACvB,SAAK,UAAU,WAAW;AAC1B,SAAK,WAAW;AAAA,EAClB;AAAA;AAAA,EAGA,KAAK,UAA2B;AAC9B,QAAI,aAAa,MAAM,aAAa,WAAW;AAC7C,aAAO,KAAK,sBAAsB;AAAA,IACpC;AACA,WAAO,KAAK,oBAAoB,QAAQ;AAAA,EAC1C;AAAA,EAEQ,wBAAiC;AACvC,eAAW,QAAQ,KAAK,KAAK,YAAY;AACvC,UAAI,KAAK,aAAa,KAAK,cAAc;AACvC,cAAM,KAAK;AACX,YAAI,CAAC,GAAG,aAAa,MAAM,EAAG,QAAO;AAAA,MACvC;AACA,UAAI,KAAK,aAAa,KAAK,aAAa,KAAK,aAAa,KAAK,GAAG;AAChE,eAAO;AAAA,MACT;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAEQ,oBAAoB,MAAuB;AACjD,WAAO,KAAK,KAAK,cAAc,mBAAmB,IAAI,IAAI,MAAM;AAAA,EAClE;AAKF;",
+  "names": []
+}

package/dist/internal/string.d.ts

@@ -0,0 +1,5 @@
+/** Convert a string to kebab-case */
+export declare function toKebabCase(str: string): string;
+/** Convert kebab-case to PascalCase */
+export declare function toPascalCase(str: string): string;
+//# sourceMappingURL=string.d.ts.map

package/dist/internal/string.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../src/internal/string.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAK/C;AAED,uCAAuC;AACvC,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKhD"}

package/dist/internal/string.js

@@ -0,0 +1,11 @@
+function toKebabCase(str) {
+  return str.replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase();
+}
+function toPascalCase(str) {
+  return str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
+}
+export {
+  toKebabCase,
+  toPascalCase
+};
+//# sourceMappingURL=string.js.map

package/dist/internal/string.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/string.ts"],
+  "sourcesContent": ["/** Convert a string to kebab-case */\nexport function toKebabCase(str: string): string {\n  return str\n    .replace(/([a-z])([A-Z])/g, '$1-$2')\n    .replace(/[\\s_]+/g, '-')\n    .toLowerCase();\n}\n\n/** Convert kebab-case to PascalCase */\nexport function toPascalCase(str: string): string {\n  return str\n    .split('-')\n    .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n    .join('');\n}\n"],
+  "mappings": "AACO,SAAS,YAAY,KAAqB;AAC/C,SAAO,IACJ,QAAQ,mBAAmB,OAAO,EAClC,QAAQ,WAAW,GAAG,EACtB,YAAY;AACjB;AAGO,SAAS,aAAa,KAAqB;AAChD,SAAO,IACJ,MAAM,GAAG,EACT,IAAI,UAAQ,KAAK,OAAO,CAAC,EAAE,YAAY,IAAI,KAAK,MAAM,CAAC,CAAC,EACxD,KAAK,EAAE;AACZ;",
+  "names": []
+}

package/dist/internal/tabbable.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get all tabbable elements within a container, including those inside shadow DOMs.
+ */
+export declare function getTabbableElements(root: HTMLElement | ShadowRoot): HTMLElement[];
+//# sourceMappingURL=tabbable.d.ts.map

package/dist/internal/tabbable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabbable.d.ts","sourceRoot":"","sources":["../../src/internal/tabbable.ts"],"names":[],"mappings":"AAuBA;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,WAAW,GAAG,UAAU,GAAG,WAAW,EAAE,CAkCjF"}

package/dist/internal/tabbable.js

@@ -0,0 +1,49 @@
+const tabbableSelector = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  'input:not([disabled]):not([type="hidden"])',
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  '[tabindex]:not([tabindex="-1"])',
+  '[contenteditable]:not([contenteditable="false"])',
+  "audio[controls]",
+  "video[controls]",
+  "details > summary:first-of-type"
+].join(",");
+function isVisible(el) {
+  if (el.hidden) return false;
+  const style = getComputedStyle(el);
+  return style.display !== "none" && style.visibility !== "hidden" && style.opacity !== "0";
+}
+function getTabbableElements(root) {
+  const result = [];
+  function walk(node) {
+    if (node instanceof HTMLElement && node.shadowRoot) {
+      walk(node.shadowRoot);
+    }
+    const container = node instanceof ShadowRoot ? node : node;
+    const elements = container.querySelectorAll(tabbableSelector);
+    for (const el of elements) {
+      if (isVisible(el)) {
+        result.push(el);
+      }
+      if (el.shadowRoot) {
+        walk(el.shadowRoot);
+      }
+    }
+  }
+  walk(root);
+  return result.sort((a, b) => {
+    const aIndex = Math.max(0, a.tabIndex);
+    const bIndex = Math.max(0, b.tabIndex);
+    if (aIndex === bIndex) return 0;
+    if (aIndex === 0) return 1;
+    if (bIndex === 0) return -1;
+    return aIndex - bIndex;
+  });
+}
+export {
+  getTabbableElements
+};
+//# sourceMappingURL=tabbable.js.map

package/dist/internal/tabbable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/tabbable.ts"],
+  "sourcesContent": ["/**\n * Find tabbable elements within a container, traversing shadow DOM boundaries.\n */\nconst tabbableSelector = [\n  'a[href]',\n  'area[href]',\n  'button:not([disabled])',\n  'input:not([disabled]):not([type=\"hidden\"])',\n  'select:not([disabled])',\n  'textarea:not([disabled])',\n  '[tabindex]:not([tabindex=\"-1\"])',\n  '[contenteditable]:not([contenteditable=\"false\"])',\n  'audio[controls]',\n  'video[controls]',\n  'details > summary:first-of-type'\n].join(',');\n\nfunction isVisible(el: HTMLElement): boolean {\n  if (el.hidden) return false;\n  const style = getComputedStyle(el);\n  return style.display !== 'none' && style.visibility !== 'hidden' && style.opacity !== '0';\n}\n\n/**\n * Get all tabbable elements within a container, including those inside shadow DOMs.\n */\nexport function getTabbableElements(root: HTMLElement | ShadowRoot): HTMLElement[] {\n  const result: HTMLElement[] = [];\n\n  function walk(node: HTMLElement | ShadowRoot): void {\n    // Check for shadow root\n    if (node instanceof HTMLElement && node.shadowRoot) {\n      walk(node.shadowRoot);\n    }\n\n    const container = node instanceof ShadowRoot ? node : node;\n    const elements = container.querySelectorAll<HTMLElement>(tabbableSelector);\n\n    for (const el of elements) {\n      if (isVisible(el)) {\n        result.push(el);\n      }\n      // Recurse into shadow roots\n      if (el.shadowRoot) {\n        walk(el.shadowRoot);\n      }\n    }\n  }\n\n  walk(root);\n\n  // Sort by tabindex (0 or positive come after natural order)\n  return result.sort((a, b) => {\n    const aIndex = Math.max(0, a.tabIndex);\n    const bIndex = Math.max(0, b.tabIndex);\n    if (aIndex === bIndex) return 0;\n    if (aIndex === 0) return 1;\n    if (bIndex === 0) return -1;\n    return aIndex - bIndex;\n  });\n}\n"],
+  "mappings": "AAGA,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,KAAK,GAAG;AAEV,SAAS,UAAU,IAA0B;AAC3C,MAAI,GAAG,OAAQ,QAAO;AACtB,QAAM,QAAQ,iBAAiB,EAAE;AACjC,SAAO,MAAM,YAAY,UAAU,MAAM,eAAe,YAAY,MAAM,YAAY;AACxF;AAKO,SAAS,oBAAoB,MAA+C;AACjF,QAAM,SAAwB,CAAC;AAE/B,WAAS,KAAK,MAAsC;AAElD,QAAI,gBAAgB,eAAe,KAAK,YAAY;AAClD,WAAK,KAAK,UAAU;AAAA,IACtB;AAEA,UAAM,YAAY,gBAAgB,aAAa,OAAO;AACtD,UAAM,WAAW,UAAU,iBAA8B,gBAAgB;AAEzE,eAAW,MAAM,UAAU;AACzB,UAAI,UAAU,EAAE,GAAG;AACjB,eAAO,KAAK,EAAE;AAAA,MAChB;AAEA,UAAI,GAAG,YAAY;AACjB,aAAK,GAAG,UAAU;AAAA,MACpB;AAAA,IACF;AAAA,EACF;AAEA,OAAK,IAAI;AAGT,SAAO,OAAO,KAAK,CAAC,GAAG,MAAM;AAC3B,UAAM,SAAS,KAAK,IAAI,GAAG,EAAE,QAAQ;AACrC,UAAM,SAAS,KAAK,IAAI,GAAG,EAAE,QAAQ;AACrC,QAAI,WAAW,OAAQ,QAAO;AAC9B,QAAI,WAAW,EAAG,QAAO;AACzB,QAAI,WAAW,EAAG,QAAO;AACzB,WAAO,SAAS;AAAA,EAClB,CAAC;AACH;",
+  "names": []
+}

package/dist/internal/watch.d.ts

@@ -0,0 +1,19 @@
+import type { LitElement } from 'lit';
+interface WatchOptions {
+    /** Wait until first update has completed before watching */
+    waitUntilFirstUpdate?: boolean;
+}
+/**
+ * Decorator that watches a reactive property and calls a handler when it changes.
+ *
+ * Usage:
+ * ```ts
+ * @watch('value')
+ * handleValueChange(oldValue: string, newValue: string) {
+ *   console.log('value changed from', oldValue, 'to', newValue);
+ * }
+ * ```
+ */
+export declare function watch(propertyName: string | string[], options?: WatchOptions): <ElemClass extends LitElement>(proto: ElemClass, decoratedFnName: PropertyKey) => void;
+export {};
+//# sourceMappingURL=watch.d.ts.map

package/dist/internal/watch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"watch.d.ts","sourceRoot":"","sources":["../../src/internal/watch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAEtC,UAAU,YAAY;IACpB,4DAA4D;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,OAAO,CAAC,EAAE,YAAY,IAGnE,SAAS,SAAS,UAAU,EAClC,OAAO,SAAS,EAChB,iBAAiB,WAAW,KAC3B,IAAI,CAwBR"}

package/dist/internal/watch.js

@@ -0,0 +1,26 @@
+function watch(propertyName, options) {
+  const resolvedProps = Array.isArray(propertyName) ? propertyName : [propertyName];
+  return (proto, decoratedFnName) => {
+    const { update } = proto;
+    proto.update = function(changedProps) {
+      for (const prop of resolvedProps) {
+        if (changedProps.has(prop)) {
+          const oldValue = changedProps.get(prop);
+          const newValue = this[prop];
+          if (options?.waitUntilFirstUpdate) {
+            if (this.hasUpdated) {
+              this[decoratedFnName].call(this, oldValue, newValue);
+            }
+          } else {
+            this[decoratedFnName].call(this, oldValue, newValue);
+          }
+        }
+      }
+      update.call(this, changedProps);
+    };
+  };
+}
+export {
+  watch
+};
+//# sourceMappingURL=watch.js.map

package/dist/internal/watch.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/watch.ts"],
+  "sourcesContent": ["import type { LitElement } from 'lit';\n\ninterface WatchOptions {\n  /** Wait until first update has completed before watching */\n  waitUntilFirstUpdate?: boolean;\n}\n\n/**\n * Decorator that watches a reactive property and calls a handler when it changes.\n *\n * Usage:\n * ```ts\n * @watch('value')\n * handleValueChange(oldValue: string, newValue: string) {\n *   console.log('value changed from', oldValue, 'to', newValue);\n * }\n * ```\n */\nexport function watch(propertyName: string | string[], options?: WatchOptions) {\n  const resolvedProps = Array.isArray(propertyName) ? propertyName : [propertyName];\n\n  return <ElemClass extends LitElement>(\n    proto: ElemClass,\n    decoratedFnName: PropertyKey\n  ): void => {\n    // @ts-expect-error -- update is protected in LitElement but we need to override\n    const { update } = proto;\n\n    // @ts-expect-error -- overriding protected method\n    proto.update = function (this: ElemClass, changedProps: Map<PropertyKey, unknown>) {\n      for (const prop of resolvedProps) {\n        if (changedProps.has(prop)) {\n          const oldValue = changedProps.get(prop);\n          const newValue = (this as Record<string, unknown>)[prop as string];\n\n          if (options?.waitUntilFirstUpdate) {\n            if (this.hasUpdated) {\n              (this[decoratedFnName as keyof ElemClass] as unknown as Function).call(this, oldValue, newValue);\n            }\n          } else {\n            (this[decoratedFnName as keyof ElemClass] as unknown as Function).call(this, oldValue, newValue);\n          }\n        }\n      }\n\n      update.call(this, changedProps);\n    };\n  };\n}\n"],
+  "mappings": "AAkBO,SAAS,MAAM,cAAiC,SAAwB;AAC7E,QAAM,gBAAgB,MAAM,QAAQ,YAAY,IAAI,eAAe,CAAC,YAAY;AAEhF,SAAO,CACL,OACA,oBACS;AAET,UAAM,EAAE,OAAO,IAAI;AAGnB,UAAM,SAAS,SAA2B,cAAyC;AACjF,iBAAW,QAAQ,eAAe;AAChC,YAAI,aAAa,IAAI,IAAI,GAAG;AAC1B,gBAAM,WAAW,aAAa,IAAI,IAAI;AACtC,gBAAM,WAAY,KAAiC,IAAc;AAEjE,cAAI,SAAS,sBAAsB;AACjC,gBAAI,KAAK,YAAY;AACnB,cAAC,KAAK,eAAkC,EAA0B,KAAK,MAAM,UAAU,QAAQ;AAAA,YACjG;AAAA,UACF,OAAO;AACL,YAAC,KAAK,eAAkC,EAA0B,KAAK,MAAM,UAAU,QAAQ;AAAA,UACjG;AAAA,QACF;AAAA,MACF;AAEA,aAAO,KAAK,MAAM,YAAY;AAAA,IAChC;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/manzano-autoloader.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=manzano-autoloader.d.ts.map

package/dist/manzano-autoloader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manzano-autoloader.d.ts","sourceRoot":"","sources":["../src/manzano-autoloader.ts"],"names":[],"mappings":"AAsDA,OAAO,EAAE,CAAC"}

package/dist/manzano-autoloader.js

@@ -0,0 +1,42 @@
+import { getBasePath } from "./utilities/base-path.js";
+const observer = new MutationObserver((mutations) => {
+  for (const mutation of mutations) {
+    for (const node of mutation.addedNodes) {
+      if (node instanceof HTMLElement) {
+        discoverElements(node);
+      }
+    }
+  }
+});
+const loading = /* @__PURE__ */ new Set();
+function discoverElements(root) {
+  if (root.tagName?.startsWith("MZ-")) {
+    registerIfNeeded(root.tagName.toLowerCase());
+  }
+  const undefinedElements = root.querySelectorAll(":not(:defined)");
+  for (const el of undefinedElements) {
+    const tagName = el.tagName.toLowerCase();
+    if (tagName.startsWith("mz-")) {
+      registerIfNeeded(tagName);
+    }
+  }
+}
+function registerIfNeeded(tagName) {
+  if (customElements.get(tagName) || loading.has(tagName)) return;
+  loading.add(tagName);
+  const componentName = tagName.replace(/^mz-/, "");
+  const basePath = getBasePath();
+  const url = `${basePath}/components/${componentName}/${componentName}.js`;
+  import(
+    /* @vite-ignore */
+    url
+  ).catch((err) => {
+    console.error(`Manzano: Failed to auto-load "${tagName}" from ${url}`, err);
+  });
+}
+discoverElements(document.body);
+observer.observe(document.body, {
+  subtree: true,
+  childList: true
+});
+//# sourceMappingURL=manzano-autoloader.js.map

package/dist/manzano-autoloader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/manzano-autoloader.ts"],
+  "sourcesContent": ["import { getBasePath } from './utilities/base-path.js';\n\nconst observer = new MutationObserver(mutations => {\n  for (const mutation of mutations) {\n    for (const node of mutation.addedNodes) {\n      if (node instanceof HTMLElement) {\n        discoverElements(node);\n      }\n    }\n  }\n});\n\nconst loading = new Set<string>();\n\nfunction discoverElements(root: HTMLElement): void {\n  // Check the root itself\n  if (root.tagName?.startsWith('MZ-')) {\n    registerIfNeeded(root.tagName.toLowerCase());\n  }\n\n  // Check all descendants matching mz-* that are not yet defined\n  const undefinedElements = root.querySelectorAll(':not(:defined)');\n  for (const el of undefinedElements) {\n    const tagName = el.tagName.toLowerCase();\n    if (tagName.startsWith('mz-')) {\n      registerIfNeeded(tagName);\n    }\n  }\n}\n\nfunction registerIfNeeded(tagName: string): void {\n  if (customElements.get(tagName) || loading.has(tagName)) return;\n\n  loading.add(tagName);\n\n  // mz-foo-bar \u2192 foo-bar \u2192 components/foo-bar/foo-bar.js\n  const componentName = tagName.replace(/^mz-/, '');\n  const basePath = getBasePath();\n  const url = `${basePath}/components/${componentName}/${componentName}.js`;\n\n  import(/* @vite-ignore */ url).catch(err => {\n    console.error(`Manzano: Failed to auto-load \"${tagName}\" from ${url}`, err);\n  });\n}\n\n// Scan existing DOM\ndiscoverElements(document.body);\n\n// Watch for new elements\nobserver.observe(document.body, {\n  subtree: true,\n  childList: true\n});\n\nexport {};\n"],
+  "mappings": "AAAA,SAAS,mBAAmB;AAE5B,MAAM,WAAW,IAAI,iBAAiB,eAAa;AACjD,aAAW,YAAY,WAAW;AAChC,eAAW,QAAQ,SAAS,YAAY;AACtC,UAAI,gBAAgB,aAAa;AAC/B,yBAAiB,IAAI;AAAA,MACvB;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAED,MAAM,UAAU,oBAAI,IAAY;AAEhC,SAAS,iBAAiB,MAAyB;AAEjD,MAAI,KAAK,SAAS,WAAW,KAAK,GAAG;AACnC,qBAAiB,KAAK,QAAQ,YAAY,CAAC;AAAA,EAC7C;AAGA,QAAM,oBAAoB,KAAK,iBAAiB,gBAAgB;AAChE,aAAW,MAAM,mBAAmB;AAClC,UAAM,UAAU,GAAG,QAAQ,YAAY;AACvC,QAAI,QAAQ,WAAW,KAAK,GAAG;AAC7B,uBAAiB,OAAO;AAAA,IAC1B;AAAA,EACF;AACF;AAEA,SAAS,iBAAiB,SAAuB;AAC/C,MAAI,eAAe,IAAI,OAAO,KAAK,QAAQ,IAAI,OAAO,EAAG;AAEzD,UAAQ,IAAI,OAAO;AAGnB,QAAM,gBAAgB,QAAQ,QAAQ,QAAQ,EAAE;AAChD,QAAM,WAAW,YAAY;AAC7B,QAAM,MAAM,GAAG,QAAQ,eAAe,aAAa,IAAI,aAAa;AAEpE;AAAA;AAAA,IAA0B;AAAA,IAAK,MAAM,SAAO;AAC1C,YAAQ,MAAM,iCAAiC,OAAO,UAAU,GAAG,IAAI,GAAG;AAAA,EAC5E,CAAC;AACH;AAGA,iBAAiB,SAAS,IAAI;AAG9B,SAAS,QAAQ,SAAS,MAAM;AAAA,EAC9B,SAAS;AAAA,EACT,WAAW;AACb,CAAC;",
+  "names": []
+}

package/dist/manzano.d.ts

@@ -0,0 +1,32 @@
+export * from './components/alert/alert.js';
+export * from './components/avatar/avatar.js';
+export * from './components/badge/badge.js';
+export * from './components/button/button.js';
+export * from './components/button-group/button-group.js';
+export * from './components/card/card.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/dialog/dialog.js';
+export * from './components/divider/divider.js';
+export * from './components/drawer/drawer.js';
+export * from './components/dropdown/dropdown.js';
+export * from './components/icon/icon.js';
+export * from './components/input/input.js';
+export * from './components/kbd/kbd.js';
+export * from './components/option/option.js';
+export * from './components/popover/popover.js';
+export * from './components/progress/progress.js';
+export * from './components/radio/radio.js';
+export * from './components/radio-group/radio-group.js';
+export * from './components/select/select.js';
+export * from './components/skeleton/skeleton.js';
+export * from './components/spinner/spinner.js';
+export * from './components/switch/switch.js';
+export * from './components/tag/tag.js';
+export * from './components/tooltip/tooltip.js';
+export * from './components/textarea/textarea.js';
+export * from './components/visually-hidden/visually-hidden.js';
+export { setBasePath, getBasePath } from './utilities/base-path.js';
+export { registerIconLibrary, unregisterIconLibrary } from './utilities/icon-library.js';
+export { setAnimation, getAnimation, setDefaultAnimation } from './utilities/animation-registry.js';
+export { LocalizeController, registerTranslation } from './utilities/localize.js';
+//# sourceMappingURL=manzano.d.ts.map

package/dist/manzano.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manzano.d.ts","sourceRoot":"","sources":["../src/manzano.ts"],"names":[],"mappings":"AACA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,iCAAiC,CAAC;AAChD,cAAc,mCAAmC,CAAC;AAClD,cAAc,iDAAiD,CAAC;AAGhE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzF,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AACpG,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/manzano.js

@@ -0,0 +1,43 @@
+export * from "./components/alert/alert.js";
+export * from "./components/avatar/avatar.js";
+export * from "./components/badge/badge.js";
+export * from "./components/button/button.js";
+export * from "./components/button-group/button-group.js";
+export * from "./components/card/card.js";
+export * from "./components/checkbox/checkbox.js";
+export * from "./components/dialog/dialog.js";
+export * from "./components/divider/divider.js";
+export * from "./components/drawer/drawer.js";
+export * from "./components/dropdown/dropdown.js";
+export * from "./components/icon/icon.js";
+export * from "./components/input/input.js";
+export * from "./components/kbd/kbd.js";
+export * from "./components/option/option.js";
+export * from "./components/popover/popover.js";
+export * from "./components/progress/progress.js";
+export * from "./components/radio/radio.js";
+export * from "./components/radio-group/radio-group.js";
+export * from "./components/select/select.js";
+export * from "./components/skeleton/skeleton.js";
+export * from "./components/spinner/spinner.js";
+export * from "./components/switch/switch.js";
+export * from "./components/tag/tag.js";
+export * from "./components/tooltip/tooltip.js";
+export * from "./components/textarea/textarea.js";
+export * from "./components/visually-hidden/visually-hidden.js";
+import { setBasePath, getBasePath } from "./utilities/base-path.js";
+import { registerIconLibrary, unregisterIconLibrary } from "./utilities/icon-library.js";
+import { setAnimation, getAnimation, setDefaultAnimation } from "./utilities/animation-registry.js";
+import { LocalizeController, registerTranslation } from "./utilities/localize.js";
+export {
+  LocalizeController,
+  getAnimation,
+  getBasePath,
+  registerIconLibrary,
+  registerTranslation,
+  setAnimation,
+  setBasePath,
+  setDefaultAnimation,
+  unregisterIconLibrary
+};
+//# sourceMappingURL=manzano.js.map

package/dist/manzano.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/manzano.ts"],
+  "sourcesContent": ["// Barrel export \u2014 imports all components and auto-registers them\nexport * from './components/alert/alert.js';\nexport * from './components/avatar/avatar.js';\nexport * from './components/badge/badge.js';\nexport * from './components/button/button.js';\nexport * from './components/button-group/button-group.js';\nexport * from './components/card/card.js';\nexport * from './components/checkbox/checkbox.js';\nexport * from './components/dialog/dialog.js';\nexport * from './components/divider/divider.js';\nexport * from './components/drawer/drawer.js';\nexport * from './components/dropdown/dropdown.js';\nexport * from './components/icon/icon.js';\nexport * from './components/input/input.js';\nexport * from './components/kbd/kbd.js';\nexport * from './components/option/option.js';\nexport * from './components/popover/popover.js';\nexport * from './components/progress/progress.js';\nexport * from './components/radio/radio.js';\nexport * from './components/radio-group/radio-group.js';\nexport * from './components/select/select.js';\nexport * from './components/skeleton/skeleton.js';\nexport * from './components/spinner/spinner.js';\nexport * from './components/switch/switch.js';\nexport * from './components/tag/tag.js';\nexport * from './components/tooltip/tooltip.js';\nexport * from './components/textarea/textarea.js';\nexport * from './components/visually-hidden/visually-hidden.js';\n\n// Re-export utilities for consumer use\nexport { setBasePath, getBasePath } from './utilities/base-path.js';\nexport { registerIconLibrary, unregisterIconLibrary } from './utilities/icon-library.js';\nexport { setAnimation, getAnimation, setDefaultAnimation } from './utilities/animation-registry.js';\nexport { LocalizeController, registerTranslation } from './utilities/localize.js';\n"],
+  "mappings": "AACA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,SAAS,aAAa,mBAAmB;AACzC,SAAS,qBAAqB,6BAA6B;AAC3D,SAAS,cAAc,cAAc,2BAA2B;AAChE,SAAS,oBAAoB,2BAA2B;",
+  "names": []
+}