@manzanohq/components 0.1.1

package/dist/events/events.d.ts

@@ -0,0 +1,42 @@
+export type MzEventMap = {
+    'mz-load': CustomEvent;
+    'mz-error': CustomEvent<{
+        status?: number;
+    }>;
+    'mz-change': CustomEvent;
+    'mz-input': CustomEvent;
+    'mz-focus': CustomEvent;
+    'mz-blur': CustomEvent;
+    'mz-clear': CustomEvent;
+    'mz-show': CustomEvent;
+    'mz-after-show': CustomEvent;
+    'mz-hide': CustomEvent;
+    'mz-after-hide': CustomEvent;
+    'mz-request-close': CustomEvent<{
+        source: 'close-button' | 'keyboard' | 'overlay';
+    }>;
+    'mz-select': CustomEvent<{
+        item: HTMLElement;
+    }>;
+    'mz-expand': CustomEvent;
+    'mz-after-expand': CustomEvent;
+    'mz-collapse': CustomEvent;
+    'mz-after-collapse': CustomEvent;
+    'mz-tab-show': CustomEvent<{
+        name: string;
+    }>;
+    'mz-tab-hide': CustomEvent<{
+        name: string;
+    }>;
+    'mz-toast-show': CustomEvent;
+    'mz-toast-hide': CustomEvent;
+    'mz-copy': CustomEvent<{
+        value: string;
+    }>;
+    'mz-invalid': CustomEvent;
+};
+declare global {
+    interface HTMLElementEventMap extends MzEventMap {
+    }
+}
+//# sourceMappingURL=events.d.ts.map

package/dist/events/events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"events.d.ts","sourceRoot":"","sources":["../../src/events/events.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IAEvB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,WAAW,CAAC;QAAE,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAG7C,WAAW,EAAE,WAAW,CAAC;IACzB,UAAU,EAAE,WAAW,CAAC;IACxB,UAAU,EAAE,WAAW,CAAC;IACxB,SAAS,EAAE,WAAW,CAAC;IACvB,UAAU,EAAE,WAAW,CAAC;IAGxB,SAAS,EAAE,WAAW,CAAC;IACvB,eAAe,EAAE,WAAW,CAAC;IAC7B,SAAS,EAAE,WAAW,CAAC;IACvB,eAAe,EAAE,WAAW,CAAC;IAC7B,kBAAkB,EAAE,WAAW,CAAC;QAAE,MAAM,EAAE,cAAc,GAAG,UAAU,GAAG,SAAS,CAAA;KAAE,CAAC,CAAC;IAGrF,WAAW,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;IAGhD,WAAW,EAAE,WAAW,CAAC;IACzB,iBAAiB,EAAE,WAAW,CAAC;IAC/B,aAAa,EAAE,WAAW,CAAC;IAC3B,mBAAmB,EAAE,WAAW,CAAC;IAGjC,aAAa,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,aAAa,EAAE,WAAW,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAG7C,eAAe,EAAE,WAAW,CAAC;IAC7B,eAAe,EAAE,WAAW,CAAC;IAG7B,SAAS,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAG1C,YAAY,EAAE,WAAW,CAAC;CAC3B,CAAC;AAEF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,mBAAoB,SAAQ,UAAU;KAAG;CACpD"}

package/dist/events/events.js

@@ -0,0 +1 @@
+//# sourceMappingURL=events.js.map

package/dist/events/events.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/internal/debounce.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Debounce a function call. Returns a debounced version of the function.
+ */
+export declare function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T & {
+    cancel(): void;
+};
+//# sourceMappingURL=debounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debounce.d.ts","sourceRoot":"","sources":["../../src/internal/debounce.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG;IAAE,MAAM,IAAI,IAAI,CAAA;CAAE,CAa7G"}

package/dist/internal/debounce.js

@@ -0,0 +1,15 @@
+function debounce(fn, delay) {
+  let timer;
+  const debounced = function(...args) {
+    clearTimeout(timer);
+    timer = setTimeout(() => fn.apply(this, args), delay);
+  };
+  debounced.cancel = () => {
+    clearTimeout(timer);
+  };
+  return debounced;
+}
+export {
+  debounce
+};
+//# sourceMappingURL=debounce.js.map

package/dist/internal/debounce.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/debounce.ts"],
+  "sourcesContent": ["/**\n * Debounce a function call. Returns a debounced version of the function.\n */\nexport function debounce<T extends (...args: unknown[]) => void>(fn: T, delay: number): T & { cancel(): void } {\n  let timer: ReturnType<typeof setTimeout> | undefined;\n\n  const debounced = function (this: unknown, ...args: unknown[]) {\n    clearTimeout(timer);\n    timer = setTimeout(() => fn.apply(this, args), delay);\n  } as T & { cancel(): void };\n\n  debounced.cancel = () => {\n    clearTimeout(timer);\n  };\n\n  return debounced;\n}\n"],
+  "mappings": "AAGO,SAAS,SAAiD,IAAO,OAAuC;AAC7G,MAAI;AAEJ,QAAM,YAAY,YAA4B,MAAiB;AAC7D,iBAAa,KAAK;AAClB,YAAQ,WAAW,MAAM,GAAG,MAAM,MAAM,IAAI,GAAG,KAAK;AAAA,EACtD;AAEA,YAAU,SAAS,MAAM;AACvB,iBAAa,KAAK;AAAA,EACpB;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/internal/drag.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Pointer-event based drag utility.
+ * Foundation for calendar drag-to-create and other drag interactions.
+ */
+export interface DragOptions {
+    /** The element to listen for pointer events on */
+    target: HTMLElement;
+    /** Called when drag starts. Return false to cancel. */
+    onStart?: (event: PointerEvent) => boolean | void;
+    /** Called on each pointer move during drag */
+    onMove?: (event: PointerEvent, deltaX: number, deltaY: number) => void;
+    /** Called when drag ends */
+    onEnd?: (event: PointerEvent) => void;
+}
+export declare function drag(options: DragOptions): () => void;
+//# sourceMappingURL=drag.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"drag.d.ts","sourceRoot":"","sources":["../../src/internal/drag.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,WAAW,WAAW;IAC1B,kDAAkD;IAClD,MAAM,EAAE,WAAW,CAAC;IACpB,uDAAuD;IACvD,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,OAAO,GAAG,IAAI,CAAC;IAClD,8CAA8C;IAC9C,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvE,4BAA4B;IAC5B,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;CACvC;AAED,wBAAgB,IAAI,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,IAAI,CAmDrD"}

