@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/map-DkIy1ph7.js

@@ -0,0 +1,205 @@
+import { i as e, t } from "./tailwind.mixin-C4cx3IOr.js";
+import "./mixins.js";
+import { EMPTY as n, Observable as r, of as i } from "rxjs";
+import { catchError as a, finalize as o, shareReplay as s, switchMap as c, takeUntil as l, tap as u } from "rxjs/operators";
+import { customElement as d, property as f, state as p } from "lit/decorators.js";
+import { css as m, html as h } from "lit";
+import { createRef as g, ref as _ } from "lit/directives/ref.js";
+import { when as v } from "lit/directives/when.js";
+var y = class {
+	static load(e) {
+		return window.google?.maps ? i(!0) : (this.loading$ ||= new r((t) => {
+			if (window.google?.maps) return t.next(!0), void t.complete();
+			let n = document.createElement("script");
+			n.src = `https://maps.googleapis.com/maps/api/js?key=${e}&libraries=places&callback=initGoogleMaps&v=weekly`, n.async = !0, n.defer = !0, window.initGoogleMaps = () => {
+				t.next(!0), t.complete();
+			}, n.onerror = (e) => {
+				t.error(/* @__PURE__ */ Error("Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized."));
+			}, document.head.appendChild(n);
+		}).pipe(s(1)), this.loading$);
+	}
+}, b = class extends t(m`
+  :host {
+    display: block;
+    position: relative;
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: var(--schmancy-sys-color-surface-container);
+    color: var(--schmancy-sys-color-surface-on);
+  }
+  
+  :host([height]) {
+    height: var(--map-height);
+  }
+  
+  .map-container {
+    width: 100%;
+    height: 100%;
+    min-height: 400px;
+  }
+  
+  .loading-container {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    min-height: 400px;
+    background-color: var(--schmancy-sys-color-surface-containerLow);
+  }
+  
+  .error-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+    min-height: 400px;
+    padding: 24px;
+    text-align: center;
+    background-color: var(--schmancy-sys-color-surface-containerLow);
+  }
+  
+  .error-icon {
+    width: 48px;
+    height: 48px;
+    margin-bottom: 16px;
+    color: var(--schmancy-sys-color-error-default);
+  }
+  
+  .error-title {
+    font-size: 18px;
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: var(--schmancy-sys-color-surface-on);
+  }
+  
+  .error-message {
+    font-size: 14px;
+    color: var(--schmancy-sys-color-surface-onVariant);
+    line-height: 1.5;
+  }
+`) {
+	constructor(...e) {
+		super(...e), this.address = "", this.zoom = 15, this.height = "400px", this.marker = !0, this.markerTitle = "", this.type = "roadmap", this.interactive = !0, this.controls = !0, this.apiKey = "", this.loading = !1, this.error = "", this.mapRef = g(), this.hasLoadedMap = !1;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.style.setProperty("--map-height", this.height), this.setupIntersectionObserver();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.intersectionObserver && this.intersectionObserver.disconnect();
+	}
+	setupIntersectionObserver() {
+		this.intersectionObserver = new IntersectionObserver((e) => {
+			e.forEach((e) => {
+				e.isIntersecting && !this.hasLoadedMap && (this.hasLoadedMap = !0, this.loadMap(), this.intersectionObserver?.disconnect());
+			});
+		}, {
+			root: null,
+			rootMargin: "50px",
+			threshold: .01
+		}), this.intersectionObserver.observe(this);
+	}
+	loadMap() {
+		i(null).pipe(u(() => {
+			this.loading = !0, this.error = "";
+		}), c(() => {
+			if (!this.apiKey) throw Error("Google Maps API key is required. Please provide it via the apiKey property.");
+			return y.load(this.apiKey);
+		}), c(() => this.getCoordinates()), u((e) => {
+			this.pendingCoordinates = e;
+		}), a((e) => (this.error = e.message || "Failed to load map", n)), o(() => {
+			this.loading = !1;
+		}), l(this.disconnecting)).subscribe();
+	}
+	getCoordinates() {
+		if (this.address) return this.geocodeAddress(this.address);
+		if (this.latitude !== void 0 && this.longitude !== void 0) return i({
+			lat: this.latitude,
+			lng: this.longitude
+		});
+		throw Error("Either address or latitude/longitude coordinates are required");
+	}
+	geocodeAddress(e) {
+		return this.geocoder ||= new window.google.maps.Geocoder(), new Promise((t, n) => {
+			this.geocoder.geocode({ address: e }, (e, r) => {
+				if (r === "OK" && e[0]) {
+					let n = e[0].geometry.location;
+					t({
+						lat: n.lat(),
+						lng: n.lng()
+					});
+				} else n(/* @__PURE__ */ Error(`Geocoding failed: ${r}`));
+			});
+		});
+	}
+	initializeMap(e) {
+		if (!this.mapRef.value || !window.google?.maps) return;
+		let t = {
+			center: e,
+			zoom: this.zoom,
+			mapTypeId: this.getMapTypeId(),
+			disableDefaultUI: !this.controls,
+			gestureHandling: this.interactive ? "cooperative" : "none",
+			zoomControl: this.controls,
+			mapTypeControl: this.controls,
+			scaleControl: this.controls,
+			streetViewControl: this.controls,
+			rotateControl: this.controls,
+			fullscreenControl: this.controls,
+			styles: this.interactive ? void 0 : [{
+				featureType: "poi",
+				stylers: [{ visibility: "off" }]
+			}]
+		};
+		this.map = new window.google.maps.Map(this.mapRef.value, t), this.marker && this.addMarker(e);
+	}
+	getMapTypeId() {
+		let e = {
+			roadmap: window.google.maps.MapTypeId.ROADMAP,
+			satellite: window.google.maps.MapTypeId.SATELLITE,
+			hybrid: window.google.maps.MapTypeId.HYBRID,
+			terrain: window.google.maps.MapTypeId.TERRAIN
+		};
+		return e[this.type] || e.roadmap;
+	}
+	addMarker(e) {
+		window.google?.maps && this.map && (this.mapMarker = new window.google.maps.Marker({
+			position: e,
+			map: this.map,
+			title: this.markerTitle || this.address || "Location"
+		}));
+	}
+	updated(e) {
+		super.updated(e), e.has("height") && this.style.setProperty("--map-height", this.height), e.has("loading") && !this.loading && this.pendingCoordinates && !this.map && requestAnimationFrame(() => {
+			this.mapRef.value && this.pendingCoordinates && (this.initializeMap(this.pendingCoordinates), this.pendingCoordinates = void 0);
+		}), (e.has("address") || e.has("latitude") || e.has("longitude") || e.has("type") || e.has("zoom")) && this.map && this.hasLoadedMap && this.loadMap(), e.has("markerTitle") && this.mapMarker && this.mapMarker.setTitle(this.markerTitle || this.address || "Location");
+	}
+	render() {
+		return h`
+      ${v(this.loading, () => h`
+          <div class="loading-container">
+            <schmancy-spinner></schmancy-spinner>
+          </div>
+        `, () => v(this.error, () => h`
+            <div class="error-container">
+              <svg class="error-icon" fill="none" viewBox="0 0 24 24" stroke="currentColor">
+                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" 
+                      d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z" />
+              </svg>
+              <div class="error-title">Map could not be loaded</div>
+              <div class="error-message">${this.error}</div>
+            </div>
+          `, () => h`
+            <div class="map-container" ${_(this.mapRef)}></div>
+          `))}
+    `;
+	}
+};
+e([f({ type: String })], b.prototype, "address", void 0), e([f({ type: Number })], b.prototype, "latitude", void 0), e([f({ type: Number })], b.prototype, "longitude", void 0), e([f({ type: Number })], b.prototype, "zoom", void 0), e([f({
+	type: String,
+	reflect: !0
+})], b.prototype, "height", void 0), e([f({ type: Boolean })], b.prototype, "marker", void 0), e([f({ type: String })], b.prototype, "markerTitle", void 0), e([f({ type: String })], b.prototype, "type", void 0), e([f({ type: Boolean })], b.prototype, "interactive", void 0), e([f({ type: Boolean })], b.prototype, "controls", void 0), e([f({ type: String })], b.prototype, "apiKey", void 0), e([p()], b.prototype, "loading", void 0), e([p()], b.prototype, "error", void 0);
+var x = b = e([d("schmancy-map")], b);
+export { x as t };