package/dist/internal/drag.js

@@ -0,0 +1,44 @@
+function drag(options) {
+  const { target, onStart, onMove, onEnd } = options;
+  let startX = 0;
+  let startY = 0;
+  let dragging = false;
+  function handlePointerDown(event) {
+    if (event.button !== 0) return;
+    const result = onStart?.(event);
+    if (result === false) return;
+    startX = event.clientX;
+    startY = event.clientY;
+    dragging = true;
+    target.setPointerCapture(event.pointerId);
+    target.addEventListener("pointermove", handlePointerMove);
+    target.addEventListener("pointerup", handlePointerUp);
+    target.addEventListener("pointercancel", handlePointerUp);
+  }
+  function handlePointerMove(event) {
+    if (!dragging) return;
+    const deltaX = event.clientX - startX;
+    const deltaY = event.clientY - startY;
+    onMove?.(event, deltaX, deltaY);
+  }
+  function handlePointerUp(event) {
+    if (!dragging) return;
+    dragging = false;
+    target.releasePointerCapture(event.pointerId);
+    target.removeEventListener("pointermove", handlePointerMove);
+    target.removeEventListener("pointerup", handlePointerUp);
+    target.removeEventListener("pointercancel", handlePointerUp);
+    onEnd?.(event);
+  }
+  target.addEventListener("pointerdown", handlePointerDown);
+  return () => {
+    target.removeEventListener("pointerdown", handlePointerDown);
+    target.removeEventListener("pointermove", handlePointerMove);
+    target.removeEventListener("pointerup", handlePointerUp);
+    target.removeEventListener("pointercancel", handlePointerUp);
+  };
+}
+export {
+  drag
+};
+//# sourceMappingURL=drag.js.map

package/dist/internal/drag.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/drag.ts"],
+  "sourcesContent": ["/**\n * Pointer-event based drag utility.\n * Foundation for calendar drag-to-create and other drag interactions.\n */\n\nexport interface DragOptions {\n  /** The element to listen for pointer events on */\n  target: HTMLElement;\n  /** Called when drag starts. Return false to cancel. */\n  onStart?: (event: PointerEvent) => boolean | void;\n  /** Called on each pointer move during drag */\n  onMove?: (event: PointerEvent, deltaX: number, deltaY: number) => void;\n  /** Called when drag ends */\n  onEnd?: (event: PointerEvent) => void;\n}\n\nexport function drag(options: DragOptions): () => void {\n  const { target, onStart, onMove, onEnd } = options;\n\n  let startX = 0;\n  let startY = 0;\n  let dragging = false;\n\n  function handlePointerDown(event: PointerEvent) {\n    if (event.button !== 0) return; // Only primary button\n\n    const result = onStart?.(event);\n    if (result === false) return;\n\n    startX = event.clientX;\n    startY = event.clientY;\n    dragging = true;\n\n    target.setPointerCapture(event.pointerId);\n    target.addEventListener('pointermove', handlePointerMove);\n    target.addEventListener('pointerup', handlePointerUp);\n    target.addEventListener('pointercancel', handlePointerUp);\n  }\n\n  function handlePointerMove(event: PointerEvent) {\n    if (!dragging) return;\n    const deltaX = event.clientX - startX;\n    const deltaY = event.clientY - startY;\n    onMove?.(event, deltaX, deltaY);\n  }\n\n  function handlePointerUp(event: PointerEvent) {\n    if (!dragging) return;\n    dragging = false;\n\n    target.releasePointerCapture(event.pointerId);\n    target.removeEventListener('pointermove', handlePointerMove);\n    target.removeEventListener('pointerup', handlePointerUp);\n    target.removeEventListener('pointercancel', handlePointerUp);\n\n    onEnd?.(event);\n  }\n\n  target.addEventListener('pointerdown', handlePointerDown);\n\n  // Return cleanup function\n  return () => {\n    target.removeEventListener('pointerdown', handlePointerDown);\n    target.removeEventListener('pointermove', handlePointerMove);\n    target.removeEventListener('pointerup', handlePointerUp);\n    target.removeEventListener('pointercancel', handlePointerUp);\n  };\n}\n"],
+  "mappings": "AAgBO,SAAS,KAAK,SAAkC;AACrD,QAAM,EAAE,QAAQ,SAAS,QAAQ,MAAM,IAAI;AAE3C,MAAI,SAAS;AACb,MAAI,SAAS;AACb,MAAI,WAAW;AAEf,WAAS,kBAAkB,OAAqB;AAC9C,QAAI,MAAM,WAAW,EAAG;AAExB,UAAM,SAAS,UAAU,KAAK;AAC9B,QAAI,WAAW,MAAO;AAEtB,aAAS,MAAM;AACf,aAAS,MAAM;AACf,eAAW;AAEX,WAAO,kBAAkB,MAAM,SAAS;AACxC,WAAO,iBAAiB,eAAe,iBAAiB;AACxD,WAAO,iBAAiB,aAAa,eAAe;AACpD,WAAO,iBAAiB,iBAAiB,eAAe;AAAA,EAC1D;AAEA,WAAS,kBAAkB,OAAqB;AAC9C,QAAI,CAAC,SAAU;AACf,UAAM,SAAS,MAAM,UAAU;AAC/B,UAAM,SAAS,MAAM,UAAU;AAC/B,aAAS,OAAO,QAAQ,MAAM;AAAA,EAChC;AAEA,WAAS,gBAAgB,OAAqB;AAC5C,QAAI,CAAC,SAAU;AACf,eAAW;AAEX,WAAO,sBAAsB,MAAM,SAAS;AAC5C,WAAO,oBAAoB,eAAe,iBAAiB;AAC3D,WAAO,oBAAoB,aAAa,eAAe;AACvD,WAAO,oBAAoB,iBAAiB,eAAe;AAE3D,YAAQ,KAAK;AAAA,EACf;AAEA,SAAO,iBAAiB,eAAe,iBAAiB;AAGxD,SAAO,MAAM;AACX,WAAO,oBAAoB,eAAe,iBAAiB;AAC3D,WAAO,oBAAoB,eAAe,iBAAiB;AAC3D,WAAO,oBAAoB,aAAa,eAAe;AACvD,WAAO,oBAAoB,iBAAiB,eAAe;AAAA,EAC7D;AACF;",
+  "names": []
+}

package/dist/internal/floating.d.ts

@@ -0,0 +1,37 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+import { type Placement, type Middleware } from '@floating-ui/dom';
+export interface FloatingControllerOptions {
+    /** Returns the reference (anchor) element */
+    referenceEl: () => HTMLElement | null;
+    /** Returns the floating element */
+    floatingEl: () => HTMLElement | null;
+    /** Returns the arrow element (optional) */
+    arrowEl?: () => HTMLElement | null;
+    /** Placement relative to reference */
+    placement?: Placement;
+    /** Distance from reference in px */
+    distance?: number;
+    /** Skidding (cross-axis offset) in px */
+    skidding?: number;
+    /** Additional middleware to append */
+    middleware?: Middleware[];
+    /** Callback after positioning */
+    onPosition?: (x: number, y: number) => void;
+}
+/**
+ * Reactive controller for floating UI positioning.
+ * Wraps @floating-ui/dom computePosition with sensible defaults.
+ */
+export declare class FloatingController implements ReactiveController {
+    private options;
+    private cleanup?;
+    constructor(host: ReactiveControllerHost & HTMLElement, options: FloatingControllerOptions);
+    hostDisconnected(): void;
+    /** Position and show the floating element */
+    show(): Promise<void>;
+    /** Hide the floating element (cleanup only) */
+    hide(): void;
+    /** Reposition the floating element */
+    update(): Promise<void>;
+}
+//# sourceMappingURL=floating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"floating.d.ts","sourceRoot":"","sources":["../../src/internal/floating.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AACtE,OAAO,EAML,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACtC,mCAAmC;IACnC,UAAU,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACrC,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,WAAW,GAAG,IAAI,CAAC;IACnC,sCAAsC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,UAAU,CAAC,EAAE,UAAU,EAAE,CAAC;IAC1B,iCAAiC;IACjC,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C;AAUD;;;GAGG;AACH,qBAAa,kBAAmB,YAAW,kBAAkB;IAC3D,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAa;gBAEjB,IAAI,EAAE,sBAAsB,GAAG,WAAW,EAAE,OAAO,EAAE,yBAAyB;IAK1F,gBAAgB,IAAI,IAAI;IAKxB,6CAA6C;IACvC,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IAI3B,+CAA+C;IAC/C,IAAI,IAAI,IAAI;IAKZ,sCAAsC;IAChC,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;CAoD9B"}

package/dist/internal/floating.js

@@ -0,0 +1,84 @@
+import {
+  computePosition,
+  flip,
+  offset,
+  shift,
+  arrow as arrowMiddleware
+} from "@floating-ui/dom";
+const arrowRotation = {
+  top: "180deg",
+  // popover above → arrow at bottom points down
+  bottom: "0deg",
+  // popover below → arrow at top points up
+  left: "90deg",
+  // popover left → arrow at right points right
+  right: "-90deg"
+  // popover right → arrow at left points left
+};
+class FloatingController {
+  constructor(host, options) {
+    this.options = options;
+    host.addController(this);
+  }
+  hostDisconnected() {
+    this.cleanup?.();
+    this.cleanup = void 0;
+  }
+  /** Position and show the floating element */
+  async show() {
+    await this.update();
+  }
+  /** Hide the floating element (cleanup only) */
+  hide() {
+    this.cleanup?.();
+    this.cleanup = void 0;
+  }
+  /** Reposition the floating element */
+  async update() {
+    const reference = this.options.referenceEl();
+    const floating = this.options.floatingEl();
+    if (!reference || !floating) return;
+    const {
+      placement = "bottom-start",
+      distance = 8,
+      skidding = 0,
+      middleware: extraMiddleware = []
+    } = this.options;
+    const middleware = [
+      offset({ mainAxis: distance, crossAxis: skidding }),
+      flip(),
+      shift({ padding: 8 }),
+      ...extraMiddleware
+    ];
+    const arrowEl = this.options.arrowEl?.();
+    if (arrowEl) {
+      middleware.push(arrowMiddleware({ element: arrowEl }));
+    }
+    const result = await computePosition(reference, floating, {
+      placement,
+      middleware
+    });
+    Object.assign(floating.style, {
+      left: `${result.x}px`,
+      top: `${result.y}px`
+    });
+    if (arrowEl && result.middlewareData.arrow) {
+      const { x: arrowX, y: arrowY } = result.middlewareData.arrow;
+      const side = result.placement.split("-")[0];
+      const staticSide = { top: "bottom", bottom: "top", left: "right", right: "left" }[side];
+      Object.assign(arrowEl.style, {
+        left: arrowX != null ? `${arrowX}px` : "",
+        top: arrowY != null ? `${arrowY}px` : "",
+        right: "",
+        bottom: "",
+        [staticSide]: `-4px`,
+        transform: `rotate(${arrowRotation[side]})`
+      });
+    }
+    this.options.onPosition?.(result.x, result.y);
+  }
+}
+export {
+  FloatingController
+};
+//# sourceMappingURL=floating.js.map