package/dist/map-DkIy1ph7.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"map-DkIy1ph7.js","names":[],"sources":["../src/map/map.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ref, createRef } from 'lit/directives/ref.js'\nimport { when } from 'lit/directives/when.js'\nimport { of, EMPTY, Observable } from 'rxjs'\nimport { switchMap, tap, catchError, takeUntil, finalize, shareReplay } from 'rxjs/operators'\n\ninterface GoogleMapsAPI {\n  maps: {\n    Map: new (element: HTMLElement, options: any) => any\n    Marker: new (options: any) => any\n    Geocoder: new () => any\n    LatLng: new (lat: number, lng: number) => any\n    MapTypeId: {\n      ROADMAP: string\n      SATELLITE: string\n      HYBRID: string\n      TERRAIN: string\n    }\n  }\n}\n\ndeclare global {\n  interface Window {\n    google?: GoogleMapsAPI\n    initGoogleMaps?: () => void\n    __schmancyGoogleMapsLoading?: Observable<boolean>\n  }\n}\n\n// Singleton for managing Google Maps script loading\nclass GoogleMapsLoader {\n  private static loading$?: Observable<boolean>\n\n  static load(apiKey: string): Observable<boolean> {\n    // If already loaded, return success\n    if (window.google?.maps) {\n      return of(true)\n    }\n\n    // If already loading, return the existing observable\n    if (this.loading$) {\n      return this.loading$\n    }\n\n    // Create a new loading observable\n    this.loading$ = new Observable<boolean>(observer => {\n      // Check again if loaded while waiting\n      if (window.google?.maps) {\n        observer.next(true)\n        observer.complete()\n        return\n      }\n\n      const script = document.createElement('script')\n      // Using places library instead of geometry for geocoding\n      script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&callback=initGoogleMaps&v=weekly`\n      script.async = true\n      script.defer = true\n\n      window.initGoogleMaps = () => {\n        observer.next(true)\n        observer.complete()\n      }\n\n      script.onerror = (error) => {\n        console.error('Google Maps script loading error:', error)\n        observer.error(new Error('Failed to load Google Maps. Please check API key configuration and ensure the domain is authorized.'))\n      }\n\n      document.head.appendChild(script)\n    }).pipe(\n      shareReplay(1) // Share the result among all subscribers\n    )\n\n    return this.loading$\n  }\n}\n\n/**\n * `<schmancy-map>` component\n *\n * A Google Maps component with an intuitive API for displaying interactive or static maps.\n * Supports both address strings (with automatic geocoding) and precise coordinates.\n *\n * @element schmancy-map\n *\n * @example\n * <!-- Simple address -->\n * <schmancy-map address=\"Times Square, New York\"></schmancy-map>\n *\n * @example\n * <!-- With coordinates -->\n * <schmancy-map latitude=\"40.758\" longitude=\"-73.985\" zoom=\"17\"></schmancy-map>\n *\n * @example\n * <!-- Satellite view -->\n * <schmancy-map address=\"Grand Canyon\" type=\"satellite\" height=\"500px\"></schmancy-map>\n *\n * @example\n * <!-- Static map -->\n * <schmancy-map address=\"Eiffel Tower, Paris\" interactive=\"false\" controls=\"false\"></schmancy-map>\n */\n@customElement('schmancy-map')\nexport default class SchmancyMap extends TailwindElement(css`\n  :host {\n    display: block;\n    position: relative;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: var(--schmancy-sys-color-surface-container);\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  :host([height]) {\n    height: var(--map-height);\n  }\n  \n  .map-container {\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n  }\n  \n  .loading-container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-container {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    height: 100%;\n    min-height: 400px;\n    padding: 24px;\n    text-align: center;\n    background-color: var(--schmancy-sys-color-surface-containerLow);\n  }\n  \n  .error-icon {\n    width: 48px;\n    height: 48px;\n    margin-bottom: 16px;\n    color: var(--schmancy-sys-color-error-default);\n  }\n  \n  .error-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-bottom: 8px;\n    color: var(--schmancy-sys-color-surface-on);\n  }\n  \n  .error-message {\n    font-size: 14px;\n    color: var(--schmancy-sys-color-surface-onVariant);\n    line-height: 1.5;\n  }\n`) {\n  /**\n   * Simple address string that automatically geocodes to display the location.\n   * Takes precedence over latitude/longitude if both are provided.\n   */\n  @property({ type: String })\n  address: string = ''\n\n  /**\n   * Latitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  latitude?: number\n\n  /**\n   * Longitude coordinate for precise location.\n   * Used when address is not provided.\n   */\n  @property({ type: Number })\n  longitude?: number\n\n  /**\n   * Map zoom level. Higher numbers show more detail.\n   * @default 15\n   */\n  @property({ type: Number })\n  zoom: number = 15\n\n  /**\n   * Height of the map with CSS unit (e.g., \"400px\", \"50vh\").\n   * @default \"400px\"\n   */\n  @property({ type: String, reflect: true })\n  height: string = '400px'\n\n  /**\n   * Whether to show a marker at the location.\n   * @default true\n   */\n  @property({ type: Boolean })\n  marker: boolean = true\n\n  /**\n   * Tooltip text for the location marker.\n   */\n  @property({ type: String })\n  markerTitle: string = ''\n\n  /**\n   * Map display type.\n   * Options: \"roadmap\", \"satellite\", \"hybrid\", \"terrain\"\n   * @default \"roadmap\"\n   */\n  @property({ type: String })\n  type: 'roadmap' | 'satellite' | 'hybrid' | 'terrain' = 'roadmap'\n\n  /**\n   * Whether users can interact with the map (pan, zoom, click).\n   * @default true\n   */\n  @property({ type: Boolean })\n  interactive: boolean = true\n\n  /**\n   * Whether to show map controls (zoom buttons, fullscreen, etc.).\n   * @default true\n   */\n  @property({ type: Boolean })\n  controls: boolean = true\n\n  /**\n   * Google Maps API key. Required for the map to load.\n   */\n  @property({ type: String })\n  apiKey: string = ''\n\n  @state() private loading: boolean = false\n  @state() private error: string = ''\n\n  private mapRef = createRef<HTMLDivElement>()\n  private map?: any\n  private mapMarker?: any\n  private geocoder?: any\n  private intersectionObserver?: IntersectionObserver\n  private hasLoadedMap = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    \n    // Set CSS custom property for height\n    this.style.setProperty('--map-height', this.height)\n    \n    // Only load map when component becomes visible\n    this.setupIntersectionObserver()\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback()\n    if (this.intersectionObserver) {\n      this.intersectionObserver.disconnect()\n    }\n  }\n\n  private setupIntersectionObserver() {\n    // Load map only when it's visible in the viewport\n    this.intersectionObserver = new IntersectionObserver(\n      (entries) => {\n        entries.forEach(entry => {\n          if (entry.isIntersecting && !this.hasLoadedMap) {\n            this.hasLoadedMap = true\n            this.loadMap()\n            // Stop observing after loading\n            this.intersectionObserver?.disconnect()\n          }\n        })\n      },\n      {\n        root: null,\n        rootMargin: '50px',\n        threshold: 0.01\n      }\n    )\n    \n    this.intersectionObserver.observe(this)\n  }\n\n  private loadMap() {\n    of(null).pipe(\n      tap(() => {\n        this.loading = true\n        this.error = ''\n      }),\n      switchMap(() => {\n        if (!this.apiKey) {\n          throw new Error('Google Maps API key is required. Please provide it via the apiKey property.')\n        }\n        return GoogleMapsLoader.load(this.apiKey)\n      }),\n      switchMap(() => this.getCoordinates()),\n      tap((coordinates) => {\n        // Store coordinates for later use\n        this.pendingCoordinates = coordinates\n      }),\n      catchError((error) => {\n        console.error('Map loading error:', error)\n        this.error = error.message || 'Failed to load map'\n        return EMPTY\n      }),\n      finalize(() => {\n        this.loading = false\n      }),\n      takeUntil(this.disconnecting)\n    ).subscribe()\n  }\n\n  private pendingCoordinates?: { lat: number; lng: number }\n\n  private getCoordinates() {\n    if (this.address) {\n      return this.geocodeAddress(this.address)\n    }\n\n    if (this.latitude !== undefined && this.longitude !== undefined) {\n      return of({ lat: this.latitude, lng: this.longitude })\n    }\n\n    throw new Error('Either address or latitude/longitude coordinates are required')\n  }\n\n  private geocodeAddress(address: string) {\n    if (!this.geocoder) {\n      this.geocoder = new window.google!.maps.Geocoder()\n    }\n\n    return new Promise<{ lat: number; lng: number }>((resolve, reject) => {\n      this.geocoder.geocode({ address }, (results: any[], status: string) => {\n        if (status === 'OK' && results[0]) {\n          const location = results[0].geometry.location\n          resolve({\n            lat: location.lat(),\n            lng: location.lng()\n          })\n        } else {\n          reject(new Error(`Geocoding failed: ${status}`))\n        }\n      })\n    })\n  }\n\n  private initializeMap(coordinates: { lat: number; lng: number }) {\n    if (!this.mapRef.value || !window.google?.maps) {\n      return\n    }\n\n    const mapOptions = {\n      center: coordinates,\n      zoom: this.zoom,\n      mapTypeId: this.getMapTypeId(),\n      disableDefaultUI: !this.controls,\n      gestureHandling: this.interactive ? 'cooperative' : 'none',\n      zoomControl: this.controls,\n      mapTypeControl: this.controls,\n      scaleControl: this.controls,\n      streetViewControl: this.controls,\n      rotateControl: this.controls,\n      fullscreenControl: this.controls,\n      styles: this.interactive ? undefined : [\n        {\n          featureType: 'poi',\n          stylers: [{ visibility: 'off' }]\n        }\n      ]\n    }\n\n    this.map = new window.google.maps.Map(this.mapRef.value, mapOptions)\n\n    if (this.marker) {\n      this.addMarker(coordinates)\n    }\n  }\n\n  private getMapTypeId(): string {\n    const typeMap = {\n      roadmap: window.google!.maps.MapTypeId.ROADMAP,\n      satellite: window.google!.maps.MapTypeId.SATELLITE,\n      hybrid: window.google!.maps.MapTypeId.HYBRID,\n      terrain: window.google!.maps.MapTypeId.TERRAIN\n    }\n    return typeMap[this.type] || typeMap.roadmap\n  }\n\n  private addMarker(coordinates: { lat: number; lng: number }) {\n    if (!window.google?.maps || !this.map) {\n      return\n    }\n\n    this.mapMarker = new window.google.maps.Marker({\n      position: coordinates,\n      map: this.map,\n      title: this.markerTitle || this.address || 'Location'\n    })\n  }\n\n  protected updated(changedProperties: Map<string, any>) {\n    super.updated(changedProperties)\n\n    if (changedProperties.has('height')) {\n      this.style.setProperty('--map-height', this.height)\n    }\n\n    // Initialize map when loading completes and container is ready\n    if (changedProperties.has('loading') && !this.loading && this.pendingCoordinates && !this.map) {\n      // Wait for next frame to ensure map container is rendered\n      requestAnimationFrame(() => {\n        if (this.mapRef.value && this.pendingCoordinates) {\n          this.initializeMap(this.pendingCoordinates)\n          this.pendingCoordinates = undefined\n        }\n      })\n    }\n\n    // Reload map if critical properties change (only if map was already loaded)\n    if (\n      changedProperties.has('address') ||\n      changedProperties.has('latitude') ||\n      changedProperties.has('longitude') ||\n      changedProperties.has('type') ||\n      changedProperties.has('zoom')\n    ) {\n      if (this.map && this.hasLoadedMap) {\n        this.loadMap()\n      }\n    }\n\n    // Update marker title if it changes\n    if (changedProperties.has('markerTitle') && this.mapMarker) {\n      this.mapMarker.setTitle(this.markerTitle || this.address || 'Location')\n    }\n  }\n\n  protected render() {\n    return html`\n      ${when(\n        this.loading,\n        () => html`\n          <div class=\"loading-container\">\n            <schmancy-spinner></schmancy-spinner>\n          </div>\n        `,\n        () => when(\n          this.error,\n          () => html`\n            <div class=\"error-container\">\n              <svg class=\"error-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" \n                      d=\"M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.964-.833-2.732 0L4.082 16.5c-.77.833.192 2.5 1.732 2.5z\" />\n              </svg>\n              <div class=\"error-title\">Map could not be loaded</div>\n              <div class=\"error-message\">${this.error}</div>\n            </div>\n          `,\n          () => html`\n            <div class=\"map-container\" ${ref(this.mapRef)}></div>\n          `\n        )\n      )}\n    `\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'schmancy-map': SchmancyMap\n  }\n}\n"],"mappings":"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"}