package/dist/internal/floating.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/floating.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\nimport {\n  computePosition,\n  flip,\n  offset,\n  shift,\n  arrow as arrowMiddleware,\n  type Placement,\n  type Middleware\n} from '@floating-ui/dom';\n\nexport interface FloatingControllerOptions {\n  /** Returns the reference (anchor) element */\n  referenceEl: () => HTMLElement | null;\n  /** Returns the floating element */\n  floatingEl: () => HTMLElement | null;\n  /** Returns the arrow element (optional) */\n  arrowEl?: () => HTMLElement | null;\n  /** Placement relative to reference */\n  placement?: Placement;\n  /** Distance from reference in px */\n  distance?: number;\n  /** Skidding (cross-axis offset) in px */\n  skidding?: number;\n  /** Additional middleware to append */\n  middleware?: Middleware[];\n  /** Callback after positioning */\n  onPosition?: (x: number, y: number) => void;\n}\n\n// Arrow rotation per side: the arrow should point toward the reference\nconst arrowRotation = {\n  top: '180deg',    // popover above \u2192 arrow at bottom points down\n  bottom: '0deg',   // popover below \u2192 arrow at top points up\n  left: '90deg',    // popover left \u2192 arrow at right points right\n  right: '-90deg'   // popover right \u2192 arrow at left points left\n} as const;\n\n/**\n * Reactive controller for floating UI positioning.\n * Wraps @floating-ui/dom computePosition with sensible defaults.\n */\nexport class FloatingController implements ReactiveController {\n  private options: FloatingControllerOptions;\n  private cleanup?: () => void;\n\n  constructor(host: ReactiveControllerHost & HTMLElement, options: FloatingControllerOptions) {\n    this.options = options;\n    host.addController(this);\n  }\n\n  hostDisconnected(): void {\n    this.cleanup?.();\n    this.cleanup = undefined;\n  }\n\n  /** Position and show the floating element */\n  async show(): Promise<void> {\n    await this.update();\n  }\n\n  /** Hide the floating element (cleanup only) */\n  hide(): void {\n    this.cleanup?.();\n    this.cleanup = undefined;\n  }\n\n  /** Reposition the floating element */\n  async update(): Promise<void> {\n    const reference = this.options.referenceEl();\n    const floating = this.options.floatingEl();\n    if (!reference || !floating) return;\n\n    const {\n      placement = 'bottom-start',\n      distance = 8,\n      skidding = 0,\n      middleware: extraMiddleware = []\n    } = this.options;\n\n    const middleware: Middleware[] = [\n      offset({ mainAxis: distance, crossAxis: skidding }),\n      flip(),\n      shift({ padding: 8 }),\n      ...extraMiddleware\n    ];\n\n    const arrowEl = this.options.arrowEl?.();\n    if (arrowEl) {\n      middleware.push(arrowMiddleware({ element: arrowEl }));\n    }\n\n    const result = await computePosition(reference, floating, {\n      placement,\n      middleware\n    });\n\n    Object.assign(floating.style, {\n      left: `${result.x}px`,\n      top: `${result.y}px`\n    });\n\n    // Position arrow if present\n    if (arrowEl && result.middlewareData.arrow) {\n      const { x: arrowX, y: arrowY } = result.middlewareData.arrow;\n      const side = result.placement.split('-')[0] as 'top' | 'bottom' | 'left' | 'right';\n      const staticSide = { top: 'bottom', bottom: 'top', left: 'right', right: 'left' }[side];\n\n      Object.assign(arrowEl.style, {\n        left: arrowX != null ? `${arrowX}px` : '',\n        top: arrowY != null ? `${arrowY}px` : '',\n        right: '',\n        bottom: '',\n        [staticSide]: `-4px`,\n        transform: `rotate(${arrowRotation[side]})`\n      });\n    }\n\n    this.options.onPosition?.(result.x, result.y);\n  }\n}\n"],
+  "mappings": "AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AAAA,OAGJ;AAsBP,MAAM,gBAAgB;AAAA,EACpB,KAAK;AAAA;AAAA,EACL,QAAQ;AAAA;AAAA,EACR,MAAM;AAAA;AAAA,EACN,OAAO;AAAA;AACT;AAMO,MAAM,mBAAiD;AAAA,EAI5D,YAAY,MAA4C,SAAoC;AAC1F,SAAK,UAAU;AACf,SAAK,cAAc,IAAI;AAAA,EACzB;AAAA,EAEA,mBAAyB;AACvB,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACjB;AAAA;AAAA,EAGA,MAAM,OAAsB;AAC1B,UAAM,KAAK,OAAO;AAAA,EACpB;AAAA;AAAA,EAGA,OAAa;AACX,SAAK,UAAU;AACf,SAAK,UAAU;AAAA,EACjB;AAAA;AAAA,EAGA,MAAM,SAAwB;AAC5B,UAAM,YAAY,KAAK,QAAQ,YAAY;AAC3C,UAAM,WAAW,KAAK,QAAQ,WAAW;AACzC,QAAI,CAAC,aAAa,CAAC,SAAU;AAE7B,UAAM;AAAA,MACJ,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,WAAW;AAAA,MACX,YAAY,kBAAkB,CAAC;AAAA,IACjC,IAAI,KAAK;AAET,UAAM,aAA2B;AAAA,MAC/B,OAAO,EAAE,UAAU,UAAU,WAAW,SAAS,CAAC;AAAA,MAClD,KAAK;AAAA,MACL,MAAM,EAAE,SAAS,EAAE,CAAC;AAAA,MACpB,GAAG;AAAA,IACL;AAEA,UAAM,UAAU,KAAK,QAAQ,UAAU;AACvC,QAAI,SAAS;AACX,iBAAW,KAAK,gBAAgB,EAAE,SAAS,QAAQ,CAAC,CAAC;AAAA,IACvD;AAEA,UAAM,SAAS,MAAM,gBAAgB,WAAW,UAAU;AAAA,MACxD;AAAA,MACA;AAAA,IACF,CAAC;AAED,WAAO,OAAO,SAAS,OAAO;AAAA,MAC5B,MAAM,GAAG,OAAO,CAAC;AAAA,MACjB,KAAK,GAAG,OAAO,CAAC;AAAA,IAClB,CAAC;AAGD,QAAI,WAAW,OAAO,eAAe,OAAO;AAC1C,YAAM,EAAE,GAAG,QAAQ,GAAG,OAAO,IAAI,OAAO,eAAe;AACvD,YAAM,OAAO,OAAO,UAAU,MAAM,GAAG,EAAE,CAAC;AAC1C,YAAM,aAAa,EAAE,KAAK,UAAU,QAAQ,OAAO,MAAM,SAAS,OAAO,OAAO,EAAE,IAAI;AAEtF,aAAO,OAAO,QAAQ,OAAO;AAAA,QAC3B,MAAM,UAAU,OAAO,GAAG,MAAM,OAAO;AAAA,QACvC,KAAK,UAAU,OAAO,GAAG,MAAM,OAAO;AAAA,QACtC,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,CAAC,UAAU,GAAG;AAAA,QACd,WAAW,UAAU,cAAc,IAAI,CAAC;AAAA,MAC1C,CAAC;AAAA,IACH;AAEA,SAAK,QAAQ,aAAa,OAAO,GAAG,OAAO,CAAC;AAAA,EAC9C;AACF;",
+  "names": []
+}

package/dist/internal/form.d.ts

@@ -0,0 +1,43 @@
+import type { ReactiveController, ReactiveControllerHost } from 'lit';
+export interface FormControlHost extends ReactiveControllerHost, HTMLElement {
+    name: string;
+    value: string;
+    disabled: boolean;
+    defaultValue?: string;
+    form?: HTMLFormElement | null;
+    validity?: ValidityState;
+    validationMessage?: string;
+    checkValidity?: () => boolean;
+    reportValidity?: () => boolean;
+}
+/**
+ * FormControlController provides form participation via ElementInternals.
+ * Handles form value, validity, submission, and reset.
+ */
+export declare class FormControlController implements ReactiveController {
+    private host;
+    private internals;
+    private defaultValue;
+    constructor(host: FormControlHost);
+    hostConnected(): void;
+    hostDisconnected(): void;
+    hostUpdated(): void;
+    /** Get the associated form element */
+    get form(): HTMLFormElement | null;
+    /** Get the validity state */
+    get validity(): ValidityState;
+    /** Get the validation message */
+    get validationMessage(): string;
+    /** Update the form value */
+    updateFormValue(): void;
+    /** Set custom validity with message */
+    setValidity(flags: ValidityStateFlags, message?: string, anchor?: HTMLElement): void;
+    /** Report validity to the form */
+    reportValidity(): boolean;
+    /** Check validity without UI feedback */
+    checkValidity(): boolean;
+    /** Set a custom validation message (mirrors native API) */
+    setCustomValidity(message: string): void;
+    private handleFormReset;
+}
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../src/internal/form.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE,MAAM,WAAW,eAAgB,SAAQ,sBAAsB,EAAE,WAAW;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC;CAChC;AAED;;;GAGG;AACH,qBAAa,qBAAsB,YAAW,kBAAkB;IAC9D,OAAO,CAAC,IAAI,CAAkB;IAC9B,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,YAAY,CAAM;gBAEd,IAAI,EAAE,eAAe;IAMjC,aAAa,IAAI,IAAI;IAUrB,gBAAgB,IAAI,IAAI;IAOxB,WAAW,IAAI,IAAI;IAInB,sCAAsC;IACtC,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IAED,6BAA6B;IAC7B,IAAI,QAAQ,IAAI,aAAa,CAE5B;IAED,iCAAiC;IACjC,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IAED,4BAA4B;IAC5B,eAAe,IAAI,IAAI;IAQvB,uCAAuC;IACvC,WAAW,CAAC,KAAK,EAAE,kBAAkB,EAAE,OAAO,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI;IAIpF,kCAAkC;IAClC,cAAc,IAAI,OAAO;IAIzB,yCAAyC;IACzC,aAAa,IAAI,OAAO;IAIxB,2DAA2D;IAC3D,iBAAiB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;IAQxC,OAAO,CAAC,eAAe,CAErB;CACH"}

package/dist/internal/form.js

@@ -0,0 +1,71 @@
+class FormControlController {
+  constructor(host) {
+    this.defaultValue = "";
+    this.handleFormReset = () => {
+      this.host.value = this.defaultValue;
+    };
+    this.host = host;
+    this.internals = host.attachInternals();
+    host.addController(this);
+  }
+  hostConnected() {
+    this.defaultValue = this.host.value ?? "";
+    const form = this.internals.form;
+    if (form) {
+      form.addEventListener("reset", this.handleFormReset);
+    }
+  }
+  hostDisconnected() {
+    const form = this.internals.form;
+    if (form) {
+      form.removeEventListener("reset", this.handleFormReset);
+    }
+  }
+  hostUpdated() {
+    this.updateFormValue();
+  }
+  /** Get the associated form element */
+  get form() {
+    return this.internals.form;
+  }
+  /** Get the validity state */
+  get validity() {
+    return this.internals.validity;
+  }
+  /** Get the validation message */
+  get validationMessage() {
+    return this.internals.validationMessage;
+  }
+  /** Update the form value */
+  updateFormValue() {
+    if (this.host.disabled) {
+      this.internals.setFormValue(null);
+    } else {
+      this.internals.setFormValue(this.host.value);
+    }
+  }
+  /** Set custom validity with message */
+  setValidity(flags, message, anchor) {
+    this.internals.setValidity(flags, message, anchor);
+  }
+  /** Report validity to the form */
+  reportValidity() {
+    return this.internals.reportValidity();
+  }
+  /** Check validity without UI feedback */
+  checkValidity() {
+    return this.internals.checkValidity();
+  }
+  /** Set a custom validation message (mirrors native API) */
+  setCustomValidity(message) {
+    if (message) {
+      this.internals.setValidity({ customError: true }, message);
+    } else {
+      this.internals.setValidity({});
+    }
+  }
+}
+export {
+  FormControlController
+};
+//# sourceMappingURL=form.js.map