package/dist/map.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./map-DyPS9G7M.cjs");Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>e.SchmancyMap});
-//# sourceMappingURL=map.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./map-C2Msv9TQ.cjs`);exports.SchmancyMap=e.t;

package/dist/map.js

@@ -1,5 +1,2 @@
-import { S as m } from "./map-2Hl60a0A.js";
-export {
-  m as SchmancyMap
-};
-//# sourceMappingURL=map.js.map
+import { t as e } from "./map-DkIy1ph7.js";
+export { e as SchmancyMap };

package/dist/menu-DEeDKW5U.js

@@ -0,0 +1,51 @@
+import { i as e } from "./tailwind.mixin-C4cx3IOr.js";
+import { t } from "./litElement.mixin-Dktub0ri.js";
+import "./mixins.js";
+import { t as n } from "./dialog-service-NZEvyEK-.js";
+import { customElement as r, query as i } from "lit/decorators.js";
+import { css as a, html as o } from "lit";
+var s = class extends t(a`
+	:host {
+		display: block;
+	}
+`) {
+	render() {
+		return o`
+			<schmancy-list-item @click=${() => n.dismiss()}>
+				<slot></slot>
+			</schmancy-list-item>
+		`;
+	}
+};
+s = e([r("schmancy-menu-item")], s);
+var c = class extends t(a`
+	:host {
+		position: relative;
+		display: flex;
+	}
+`) {
+	showMenu(e) {
+		let t = this.menuSlot?.assignedElements() || [];
+		if (t.length === 0) return;
+		let r = document.createElement("div");
+		t.forEach((e) => r.appendChild(e)), n.component(r, {
+			position: e,
+			hideActions: !0
+		}).finally(() => {
+			t.forEach((e) => this.appendChild(e));
+		});
+	}
+	render() {
+		return o`
+			<slot name="trigger" @click=${this.showMenu}>
+				<slot name="button" @click=${this.showMenu}>
+					<schmancy-icon-button>more_vert</schmancy-icon-button>
+				</slot>
+			</slot>
+			<div hidden>
+				<slot></slot>
+			</div>
+		`;
+	}
+};
+e([i("slot:not([name])")], c.prototype, "menuSlot", void 0), c = e([r("schmancy-menu")], c);