package/dist/internal/form.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/form.ts"],
+  "sourcesContent": ["import type { ReactiveController, ReactiveControllerHost } from 'lit';\n\nexport interface FormControlHost extends ReactiveControllerHost, HTMLElement {\n  name: string;\n  value: string;\n  disabled: boolean;\n  defaultValue?: string;\n  form?: HTMLFormElement | null;\n  validity?: ValidityState;\n  validationMessage?: string;\n  checkValidity?: () => boolean;\n  reportValidity?: () => boolean;\n}\n\n/**\n * FormControlController provides form participation via ElementInternals.\n * Handles form value, validity, submission, and reset.\n */\nexport class FormControlController implements ReactiveController {\n  private host: FormControlHost;\n  private internals: ElementInternals;\n  private defaultValue = '';\n\n  constructor(host: FormControlHost) {\n    this.host = host;\n    this.internals = host.attachInternals();\n    host.addController(this);\n  }\n\n  hostConnected(): void {\n    this.defaultValue = this.host.value ?? '';\n\n    // Listen for form reset\n    const form = this.internals.form;\n    if (form) {\n      form.addEventListener('reset', this.handleFormReset);\n    }\n  }\n\n  hostDisconnected(): void {\n    const form = this.internals.form;\n    if (form) {\n      form.removeEventListener('reset', this.handleFormReset);\n    }\n  }\n\n  hostUpdated(): void {\n    this.updateFormValue();\n  }\n\n  /** Get the associated form element */\n  get form(): HTMLFormElement | null {\n    return this.internals.form;\n  }\n\n  /** Get the validity state */\n  get validity(): ValidityState {\n    return this.internals.validity;\n  }\n\n  /** Get the validation message */\n  get validationMessage(): string {\n    return this.internals.validationMessage;\n  }\n\n  /** Update the form value */\n  updateFormValue(): void {\n    if (this.host.disabled) {\n      this.internals.setFormValue(null);\n    } else {\n      this.internals.setFormValue(this.host.value);\n    }\n  }\n\n  /** Set custom validity with message */\n  setValidity(flags: ValidityStateFlags, message?: string, anchor?: HTMLElement): void {\n    this.internals.setValidity(flags, message, anchor);\n  }\n\n  /** Report validity to the form */\n  reportValidity(): boolean {\n    return this.internals.reportValidity();\n  }\n\n  /** Check validity without UI feedback */\n  checkValidity(): boolean {\n    return this.internals.checkValidity();\n  }\n\n  /** Set a custom validation message (mirrors native API) */\n  setCustomValidity(message: string): void {\n    if (message) {\n      this.internals.setValidity({ customError: true }, message);\n    } else {\n      this.internals.setValidity({});\n    }\n  }\n\n  private handleFormReset = (): void => {\n    this.host.value = this.defaultValue;\n  };\n}\n"],
+  "mappings": "AAkBO,MAAM,sBAAoD;AAAA,EAK/D,YAAY,MAAuB;AAFnC,SAAQ,eAAe;AA6EvB,SAAQ,kBAAkB,MAAY;AACpC,WAAK,KAAK,QAAQ,KAAK;AAAA,IACzB;AA5EE,SAAK,OAAO;AACZ,SAAK,YAAY,KAAK,gBAAgB;AACtC,SAAK,cAAc,IAAI;AAAA,EACzB;AAAA,EAEA,gBAAsB;AACpB,SAAK,eAAe,KAAK,KAAK,SAAS;AAGvC,UAAM,OAAO,KAAK,UAAU;AAC5B,QAAI,MAAM;AACR,WAAK,iBAAiB,SAAS,KAAK,eAAe;AAAA,IACrD;AAAA,EACF;AAAA,EAEA,mBAAyB;AACvB,UAAM,OAAO,KAAK,UAAU;AAC5B,QAAI,MAAM;AACR,WAAK,oBAAoB,SAAS,KAAK,eAAe;AAAA,IACxD;AAAA,EACF;AAAA,EAEA,cAAoB;AAClB,SAAK,gBAAgB;AAAA,EACvB;AAAA;AAAA,EAGA,IAAI,OAA+B;AACjC,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA;AAAA,EAGA,IAAI,WAA0B;AAC5B,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA;AAAA,EAGA,IAAI,oBAA4B;AAC9B,WAAO,KAAK,UAAU;AAAA,EACxB;AAAA;AAAA,EAGA,kBAAwB;AACtB,QAAI,KAAK,KAAK,UAAU;AACtB,WAAK,UAAU,aAAa,IAAI;AAAA,IAClC,OAAO;AACL,WAAK,UAAU,aAAa,KAAK,KAAK,KAAK;AAAA,IAC7C;AAAA,EACF;AAAA;AAAA,EAGA,YAAY,OAA2B,SAAkB,QAA4B;AACnF,SAAK,UAAU,YAAY,OAAO,SAAS,MAAM;AAAA,EACnD;AAAA;AAAA,EAGA,iBAA0B;AACxB,WAAO,KAAK,UAAU,eAAe;AAAA,EACvC;AAAA;AAAA,EAGA,gBAAyB;AACvB,WAAO,KAAK,UAAU,cAAc;AAAA,EACtC;AAAA;AAAA,EAGA,kBAAkB,SAAuB;AACvC,QAAI,SAAS;AACX,WAAK,UAAU,YAAY,EAAE,aAAa,KAAK,GAAG,OAAO;AAAA,IAC3D,OAAO;AACL,WAAK,UAAU,YAAY,CAAC,CAAC;AAAA,IAC/B;AAAA,EACF;AAKF;",
+  "names": []
+}

package/dist/internal/manzano-element.d.ts

@@ -0,0 +1,31 @@
+import { LitElement } from 'lit';
+export declare class ManzanoElement extends LitElement {
+    static version: string;
+    /**
+     * Sub-component dependencies. Declared statically and auto-registered in the constructor.
+     * Example: static dependencies = { 'mz-icon': MzIcon }
+     */
+    static dependencies: Record<string, typeof ManzanoElement>;
+    /** Direction for RTL support, inherited from closest ancestor with dir attribute */
+    dir: string;
+    /** Language for i18n, inherited from closest ancestor with lang attribute */
+    lang: string;
+    constructor();
+    /** Whether the user prefers reduced motion */
+    get prefersReducedMotion(): boolean;
+    /**
+     * Register this component as a custom element, with version conflict detection.
+     */
+    static define(name: string, ctor?: typeof ManzanoElement): void;
+    /**
+     * Emit a custom event with sensible defaults for web components.
+     * Returns true if the event was NOT cancelled.
+     */
+    emit<T>(name: string, options?: CustomEventInit<T>): boolean;
+    /**
+     * Override updateComplete to wait for undefined shadow children to upgrade.
+     * Prevents test race conditions when sub-components haven't been defined yet.
+     */
+    get updateComplete(): Promise<boolean>;
+}
+//# sourceMappingURL=manzano-element.d.ts.map

package/dist/internal/manzano-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manzano-element.d.ts","sourceRoot":"","sources":["../../src/internal/manzano-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAwBjC,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,OAAO,SAAmB;IAEjC;;;OAGG;IACH,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,cAAc,CAAC,CAAM;IAEhE,oFAAoF;IACvD,GAAG,SAAM;IAEtC,6EAA6E;IACjE,IAAI,SAAM;;IAiBtB,8CAA8C;IAC9C,IAAI,oBAAoB,IAAI,OAAO,CAIlC;IAED;;OAEG;IACH,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,GAAE,OAAO,cAAqB;IAkB9D;;;OAGG;IACH,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC,GAAG,OAAO;IAY5D;;;OAGG;IACH,IAAa,cAAc,IAAI,OAAO,CAAC,OAAO,CAAC,CAY9C;CACF"}

package/dist/internal/manzano-element.js

@@ -0,0 +1,109 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+import { LitElement } from "lit";
+import { property } from "lit/decorators.js";
+const MANZANO_VERSION = "0.1.1";
+const registeredElements = /* @__PURE__ */ new Map();
+let reducedMotionQuery;
+let reducedMotionValue = false;
+function getReducedMotionQuery() {
+  if (!reducedMotionQuery) {
+    reducedMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    reducedMotionValue = reducedMotionQuery.matches;
+    reducedMotionQuery.addEventListener("change", (e) => {
+      reducedMotionValue = e.matches;
+    });
+  }
+  return reducedMotionQuery;
+}
+class ManzanoElement extends LitElement {
+  constructor() {
+    super();
+    this.dir = "";
+    this.lang = "";
+    const ctor = this.constructor;
+    for (const [name, dep] of Object.entries(ctor.dependencies)) {
+      dep.define(name, dep);
+    }
+    if (typeof window !== "undefined") {
+      getReducedMotionQuery();
+    }
+  }
+  /** Whether the user prefers reduced motion */
+  get prefersReducedMotion() {
+    if (typeof window === "undefined") return false;
+    getReducedMotionQuery();
+    return reducedMotionValue;
+  }
+  /**
+   * Register this component as a custom element, with version conflict detection.
+   */
+  static define(name, ctor = this) {
+    const existing = customElements.get(name);
+    if (existing) {
+      const existingVersion = existing.version;
+      if (existingVersion !== ctor.version) {
+        console.warn(
+          `Manzano: "${name}" was already registered with version ${existingVersion}. Attempted to re-register with version ${ctor.version}. This may cause issues.`
+        );
+      }
+      return;
+    }
+    registeredElements.set(name, ctor);
+    customElements.define(name, ctor);
+  }
+  /**
+   * Emit a custom event with sensible defaults for web components.
+   * Returns true if the event was NOT cancelled.
+   */
+  emit(name, options) {
+    const event = new CustomEvent(name, {
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {},
+      ...options
+    });
+    this.dispatchEvent(event);
+    return !event.defaultPrevented;
+  }
+  /**
+   * Override updateComplete to wait for undefined shadow children to upgrade.
+   * Prevents test race conditions when sub-components haven't been defined yet.
+   */
+  get updateComplete() {
+    return super.updateComplete.then(async (result) => {
+      if (!this.shadowRoot) return result;
+      const undefinedElements = this.shadowRoot.querySelectorAll(":not(:defined)");
+      if (undefinedElements.length > 0) {
+        const upgrades = [...undefinedElements].map((el) => customElements.whenDefined(el.localName));
+        await Promise.all(upgrades);
+      }
+      return result;
+    });
+  }
+}
+ManzanoElement.version = MANZANO_VERSION;
+/**
+ * Sub-component dependencies. Declared statically and auto-registered in the constructor.
+ * Example: static dependencies = { 'mz-icon': MzIcon }
+ */
+ManzanoElement.dependencies = {};
+__decorateClass([
+  property({ reflect: true })
+], ManzanoElement.prototype, "dir", 2);
+__decorateClass([
+  property()
+], ManzanoElement.prototype, "lang", 2);
+export {
+  ManzanoElement
+};
+//# sourceMappingURL=manzano-element.js.map