package/dist/menu-DEeDKW5U.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-DEeDKW5U.js","names":[],"sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${() => $dialog.dismiss()}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n/**\n * Menu Component\n *\n * CRITICAL: The dialog ONLY renders the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup in the dialog call.\n * The dialog service handles positioning and display - we just pass the pure content.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: Dialog auto-dismisses when schmancy-menu-item is clicked\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form @submit=${() => $dialog.dismiss()}></my-settings-form>\n * </schmancy-menu>\n * ```\n * Note: Custom components must call $dialog.dismiss() manually\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in dialog\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`) {\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu(event: MouseEvent) {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Create container and move actual elements to preserve full functionality\n\t\tconst dialogContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => dialogContainer.appendChild(item))\n\n\t\t$dialog\n\t\t\t.component(dialogContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// Restore elements as light DOM children (will be projected via slot)\n\t\t\t\tmenuItems.forEach(item => this.appendChild(item))\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"mappings":";;;;;;AAMe,IAAA,IAAA,cAA+B,EAAY,CAAG;;;;;CAM5D,SAAA;AACC,SAAO,CAAI;sCACyB,EAAQ,SAAA,CAAA;;;;;;OAT7C,EAAc,qBAAA,CAAA,EAAqB,EAAA;AC+BrB,IAAA,IAAA,cAA2B,EAAY,CAAG;;;;;;CASxD,SAAiB,GAAA;EAChB,IAAM,IAAY,KAAK,UAAU,kBAAA,IAAsB,EAAA;AACvD,MAAI,EAAU,WAAW,EAAG;EAG5B,IAAM,IAAkB,SAAS,cAAc,MAAA;AAC/C,IAAU,SAAQ,MAAQ,EAAgB,YAAY,EAAA,CAAA,EAEtD,EACE,UAAU,GAAiB;GAC3B,UAAU;GACV,aAAA,CAAa;GAAA,CAAA,CAEb,cAAA;AAEA,KAAU,SAAQ,MAAQ,KAAK,YAAY,EAAA,CAAA;IAAA;;CAI9C,SAAA;AACC,SAAO,CAAI;iCACoB,KAAK,SAAA;iCACL,KAAK,SAAA;;;;;;;;;;GAzBpC,EAAM,mBAAA,CAAA,EAAmB,EAAA,WAAA,YAAA,KAAA,EAAA,EAAA,IAAA,EAAA,CAP1B,EAAc,gBAAA,CAAA,EAAgB,EAAA"}

package/dist/menu-Mm71lv9k.cjs

@@ -0,0 +1,23 @@
+require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`),t=require(`./litElement.mixin-DN6X9_wD.cjs`);require(`./mixins.cjs`);const n=require(`./dialog-service-VnW4gkmE.cjs`);let r=require(`lit/decorators.js`),i=require(`lit`);var a=class extends t.t(i.css`
+	:host {
+		display: block;
+	}
+`){render(){return i.html`
+			<schmancy-list-item @click=${()=>n.t.dismiss()}>
+				<slot></slot>
+			</schmancy-list-item>
+		`}};a=e.i([(0,r.customElement)(`schmancy-menu-item`)],a);var o=class extends t.t(i.css`
+	:host {
+		position: relative;
+		display: flex;
+	}
+`){showMenu(e){let t=this.menuSlot?.assignedElements()||[];if(t.length===0)return;let r=document.createElement(`div`);t.forEach(e=>r.appendChild(e)),n.t.component(r,{position:e,hideActions:!0}).finally(()=>{t.forEach(e=>this.appendChild(e))})}render(){return i.html`
+			<slot name="trigger" @click=${this.showMenu}>
+				<slot name="button" @click=${this.showMenu}>
+					<schmancy-icon-button>more_vert</schmancy-icon-button>
+				</slot>
+			</slot>
+			<div hidden>
+				<slot></slot>
+			</div>
+		`}};e.i([(0,r.query)(`slot:not([name])`)],o.prototype,`menuSlot`,void 0),o=e.i([(0,r.customElement)(`schmancy-menu`)],o);

package/dist/menu-Mm71lv9k.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-Mm71lv9k.cjs","names":[],"sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${() => $dialog.dismiss()}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n/**\n * Menu Component\n *\n * CRITICAL: The dialog ONLY renders the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup in the dialog call.\n * The dialog service handles positioning and display - we just pass the pure content.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: Dialog auto-dismisses when schmancy-menu-item is clicked\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form @submit=${() => $dialog.dismiss()}></my-settings-form>\n * </schmancy-menu>\n * ```\n * Note: Custom components must call $dialog.dismiss() manually\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in dialog\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`) {\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu(event: MouseEvent) {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Create container and move actual elements to preserve full functionality\n\t\tconst dialogContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => dialogContainer.appendChild(item))\n\n\t\t$dialog\n\t\t\t.component(dialogContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// Restore elements as light DOM children (will be projected via slot)\n\t\t\t\tmenuItems.forEach(item => this.appendChild(item))\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"mappings":"2PAMe,IAAA,EAAA,cAA+B,EAAA,EAAY,EAAA,GAAG;;;;GAM5D,QAAA,CACC,MAAO,GAAA,IAAI;oCACyB,EAAA,EAAQ,SAAA,CAAA;;;iCAT/B,qBAAA,CAAA,CAAqB,EAAA,CC+BrB,IAAA,EAAA,cAA2B,EAAA,EAAY,EAAA,GAAG;;;;;GASxD,SAAiB,EAAA,CAChB,IAAM,EAAY,KAAK,UAAU,kBAAA,EAAsB,EAAA,CACvD,GAAI,EAAU,SAAW,EAAG,OAG5B,IAAM,EAAkB,SAAS,cAAc,MAAA,CAC/C,EAAU,QAAQ,GAAQ,EAAgB,YAAY,EAAA,CAAA,CAEtD,EAAA,EACE,UAAU,EAAiB,CAC3B,SAAU,EACV,YAAA,CAAa,EAAA,CAAA,CAEb,YAAA,CAEA,EAAU,QAAQ,GAAQ,KAAK,YAAY,EAAA,CAAA,EAAA,CAI9C,QAAA,CACC,MAAO,GAAA,IAAI;iCACoB,KAAK,SAAA;iCACL,KAAK,SAAA;;;;;;;uBAzB9B,mBAAA,CAAA,CAAmB,EAAA,UAAA,WAAA,IAAA,GAAA,CAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,eAPZ,gBAAA,CAAA,CAAgB,EAAA"}

package/dist/menu.cjs

@@ -1,2 +1 @@
-"use strict";require("./menu-rX5RPAI2.cjs");
-//# sourceMappingURL=menu.cjs.map
+require(`./menu-Mm71lv9k.cjs`);

package/dist/menu.js

@@ -1,2 +1 @@
-import "./menu-Caju5-zd.js";
-//# sourceMappingURL=menu.js.map
+import "./menu-DEeDKW5U.js";

package/dist/mixins.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tailwind.mixin-Cp4PyXok.cjs"),i=require("./formField.mixin-BfJMifU9.cjs"),l=require("./litElement.mixin-CrpeGpZ7.cjs");exports.BaseElement=e.BaseElement,exports.TailwindElement=e.TailwindElement,exports.tailwindStyles=e.tailwindStyles,exports.FormFieldMixin=i.FormFieldMixin,exports.SchmancyFormField=i.SchmancyFormField,exports.$LitElement=l.$LitElement;
-//# sourceMappingURL=mixins.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-DGiyLbEi.cjs`),t=require(`./litElement.mixin-DN6X9_wD.cjs`),n=require(`./surface.mixin-C4hbgyaP.cjs`);let r=require(`lit/decorators.js`);function i(t){class n extends t{static{this.formAssociated=!0}constructor(...e){super(...e),this.name=``,this.value=``,this.label=``,this.required=!1,this.disabled=!1,this.readonly=!1,this.error=!1,this.validationMessage=``,this.id=`schmancy-field-${Date.now()}-${Math.floor(1e3*Math.random())}`;try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form??null}willUpdate(e){super.willUpdate(e),e.has(`value`)&&this.internals?.setFormValue(this.value),(e.has(`error`)||e.has(`validationMessage`))&&(this.error&&this.validationMessage?this.internals?.setValidity({customError:!0},this.validationMessage):this.internals?.setValidity({}))}checkValidity(){return!!this.disabled||!this.required||this.value!==``&&this.value!==void 0&&this.value!==null||(this.error=!0,this.validationMessage=`This field is required`,!1)}reportValidity(){let e=this.checkValidity();return e||this.internals?.reportValidity(),e}setCustomValidity(e){this.validationMessage=e,this.error=e!==``,e?this.internals?.setValidity({customError:!0},e):this.internals?.setValidity({})}emitChange(e){`dispatchScopedEvent`in this&&typeof this.dispatchScopedEvent==`function`?this.dispatchScopedEvent(`change`,e,{bubbles:!0}):this.dispatchEvent(new CustomEvent(`change`,{detail:e,bubbles:!0,composed:!0}))}}return e.i([(0,r.property)({type:String})],n.prototype,`name`,void 0),e.i([(0,r.property)({reflect:!0})],n.prototype,`value`,void 0),e.i([(0,r.property)({type:String})],n.prototype,`label`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,`required`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,`disabled`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,`readonly`,void 0),e.i([(0,r.property)({type:Boolean,reflect:!0})],n.prototype,`error`,void 0),e.i([(0,r.property)({type:String})],n.prototype,`validationMessage`,void 0),e.i([(0,r.property)({type:String})],n.prototype,`hint`,void 0),e.i([(0,r.property)({reflect:!0})],n.prototype,`id`,void 0),n}exports.$LitElement=t.t,exports.BaseElement=e.r,exports.DISCOVER_EVENT=e.l,exports.DISCOVER_RESPONSE_EVENT=e.u,exports.FormFieldMixin=i,exports.SchmancyFormField=function(t){return i(e.t(t))},exports.SurfaceMixin=n.t,exports.TailwindElement=e.t,exports.discover=e.d,exports.discoverAllElements=e.f,exports.discoverAnyComponent=e.p,exports.discoverComponent=e.m,exports.discoverElement=e.h,exports.tailwindStyles=e.n;

package/dist/mixins.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"mixins.cjs","names":[],"sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events using dispatchScopedEvent for instance isolation\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\t// Use dispatchScopedEvent if available (from BaseElement mixin)\n\t\t\tif ('dispatchScopedEvent' in this && typeof this.dispatchScopedEvent === 'function') {\n\t\t\t\tthis.dispatchScopedEvent('change', detail, { bubbles: true })\n\t\t\t} else {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\tdetail,\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"mappings":"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"}

package/dist/mixins.js

@@ -1,12 +1,59 @@
-import { B as t, T as i, t as m } from "./tailwind.mixin-Bp_PR6yc.js";
-import { F as o, S as r } from "./formField.mixin-BCGA7Ea3.js";
-import { $ as n } from "./litElement.mixin-DHZXtvYq.js";
-export {
-  n as $LitElement,
-  t as BaseElement,
-  o as FormFieldMixin,
-  r as SchmancyFormField,
-  i as TailwindElement,
-  m as tailwindStyles
-};
-//# sourceMappingURL=mixins.js.map
+import { d as e, f as t, h as n, i as r, l as i, m as a, n as o, p as s, r as c, t as l, u } from "./tailwind.mixin-C4cx3IOr.js";
+import { t as d } from "./litElement.mixin-Dktub0ri.js";
+import { t as f } from "./surface.mixin-DBuxL5aL.js";
+import { property as p } from "lit/decorators.js";
+function m(e) {
+	class t extends e {
+		static {
+			this.formAssociated = !0;
+		}
+		constructor(...e) {
+			super(...e), this.name = "", this.value = "", this.label = "", this.required = !1, this.disabled = !1, this.readonly = !1, this.error = !1, this.validationMessage = "", this.id = `schmancy-field-${Date.now()}-${Math.floor(1e3 * Math.random())}`;
+			try {
+				this.internals = this.attachInternals();
+			} catch {
+				this.internals = void 0;
+			}
+		}
+		get form() {
+			return this.internals?.form ?? null;
+		}
+		willUpdate(e) {
+			super.willUpdate(e), e.has("value") && this.internals?.setFormValue(this.value), (e.has("error") || e.has("validationMessage")) && (this.error && this.validationMessage ? this.internals?.setValidity({ customError: !0 }, this.validationMessage) : this.internals?.setValidity({}));
+		}
+		checkValidity() {
+			return !!this.disabled || !this.required || this.value !== "" && this.value !== void 0 && this.value !== null || (this.error = !0, this.validationMessage = "This field is required", !1);
+		}
+		reportValidity() {
+			let e = this.checkValidity();
+			return e || this.internals?.reportValidity(), e;
+		}
+		setCustomValidity(e) {
+			this.validationMessage = e, this.error = e !== "", e ? this.internals?.setValidity({ customError: !0 }, e) : this.internals?.setValidity({});
+		}
+		emitChange(e) {
+			"dispatchScopedEvent" in this && typeof this.dispatchScopedEvent == "function" ? this.dispatchScopedEvent("change", e, { bubbles: !0 }) : this.dispatchEvent(new CustomEvent("change", {
+				detail: e,
+				bubbles: !0,
+				composed: !0
+			}));
+		}
+	}
+	return r([p({ type: String })], t.prototype, "name", void 0), r([p({ reflect: !0 })], t.prototype, "value", void 0), r([p({ type: String })], t.prototype, "label", void 0), r([p({
+		type: Boolean,
+		reflect: !0
+	})], t.prototype, "required", void 0), r([p({
+		type: Boolean,
+		reflect: !0
+	})], t.prototype, "disabled", void 0), r([p({
+		type: Boolean,
+		reflect: !0
+	})], t.prototype, "readonly", void 0), r([p({
+		type: Boolean,
+		reflect: !0
+	})], t.prototype, "error", void 0), r([p({ type: String })], t.prototype, "validationMessage", void 0), r([p({ type: String })], t.prototype, "hint", void 0), r([p({ reflect: !0 })], t.prototype, "id", void 0), t;
+}
+function h(e) {
+	return m(l(e));
+}
+export { d as $LitElement, c as BaseElement, i as DISCOVER_EVENT, u as DISCOVER_RESPONSE_EVENT, m as FormFieldMixin, h as SchmancyFormField, f as SurfaceMixin, l as TailwindElement, e as discover, t as discoverAllElements, s as discoverAnyComponent, a as discoverComponent, n as discoverElement, o as tailwindStyles };

package/dist/mixins.js.map

@@ -1 +1 @@
-{"version":3,"file":"mixins.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}
+{"version":3,"file":"mixins.js","names":[],"sources":["../mixins/formField.mixin.ts"],"sourcesContent":["import { CSSResult, LitElement, PropertyValueMap } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { IBaseMixin } from './baseElement'\nimport { Constructor } from './constructor'\nimport { ITailwindElementMixin, TailwindElement } from './tailwind.mixin'\n\n/**\n * Interface defining the properties and methods that the FormFieldMixin adds.\n */\nexport interface IFormFieldMixin extends Element {\n\t// Properties\n\tname: string\n\tvalue: string | string[] | boolean | number | undefined\n\tlabel: string\n\trequired: boolean\n\tdisabled: boolean\n\treadonly: boolean\n\terror: boolean\n\tvalidationMessage: string\n\thint?: string\n\tid: string\n\n\t// Form association\n\tform: HTMLFormElement | null\n\n\t// Methods\n\tcheckValidity(): boolean\n\treportValidity(): boolean\n\tsetCustomValidity(message: string): void\n\n\t// Event emitter helper\n\temitChange(detail: any): void\n}\n\n/**\n * A mixin that adds form field capabilities to a LitElement class.\n * This provides common form field properties, validation, and form association.\n *\n * @example\n * ```ts\n * class MyInput extends FormFieldMixin(TailwindElement(css`...`)) {\n *   // Your component code here\n * }\n * ```\n */\nexport function FormFieldMixin<T extends Constructor<LitElement>>(superClass: T) {\n\tclass FormFieldMixinClass extends superClass {\n\t\tstatic formAssociated = true\n\n\t\t// Element internals for form association\n\t\tprivate internals: ElementInternals | undefined\n\n\t\t// Properties common to form fields\n\t\t/**\n\t\t * The name of the form field (used for form submission)\n\t\t */\n\t\t@property({ type: String })\n\t\tname: string = ''\n\n\t\t/**\n\t\t * The current value of the form field\n\t\t */\n\t\t@property({ reflect: true })\n\t\tvalue: string | string[] | boolean | number | undefined = ''\n\n\t\t/**\n\t\t * Label text for the form field\n\t\t */\n\t\t@property({ type: String })\n\t\tlabel: string = ''\n\n\t\t/**\n\t\t * Whether the field is required\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\trequired: boolean = false\n\n\t\t/**\n\t\t * Whether the field is disabled\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\tdisabled: boolean = false\n\n\t\t/**\n\t\t * Whether the field is read-only\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\treadonly: boolean = false\n\n\t\t/**\n\t\t * Whether the field is in an error state\n\t\t */\n\t\t@property({ type: Boolean, reflect: true })\n\t\terror: boolean = false\n\n\t\t/**\n\t\t * The validation message to display\n\t\t */\n\t\t@property({ type: String })\n\t\tvalidationMessage: string = ''\n\n\t\t/**\n\t\t * Optional hint text to display below the field\n\t\t */\n\t\t@property({ type: String })\n\t\thint?: string\n\n\t\t/**\n\t\t * Unique identifier for the field\n\t\t */\n\t\t@property({ reflect: true })\n\t\toverride id: string = `schmancy-field-${Date.now()}-${Math.floor(Math.random() * 1000)}`\n\n\t\tconstructor(...args: any[]) {\n\t\t\tsuper(...args)\n\t\t\ttry {\n\t\t\t\tthis.internals = this.attachInternals()\n\t\t\t} catch {\n\t\t\t\tthis.internals = undefined\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Gets the form this element is associated with\n\t\t */\n\t\tget form(): HTMLFormElement | null {\n\t\t\treturn this.internals?.form ?? null\n\t\t}\n\n\t\t/**\n\t\t * Lifecycle method called when properties change\n\t\t */\n\t\tprotected willUpdate(changedProps: PropertyValueMap<any>): void {\n\t\t\tsuper.willUpdate(changedProps)\n\n\t\t\t// Update form value when value changes\n\t\t\tif (changedProps.has('value')) {\n\t\t\t\tthis.internals?.setFormValue(this.value as string | File | FormData | null)\n\t\t\t}\n\n\t\t\t// Update validation state when error or validation message changes\n\t\t\tif (changedProps.has('error') || changedProps.has('validationMessage')) {\n\t\t\t\tif (this.error && this.validationMessage) {\n\t\t\t\t\tthis.internals?.setValidity({ customError: true }, this.validationMessage)\n\t\t\t\t} else {\n\t\t\t\t\tthis.internals?.setValidity({})\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Checks if the field is valid without showing validation UI\n\t\t */\n\t\tcheckValidity(): boolean {\n\t\t\tif (this.disabled) return true\n\n\t\t\tif (this.required && (this.value === '' || this.value === undefined || this.value === null)) {\n\t\t\t\tthis.error = true\n\t\t\t\tthis.validationMessage = 'This field is required'\n\t\t\t\treturn false\n\t\t\t}\n\n\t\t\treturn true\n\t\t}\n\n\t\t/**\n\t\t * Reports validity and shows validation UI if invalid\n\t\t */\n\t\treportValidity(): boolean {\n\t\t\tconst isValid = this.checkValidity()\n\t\t\tif (!isValid) {\n\t\t\t\tthis.internals?.reportValidity()\n\t\t\t}\n\t\t\treturn isValid\n\t\t}\n\n\t\t/**\n\t\t * Sets a custom validation message\n\t\t */\n\t\tsetCustomValidity(message: string): void {\n\t\t\tthis.validationMessage = message\n\t\t\tthis.error = message !== ''\n\t\t\tif (message) {\n\t\t\t\tthis.internals?.setValidity({ customError: true }, message)\n\t\t\t} else {\n\t\t\t\tthis.internals?.setValidity({})\n\t\t\t}\n\t\t}\n\n\t\t/**\n\t\t * Helper method to emit change events using dispatchScopedEvent for instance isolation\n\t\t */\n\t\temitChange(detail: any): void {\n\t\t\t// Use dispatchScopedEvent if available (from BaseElement mixin)\n\t\t\tif ('dispatchScopedEvent' in this && typeof this.dispatchScopedEvent === 'function') {\n\t\t\t\tthis.dispatchScopedEvent('change', detail, { bubbles: true })\n\t\t\t} else {\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\t\tdetail,\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t}\n\n\treturn FormFieldMixinClass as Constructor<IFormFieldMixin> & T\n}\n\n/**\n * A convenience function that composes FormFieldMixin with TailwindElement\n * to create a base class for Schmancy form components.\n *\n * @example\n * ```ts\n * class MyInput extends SchmancyFormField(css`...`) {\n *   // Your component code here\n * }\n * ```\n */\nexport function SchmancyFormField<T extends CSSResult>(componentStyle?: T) {\n\treturn FormFieldMixin(TailwindElement(componentStyle)) as Constructor<IFormFieldMixin> &\n\t\tConstructor<ITailwindElementMixin> &\n\t\tConstructor<LitElement> &\n\t\tConstructor<IBaseMixin>\n}\n"],"mappings":"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"}

package/dist/nav-drawer.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-nWOZXEsW.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
-//# sourceMappingURL=nav-drawer.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-tfU0akqI.cjs`);exports.$drawer=e.m,Object.defineProperty(exports,`SchmancyDrawerAppbar`,{enumerable:!0,get:function(){return e.p}}),exports.SchmancyDrawerNavbarMode=e.u,exports.SchmancyDrawerNavbarState=e.d,Object.defineProperty(exports,`SchmancyNavigationDrawer`,{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(exports,`SchmancyNavigationDrawerContent`,{enumerable:!0,get:function(){return e.f}}),Object.defineProperty(exports,`SchmancyNavigationDrawerSidebar`,{enumerable:!0,get:function(){return e.c}}),exports.schmancyNavDrawer=e.h;

package/dist/nav-drawer.js

@@ -1,12 +1,2 @@
-import { $ as c, k as e, m as n, n as m, o as s, l as o, p as t, j as w } from "./avatar-rLCF6MSI.js";
-export {
-  c as $drawer,
-  e as SchmancyDrawerAppbar,
-  n as SchmancyDrawerNavbarMode,
-  m as SchmancyDrawerNavbarState,
-  s as SchmancyNavigationDrawer,
-  o as SchmancyNavigationDrawerContent,
-  t as SchmancyNavigationDrawerSidebar,
-  w as schmancyNavDrawer
-};
-//# sourceMappingURL=nav-drawer.js.map
+import { c as e, d as t, f as n, h as r, l as i, m as a, p as o, u as s } from "./src-BLcmKlCH.js";
+export { a as $drawer, o as SchmancyDrawerAppbar, s as SchmancyDrawerNavbarMode, t as SchmancyDrawerNavbarState, i as SchmancyNavigationDrawer, n as SchmancyNavigationDrawerContent, e as SchmancyNavigationDrawerSidebar, r as schmancyNavDrawer };

package/dist/navigation-bar.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-nWOZXEsW.cjs");Object.defineProperty(exports,"SchmancyNavigationBar",{enumerable:!0,get:()=>e.SchmancyNavigationBar}),Object.defineProperty(exports,"SchmancyNavigationBarItem",{enumerable:!0,get:()=>e.SchmancyNavigationBarItem});
-//# sourceMappingURL=navigation-bar.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./src-tfU0akqI.cjs`);Object.defineProperty(exports,`SchmancyNavigationBar`,{enumerable:!0,get:function(){return e.o}}),Object.defineProperty(exports,`SchmancyNavigationBarItem`,{enumerable:!0,get:function(){return e.s}});

package/dist/navigation-bar.js

@@ -1,6 +1,2 @@
-import { r as c, q as i } from "./avatar-rLCF6MSI.js";
-export {
-  c as SchmancyNavigationBar,
-  i as SchmancyNavigationBarItem
-};
-//# sourceMappingURL=navigation-bar.js.map
+import { o as e, s as t } from "./src-BLcmKlCH.js";
+export { e as SchmancyNavigationBar, t as SchmancyNavigationBarItem };