package/dist/internal/manzano-element.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/manzano-element.ts"],
+  "sourcesContent": ["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Replaced at build time by esbuild\nconst MANZANO_VERSION = '0.1.1';\n\n// Track registered versions to detect conflicts\nconst registeredElements = new Map<string, typeof ManzanoElement>();\n\n// Singleton reduced-motion listener\nlet reducedMotionQuery: MediaQueryList | undefined;\nlet reducedMotionValue = false;\n\nfunction getReducedMotionQuery(): MediaQueryList {\n  if (!reducedMotionQuery) {\n    reducedMotionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n    reducedMotionValue = reducedMotionQuery.matches;\n    reducedMotionQuery.addEventListener('change', e => {\n      reducedMotionValue = e.matches;\n    });\n  }\n  return reducedMotionQuery;\n}\n\nexport class ManzanoElement extends LitElement {\n  static version = MANZANO_VERSION;\n\n  /**\n   * Sub-component dependencies. Declared statically and auto-registered in the constructor.\n   * Example: static dependencies = { 'mz-icon': MzIcon }\n   */\n  static dependencies: Record<string, typeof ManzanoElement> = {};\n\n  /** Direction for RTL support, inherited from closest ancestor with dir attribute */\n  @property({ reflect: true }) dir = '';\n\n  /** Language for i18n, inherited from closest ancestor with lang attribute */\n  @property() lang = '';\n\n  constructor() {\n    super();\n\n    // Auto-register sub-component dependencies\n    const ctor = this.constructor as typeof ManzanoElement;\n    for (const [name, dep] of Object.entries(ctor.dependencies)) {\n      dep.define(name, dep);\n    }\n\n    // Initialize reduced motion listener (once)\n    if (typeof window !== 'undefined') {\n      getReducedMotionQuery();\n    }\n  }\n\n  /** Whether the user prefers reduced motion */\n  get prefersReducedMotion(): boolean {\n    if (typeof window === 'undefined') return false;\n    getReducedMotionQuery();\n    return reducedMotionValue;\n  }\n\n  /**\n   * Register this component as a custom element, with version conflict detection.\n   */\n  static define(name: string, ctor: typeof ManzanoElement = this) {\n    const existing = customElements.get(name);\n    if (existing) {\n      const existingVersion = (existing as typeof ManzanoElement).version;\n      if (existingVersion !== ctor.version) {\n        console.warn(\n          `Manzano: \"${name}\" was already registered with version ${existingVersion}. ` +\n            `Attempted to re-register with version ${ctor.version}. ` +\n            `This may cause issues.`\n        );\n      }\n      return;\n    }\n\n    registeredElements.set(name, ctor);\n    customElements.define(name, ctor);\n  }\n\n  /**\n   * Emit a custom event with sensible defaults for web components.\n   * Returns true if the event was NOT cancelled.\n   */\n  emit<T>(name: string, options?: CustomEventInit<T>): boolean {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: {},\n      ...options\n    });\n    this.dispatchEvent(event);\n    return !event.defaultPrevented;\n  }\n\n  /**\n   * Override updateComplete to wait for undefined shadow children to upgrade.\n   * Prevents test race conditions when sub-components haven't been defined yet.\n   */\n  override get updateComplete(): Promise<boolean> {\n    return super.updateComplete.then(async result => {\n      if (!this.shadowRoot) return result;\n\n      const undefinedElements = this.shadowRoot.querySelectorAll(':not(:defined)');\n      if (undefinedElements.length > 0) {\n        const upgrades = [...undefinedElements].map(el => customElements.whenDefined(el.localName));\n        await Promise.all(upgrades);\n      }\n\n      return result;\n    });\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;AAAA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AAGzB,MAAM,kBAAkB;AAGxB,MAAM,qBAAqB,oBAAI,IAAmC;AAGlE,IAAI;AACJ,IAAI,qBAAqB;AAEzB,SAAS,wBAAwC;AAC/C,MAAI,CAAC,oBAAoB;AACvB,yBAAqB,OAAO,WAAW,kCAAkC;AACzE,yBAAqB,mBAAmB;AACxC,uBAAmB,iBAAiB,UAAU,OAAK;AACjD,2BAAqB,EAAE;AAAA,IACzB,CAAC;AAAA,EACH;AACA,SAAO;AACT;AAEO,MAAM,uBAAuB,WAAW;AAAA,EAe7C,cAAc;AACZ,UAAM;AANqB,eAAM;AAGvB,gBAAO;AAMjB,UAAM,OAAO,KAAK;AAClB,eAAW,CAAC,MAAM,GAAG,KAAK,OAAO,QAAQ,KAAK,YAAY,GAAG;AAC3D,UAAI,OAAO,MAAM,GAAG;AAAA,IACtB;AAGA,QAAI,OAAO,WAAW,aAAa;AACjC,4BAAsB;AAAA,IACxB;AAAA,EACF;AAAA;AAAA,EAGA,IAAI,uBAAgC;AAClC,QAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,0BAAsB;AACtB,WAAO;AAAA,EACT;AAAA;AAAA;AAAA;AAAA,EAKA,OAAO,OAAO,MAAc,OAA8B,MAAM;AAC9D,UAAM,WAAW,eAAe,IAAI,IAAI;AACxC,QAAI,UAAU;AACZ,YAAM,kBAAmB,SAAmC;AAC5D,UAAI,oBAAoB,KAAK,SAAS;AACpC,gBAAQ;AAAA,UACN,aAAa,IAAI,yCAAyC,eAAe,2CAC9B,KAAK,OAAO;AAAA,QAEzD;AAAA,MACF;AACA;AAAA,IACF;AAEA,uBAAmB,IAAI,MAAM,IAAI;AACjC,mBAAe,OAAO,MAAM,IAAI;AAAA,EAClC;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,KAAQ,MAAc,SAAuC;AAC3D,UAAM,QAAQ,IAAI,YAAY,MAAM;AAAA,MAClC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ,CAAC;AAAA,MACT,GAAG;AAAA,IACL,CAAC;AACD,SAAK,cAAc,KAAK;AACxB,WAAO,CAAC,MAAM;AAAA,EAChB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,IAAa,iBAAmC;AAC9C,WAAO,MAAM,eAAe,KAAK,OAAM,WAAU;AAC/C,UAAI,CAAC,KAAK,WAAY,QAAO;AAE7B,YAAM,oBAAoB,KAAK,WAAW,iBAAiB,gBAAgB;AAC3E,UAAI,kBAAkB,SAAS,GAAG;AAChC,cAAM,WAAW,CAAC,GAAG,iBAAiB,EAAE,IAAI,QAAM,eAAe,YAAY,GAAG,SAAS,CAAC;AAC1F,cAAM,QAAQ,IAAI,QAAQ;AAAA,MAC5B;AAEA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;AA3Fa,eACJ,UAAU;AAAA;AAAA;AAAA;AAAA;AADN,eAOJ,eAAsD,CAAC;AAGjC;AAAA,EAA5B,SAAS,EAAE,SAAS,KAAK,CAAC;AAAA,GAVhB,eAUkB;AAGjB;AAAA,EAAX,SAAS;AAAA,GAbC,eAaC;",
+  "names": []
+}

package/dist/internal/math.d.ts

@@ -0,0 +1,5 @@
+/** Clamp a value between min and max */
+export declare function clamp(value: number, min: number, max: number): number;
+/** Round a value to a given number of decimal places */
+export declare function roundTo(value: number, decimals: number): number;
+//# sourceMappingURL=math.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/internal/math.ts"],"names":[],"mappings":"AAAA,wCAAwC;AACxC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAErE;AAED,wDAAwD;AACxD,wBAAgB,OAAO,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,CAG/D"}

package/dist/internal/math.js

@@ -0,0 +1,12 @@
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function roundTo(value, decimals) {
+  const factor = 10 ** decimals;
+  return Math.round(value * factor) / factor;
+}
+export {
+  clamp,
+  roundTo
+};
+//# sourceMappingURL=math.js.map