@mhmo91/schmancy 0.7.7 → 0.8.3

package/dist/{map-BlmS6Zfx.cjs.map → map-D9R3OCne.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"map-BlmS6Zfx.cjs","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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}
+{"version":3,"file":"map-D9R3OCne.cjs","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 size=\"32px\"></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}"],"names":["GoogleMapsLoader","apiKey","window","google","maps","of","this","loading$","Observable","observer","next","complete","script","document","createElement","src","async","defer","initGoogleMaps","onerror","error","Error","head","appendChild","pipe","shareReplay","SchmancyMap","TailwindElement","css","constructor","super","arguments","address","zoom","height","marker","markerTitle","type","interactive","controls","loading","mapRef","createRef","hasLoadedMap","connectedCallback","style","setProperty","setupIntersectionObserver","disconnectedCallback","intersectionObserver","disconnect","IntersectionObserver","entries","forEach","entry","isIntersecting","loadMap","root","rootMargin","threshold","observe","tap","switchMap","load","getCoordinates","coordinates","pendingCoordinates","catchError","message","EMPTY","finalize","takeUntil","disconnecting","subscribe","geocodeAddress","latitude","longitude","lat","lng","geocoder","Geocoder","Promise","resolve","reject","geocode","results","status","location","geometry","value","mapOptions","center","mapTypeId","getMapTypeId","disableDefaultUI","gestureHandling","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","styles","featureType","stylers","visibility","map","Map","addMarker","typeMap","roadmap","MapTypeId","ROADMAP","satellite","SATELLITE","hybrid","HYBRID","terrain","TERRAIN","mapMarker","Marker","position","title","changedProperties","updated","has","requestAnimationFrame","initializeMap","setTitle","render","html","when","ref","__decorateClass","property","String","prototype","Number","reflect","Boolean","state","customElement"],"mappings":"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"}

package/dist/map.cjs

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

package/dist/map.js

@@ -1,4 +1,4 @@
-import { S as m } from "./map-C1jVMhlF.js";
+import { S as m } from "./map-Br6xJFxG.js";
 export {
   m as SchmancyMap
 };

package/dist/{media-CNMZbEJe.js → media-BV_1DfcW.js}

@@ -3,7 +3,7 @@ import "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { customElement as y, property as c, state as f } from "lit/decorators.js";
-import { T as u } from "./tailwind.mixin-wLaKUxf1.js";
+import { T as u } from "./tailwind.mixin-Ddt05Frc.js";
 import { css as v, html as h, LitElement as g } from "lit";
 import { ifDefined as w } from "lit/directives/if-defined.js";
 var x = Object.getOwnPropertyDescriptor;
@@ -241,4 +241,4 @@ let d = class extends u(v`
   }
 };
 p([c({ type: String, reflect: !0 })], d.prototype, "src", 2), p([c({ type: String, reflect: !0 })], d.prototype, "fit", 2), p([c({ type: String })], d.prototype, "alt", 2), d = p([y("schmancy-card-media")], d);
-//# sourceMappingURL=media-CNMZbEJe.js.map
+//# sourceMappingURL=media-BV_1DfcW.js.map

package/dist/{media-CNMZbEJe.js.map → media-BV_1DfcW.js.map}

@@ -1 +1 @@
-{"version":3,"file":"media-CNMZbEJe.js","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t}\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis._updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate _updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate _addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate _navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate _triggerAction(x: number, y: number) {\n\t\tthis._addRipple(x, y)\n\t\tthis._navigate()\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis._triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis._setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis._triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis._setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate _setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis._setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this._setPressed(false)\n\tprivate handleMouseLeave = () => this._setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tr => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Content -->\n\t\t\t\t<div class=\"relative h-full w-full rounded-xl\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"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"}
+{"version":3,"file":"media-BV_1DfcW.js","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t}\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis._updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate _updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate _addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate _navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate _triggerAction(x: number, y: number) {\n\t\tthis._addRipple(x, y)\n\t\tthis._navigate()\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis._triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis._setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis._triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis._setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate _setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis._setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this._setPressed(false)\n\tprivate handleMouseLeave = () => this._setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tr => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Content -->\n\t\t\t\t<div class=\"relative h-full w-full rounded-xl\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"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"}

package/dist/{media-CxfrOjie.cjs → media-DibPwAjJ.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js"),y=require("./tailwind.mixin-JFXu3GSo.cjs"),c=require("lit"),m=require("lit/directives/if-defined.js");var b=Object.getOwnPropertyDescriptor;let u=class extends y.TailwindElement(c.css`
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js"),y=require("./tailwind.mixin-UijsBrYW.cjs"),c=require("lit"),m=require("lit/directives/if-defined.js");var b=Object.getOwnPropertyDescriptor;let u=class extends y.TailwindElement(c.css`
 	:host {
 		display: flex;
 		gap: 0.5rem;
@@ -149,4 +149,4 @@
 		object-fit: scale-down;
 	}
 `){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?c.html`<img src="${this.src}" alt="${this.alt}" />`:c.html`<slot></slot>`}};p([r.property({type:String,reflect:!0})],d.prototype,"src",2),p([r.property({type:String,reflect:!0})],d.prototype,"fit",2),p([r.property({type:String})],d.prototype,"alt",2),d=p([r.customElement("schmancy-card-media")],d);
-//# sourceMappingURL=media-CxfrOjie.cjs.map
+//# sourceMappingURL=media-DibPwAjJ.cjs.map

package/dist/{media-CxfrOjie.cjs.map → media-DibPwAjJ.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"media-CxfrOjie.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t}\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis._updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate _updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate _addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate _navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate _triggerAction(x: number, y: number) {\n\t\tthis._addRipple(x, y)\n\t\tthis._navigate()\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis._triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis._setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis._triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis._setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate _setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis._setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this._setPressed(false)\n\tprivate handleMouseLeave = () => this._setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tr => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Content -->\n\t\t\t\t<div class=\"relative h-full w-full rounded-xl\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"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"}
+{"version":3,"file":"media-DibPwAjJ.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t}\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis._updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate _updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate _addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate _navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate _triggerAction(x: number, y: number) {\n\t\tthis._addRipple(x, y)\n\t\tthis._navigate()\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis._triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis._setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis._triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis._setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate _setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis._setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this._setPressed(false)\n\tprivate handleMouseLeave = () => this._setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tr => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Content -->\n\t\t\t\t<div class=\"relative h-full w-full rounded-xl\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"sTASA,IAAqBA,EAArB,cAAgDC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASrD,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EAXoBJ,wGAArB,CADCK,EAAAA,cAAc,sBAAA,CAAA,EACML,mMCHrB,IAAqBM,EAArB,cAA0CL,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA1D,CAAA,CAAA,aAAAK,CAAAC,MAAAA,GAAAC,SAAAA,EAsECC,KAAAC,KAA2C,WAO3CD,KAAAE,YAAAA,GAOAF,KAAAG,SAAAA,GAOAH,KAAAI,QAAAA,GAkBAJ,KAASK,KAAO,UAMhBL,KAASM,UAAoB,GAGpBN,KAAAO,QAAAA,GACAP,KAAQQ,QAAuD,CAAA,EAExER,KAAQS,aAAe,EAmEvBT,KAAQU,YAAeC,GAAAA,CACtB,GAAIX,KAAKG,UAAAA,CAAaH,KAAKE,YAAa,OAExC,MAAMU,EAAOZ,KAAKa,sBAAAA,EAClBb,KAAKc,eAAeH,EAAEI,QAAUH,EAAKI,KAAML,EAAEM,QAAUL,EAAKM,GAAAA,CAAAA,EAG7DlB,KAAQmB,cAAiBR,GAAAA,CACxB,IAAIX,KAAKG,UAAaH,KAAKE,cAEvBS,EAAES,MAAQ,SAAWT,EAAES,MAAQ,KAAK,CACvCT,EAAEU,eAAAA,EACFrB,KAAKsB,YAAAA,EAAY,EAGjB,MAAMV,EAAOZ,KAAKa,sBAAAA,EAClBb,KAAKc,eAAeF,EAAKW,MAAQ,EAAGX,EAAKY,OAAS,CAAA,CACnD,CAAA,EAGDxB,KAAQyB,YAAed,GAAAA,CAClBA,EAAES,MAAQ,SAAWT,EAAES,MAAQ,KAClCpB,KAAKsB,YAAAA,EAAY,CAAA,EAcnBtB,KAAQ0B,gBAAkB,MACrB1B,KAAKG,UAAaH,KAAKE,aAC3BF,KAAKsB,YAAAA,EAAY,CAAA,EAGlBtB,KAAQ2B,cAAgB,IAAM3B,KAAKsB,YAAAA,EAAY,EAC/CtB,KAAQ4B,iBAAmB,IAAM5B,KAAKsB,YAAAA,EAAY,CAAK,CA3GvD,mBAAAO,CACC/B,MAAM+B,kBAAAA,EACN7B,KAAK8B,uBACN,CAEA,QAAQC,EAAAA,CACPjC,MAAMkC,QAAQD,CAAAA,GACVA,EAAkBE,IAAI,aAAA,GAAkBF,EAAkBE,IAAI,UAAA,IACjEjC,KAAK8B,sBAAAA,CAEP,CAGQ,uBAAAA,CACe9B,KAAKE,aAAAA,CAAgBF,KAAKG,UAG/CH,KAAKkC,aAAa,WAAY,KACzBlC,KAAKK,MAAQL,KAAKK,OAAS,YAC/BL,KAAKK,KAAOL,KAAKmC,KAAO,OAAS,YAGlCnC,KAAKoC,gBAAgB,UAAA,EACjBpC,KAAKK,OAAS,UAAYL,KAAKK,OAAS,SAC3CL,KAAKK,KAAO,WAGf,CAGQ,WAAWgC,EAAWC,EAAAA,CAC7B,MAAMC,EAAKvC,KAAKS,eAChBT,KAAKQ,QAAU,IAAIR,KAAKQ,QAAS,CAAE6B,EAAAA,EAAGC,EAAAA,EAAGC,GAAAA,CAAAA,CAAAA,EAGzCC,WAAW,IAAA,CACVxC,KAAKQ,QAAUR,KAAKQ,QAAQiC,OAAOC,GAAKA,EAAEH,KAAOA,CAAAA,CAAAA,EAC/C,IACJ,CAGQ,WAAAI,CACF3C,KAAKmC,OAENnC,KAAK4C,SAAW,SACnBC,OAAOC,KAAK9C,KAAKmC,KAAM,QAAA,EAEvBU,OAAOE,SAASZ,KAAOnC,KAAKmC,KAE9B,CAGQ,eAAeE,EAAWC,EAAAA,CACjCtC,KAAKgD,WAAWX,EAAGC,CAAAA,EACnBtC,KAAK2C,UAAAA,EAEL3C,KAAKiD,cACJ,IAAIC,YAAY,iBAAkB,CACjCC,OAAQ,CAAEC,MAAOpD,KAAKC,IAAAA,EACtBoD,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAGb,CA6BQ,YAAY/C,EAAAA,CACnBP,KAAKO,QAAUA,EACXA,EACHP,KAAKkC,aAAa,UAAW,EAAA,EAE7BlC,KAAKoC,gBAAgB,SAAA,CAEvB,CAUU,QAAA3C,CACT,MAAM8D,EAAgBvD,KAAKE,aAAAA,CAAgBF,KAAKG,SAEhD,OAAOT,EAAAA;AAAAA;AAAAA,+CAEsC6D,EAAgB,iBAAmB,EAAA;AAAA,aACrEvD,KAAKU,WAAAA;AAAAA,eACHV,KAAKmB,aAAAA;AAAAA,aACPnB,KAAKyB,WAAAA;AAAAA,iBACDzB,KAAK0B,eAAAA;AAAAA,eACP1B,KAAK2B,aAAAA;AAAAA,kBACF3B,KAAK4B,gBAAAA;AAAAA,iBACN4B,EAAAA,UAAUxD,KAAKM,SAAAA,CAAAA;AAAAA,oBACZN,KAAKG,SAAW,OAAS,OAAA;AAAA;AAAA;AAAA;AAAA,4GAIgEoD,EAErGvD,KAAKO,QACJ,sDACA,oIAHD,WAAA;AAAA;AAAA;AAAA;AAAA,MAOFP,KAAKE,aAAeF,KAAKQ,QAAQiD,OAChC/D,EAAAA;AAAAA;AAAAA,UAEGM,KAAKQ,QAAQkD,IACdhB,GAAKhD,EAAAA;AAAAA;AAAAA;AAAAA,0BAGYgD,EAAEL,aAAaK,EAAEJ,CAAAA;AAAAA;AAAAA;;QAMpC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQN,CAAA,EAtRoB1C,EA2DH+D,kBAAoB,CAAA,GACjCC,EAAAA,WAAWD,kBACdE,KAAM,OACNC,eAAAA,EAAgB,EAQjBC,EAAA,CADCC,WAAS,CAAEC,QAAAA,EAAS,CAAA,CAAA,EArEDrE,EAsEpBsE,UAAA,OAAA,CAAA,EAOAH,EAAA,CADCC,EAAAA,SAAS,CAAE/D,KAAMkE,QAASF,UAAS,CAAA,CAAA,EA5EhBrE,EA6EpBsE,UAAA,cAAA,CAAA,EAOAH,EAAA,CADCC,EAAAA,SAAS,CAAE/D,KAAMkE,QAASF,QAAAA,EAAS,CAAA,CAAA,EAnFhBrE,EAoFpBsE,UAAA,WAAA,CAAA,EAOAH,EAAA,CADCC,EAAAA,SAAS,CAAE/D,KAAMkE,QAASF,QAAAA,EAAS,CAAA,CAAA,EA1FhBrE,EA2FpBsE,UAAA,UAAA,CAAA,EAMAH,EAAA,CADCC,EAAAA,SAAAA,CAAAA,EAhGmBpE,EAiGpBsE,UAAA,OAAA,CAAA,EAMAH,EAAA,CADCC,EAAAA,SAAAA,CAAAA,EAtGmBpE,EAuGpBsE,UAAA,SAAA,CAAA,EAMSH,EAAA,CADRC,WAAS,CAAEI,UAAW,MAAA,CAAA,CAAA,EA5GHxE,EA6GXsE,UAAA,OAAA,CAAA,EAMAH,EAAA,CADRC,WAAS,CAAEI,UAAW,YAAA,CAAA,CAAA,EAlHHxE,EAmHXsE,UAAA,YAAA,CAAA,EAGAH,EAAA,CAARM,EAAAA,MAAAA,CAAAA,EAtHmBzE,EAsHXsE,UAAA,UAAA,CAAA,EACQH,EAAA,CAAhBM,EAAAA,MAAAA,CAAAA,EAvHmBzE,EAuHHsE,UAAA,UAAA,GAvHGtE,EAArBmE,EAAA,CADCpE,EAAAA,cAAc,eAAA,CAAA,EACMC,CAAAA,wCCErB,IAAqB0E,EAArB,cAAiD/E,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAMtD,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EARoB4E,wGAArB,CADC3E,EAAAA,cAAc,uBAAA,CAAA,EACM2E,mMCArB,IAAqBC,EAArB,cAA+ChF,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA/D,CAAA,CAAA,aAAAK,CAAAC,MAAAA,GAAAC,SAAAA,EA+CCC,KAAAwE,IAAc,GAGdxE,KAAAyE,IAA4D,UAG5DzE,KAAA0E,IAAc,EAAA,CAEJ,QAAAjF,CAGT,OAAOO,KAAKwE,IACT9E,mBAAiBM,KAAKwE,aAAaxE,KAAK0E,GAAAA,OACxChF,EAAAA,mBACJ,CAAA,EAdAqE,EAAA,CADCC,EAAAA,SAAS,CAAE/D,KAAM0E,OAAQV,QAAAA,EAAS,CAAA,CAAA,EA9CfM,EA+CpBL,UAAA,MAAA,GAGAH,EAAA,CADCC,EAAAA,SAAS,CAAE/D,KAAM0E,OAAQV,QAAAA,EAAS,CAAA,CAAA,EAjDfM,EAkDpBL,UAAA,MAAA,CAAA,EAGAH,EAAA,CADCC,WAAS,CAAE/D,KAAM0E,MAAAA,CAAAA,CAAAA,EApDEJ,EAqDpBL,UAAA,MAAA,GArDoBK,EAArBR,EAAA,CADCpE,EAAAA,cAAc,qBAAA,CAAA,EACM4E,CAAAA"}

package/dist/menu-HKqlq99V.js

@@ -0,0 +1,60 @@
+import "rxjs";
+import "rxjs/operators";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { customElement as a, query as y } from "lit/decorators.js";
+import "./tailwind.mixin-Ddt05Frc.js";
+import { $ as h } from "./litElement.mixin-Wcu4yIIs.js";
+import { css as p, html as d } from "lit";
+import { $ as u } from "./dialog-service-D9E3jLAR.js";
+var f = Object.getOwnPropertyDescriptor;
+let l = class extends h(p`
+	:host {
+		display: block;
+	}
+`) {
+  render() {
+    return d`
+			<schmancy-list-item @click=${() => u.dismiss()}>
+				<slot></slot>
+			</schmancy-list-item>
+		`;
+  }
+};
+l = ((n, e, s, o) => {
+  for (var r, t = o > 1 ? void 0 : o ? f(e, s) : e, i = n.length - 1; i >= 0; i--) (r = n[i]) && (t = r(t) || t);
+  return t;
+})([a("schmancy-menu-item")], l);
+var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, m = (n, e, s, o) => {
+  for (var r, t = o > 1 ? void 0 : o ? g(e, s) : e, i = n.length - 1; i >= 0; i--) (r = n[i]) && (t = (o ? r(e, s, t) : r(t)) || t);
+  return o && t && v(e, s, t), t;
+};
+let c = class extends h(p`
+	:host {
+		position: relative;
+		display: flex;
+	}
+`) {
+  showMenu(n) {
+    const e = this.menuSlot?.assignedElements() || [];
+    if (e.length === 0) return;
+    const s = document.createElement("div");
+    e.forEach((o) => s.appendChild(o)), u.component(s, { position: n, hideActions: !0 }).finally(() => {
+      e.forEach((o) => this.appendChild(o));
+    });
+  }
+  render() {
+    return d`
+			<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>
+		`;
+  }
+};
+m([y("slot:not([name])")], c.prototype, "menuSlot", 2), c = m([a("schmancy-menu")], c);
+//# sourceMappingURL=menu-HKqlq99V.js.map

package/dist/{menu-CUKV4pVJ.js.map → menu-HKqlq99V.js.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-CUKV4pVJ.js","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\n\t\t// Clone items and proxy clicks to originals\n\t\tconst menuTemplate = html`\n\t\t\t${menuItems.map((item, index) => {\n\t\t\t\tconst clone = item.cloneNode(true) as HTMLElement\n\t\t\t\tclone.onclick = () => (menuItems[index] as HTMLElement).click()\n\t\t\t\treturn clone\n\t\t\t})}\n\t\t`\n\n\t\t$dialog.component(menuTemplate, {\n\t\t\tposition: event,\n\t\t\thideActions: true,\n\t\t\twidth: 'auto',\n\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"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","menuTemplate","map","item","index","clone","cloneNode","onclick","click","component","position","hideActions","width","showMenu","__decorateClass","query","prototype"],"mappings":";;;;;;;;;;AAMA,IAAqBA,IAArB,cAA8CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;EAM/C,SAAAC;AACT,WAAOC;AAAAA,gCACuB,MAAMC,EAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAI7C;AAAA;AAZoBN;;;GAArB,CADCO,EAAc,wBACMP,CAAAA;;;;;AC8BrB,IAAqBQ,IAArB,cAA0CP,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAS7C,SAASO;AAChB,UAAMC,IAAYC,KAAKC,UAAUC,iBAAAA,KAAsB,CAAA,GAGjDC,IAAeV;AAAAA,KAClBM,EAAUK,IAAI,CAACC,GAAMC,MAAAA;AACtB,YAAMC,IAAQF,EAAKG,UAAAA,EAAU;AAE7B,aADAD,EAAME,UAAU,MAAOV,EAAUO,GAAuBI,MAAAA,GACjDH;AAAAA,IAAAA,CAAAA,CAAAA;AAAAA;AAITb,IAAAA,EAAQiB,UAAUR,GAAc,EAC/BS,UAAUd,GACVe,aAAAA,IACAC,OAAO,OAAA,CAAA;AAAA,EAET;AAAA,EAEA,SAAAtB;AACC,WAAOC;AAAAA,iCACwBO,KAAKe,QAAAA;AAAAA,iCACLf,KAAKe,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAQrC;AAAA;AAhCQC,EAAA,CADPC,EAAM,kBAAA,CAAA,GANapB,EAOZqB,WAAA,YAAA,CAAA,GAPYrB,IAArBmB,EAAA,CADCpB,EAAc,eAAA,CAAA,GACMC,CAAAA;"}
+{"version":3,"file":"menu-HKqlq99V.js","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"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","length","dialogContainer","document","createElement","forEach","item","appendChild","component","position","hideActions","finally","showMenu","__decorateClass","query","prototype"],"mappings":";;;;;;;;;;AAMA,IAAqBA,IAArB,cAA8CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;EAM/C,SAAAC;AACT,WAAOC;AAAAA,gCACuB,MAAMC,EAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAI7C;AAAA;AAZoBN;;;GAArB,CADCO,EAAc,wBACMP,CAAAA;;;;;AC8BrB,IAAqBQ,IAArB,cAA0CP,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAS7C,SAASO;AAChB,UAAMC,IAAYC,KAAKC,UAAUC,iBAAAA,KAAsB;AACvD,QAAIH,EAAUI,WAAW,EAAG;AAG5B,UAAMC,IAAkBC,SAASC,cAAc,KAAA;AAC/CP,IAAAA,EAAUQ,QAAQC,CAAAA,MAAQJ,EAAgBK,YAAYD,CAAAA,CAAAA,GAEtDd,EACEgB,UAAUN,GAAiB,EAC3BO,UAAUb,GACVc,aAAAA,MAEAC,QAAQ,MAAA;AAERd,MAAAA,EAAUQ,QAAQC,CAAAA,MAAQR,KAAKS,YAAYD,CAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE9C;AAAA,EAEA,SAAAhB;AACC,WAAOC;AAAAA,iCACwBO,KAAKc,QAAAA;AAAAA,iCACLd,KAAKc,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAQrC;AAAA;AAhCQC,EAAA,CADPC,EAAM,kBAAA,CAAA,GANanB,EAOZoB,WAAA,YAAA,CAAA,GAPYpB,IAArBkB,EAAA,CADCnB,EAAc,eAAA,CAAA,GACMC,CAAAA;"}

package/dist/{menu-DEa2K7Pk.cjs → menu-vNrV-Nuq.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("lit/decorators.js");require("./tailwind.mixin-JFXu3GSo.cjs");const h=require("./litElement.mixin-B1WTI3WY.cjs"),l=require("lit"),d=require("./dialog-service-B4nR8Em5.cjs");var p=Object.getOwnPropertyDescriptor;let u=class extends h.$LitElement(l.css`
+"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("lit/decorators.js");require("./tailwind.mixin-UijsBrYW.cjs");const h=require("./litElement.mixin-BVBdv0GP.cjs"),l=require("lit"),d=require("./dialog-service-C86xTS8q.cjs");var p=Object.getOwnPropertyDescriptor;let u=class extends h.$LitElement(l.css`
 	:host {
 		display: block;
 	}
@@ -6,14 +6,12 @@
 			<schmancy-list-item @click=${()=>d.$dialog.dismiss()}>
 				<slot></slot>
 			</schmancy-list-item>
-		`}};u=((o,t,n,r)=>{for(var s,e=r>1?void 0:r?p(t,n):t,i=o.length-1;i>=0;i--)(s=o[i])&&(e=s(e)||e);return e})([m.customElement("schmancy-menu-item")],u);var y=Object.defineProperty,q=Object.getOwnPropertyDescriptor,a=(o,t,n,r)=>{for(var s,e=r>1?void 0:r?q(t,n):t,i=o.length-1;i>=0;i--)(s=o[i])&&(e=(r?s(t,n,e):s(e))||e);return r&&e&&y(t,n,e),e};let c=class extends h.$LitElement(l.css`
+		`}};u=((i,t,n,r)=>{for(var o,e=r>1?void 0:r?p(t,n):t,s=i.length-1;s>=0;s--)(o=i[s])&&(e=o(e)||e);return e})([m.customElement("schmancy-menu-item")],u);var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(i,t,n,r)=>{for(var o,e=r>1?void 0:r?v(t,n):t,s=i.length-1;s>=0;s--)(o=i[s])&&(e=(r?o(t,n,e):o(e))||e);return r&&e&&y(t,n,e),e};let c=class extends h.$LitElement(l.css`
 	:host {
 		position: relative;
 		display: flex;
 	}
-`){showMenu(o){const t=this.menuSlot?.assignedElements()||[],n=l.html`
-			${t.map((r,s)=>{const e=r.cloneNode(!0);return e.onclick=()=>t[s].click(),e})}
-		`;d.$dialog.component(n,{position:o,hideActions:!0,width:"auto"})}render(){return l.html`
+`){showMenu(i){const t=this.menuSlot?.assignedElements()||[];if(t.length===0)return;const n=document.createElement("div");t.forEach(r=>n.appendChild(r)),d.$dialog.component(n,{position:i,hideActions:!0}).finally(()=>{t.forEach(r=>this.appendChild(r))})}render(){return l.html`
 			<slot name="trigger" @click=${this.showMenu}>
 				<slot name="button" @click=${this.showMenu}>
 					<schmancy-icon-button>more_vert</schmancy-icon-button>
@@ -23,4 +21,4 @@
 				<slot></slot>
 			</div>
 		`}};a([m.query("slot:not([name])")],c.prototype,"menuSlot",2),c=a([m.customElement("schmancy-menu")],c);
-//# sourceMappingURL=menu-DEa2K7Pk.cjs.map
+//# sourceMappingURL=menu-vNrV-Nuq.cjs.map

package/dist/{menu-DEa2K7Pk.cjs.map → menu-vNrV-Nuq.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"menu-DEa2K7Pk.cjs","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\n\t\t// Clone items and proxy clicks to originals\n\t\tconst menuTemplate = html`\n\t\t\t${menuItems.map((item, index) => {\n\t\t\t\tconst clone = item.cloneNode(true) as HTMLElement\n\t\t\t\tclone.onclick = () => (menuItems[index] as HTMLElement).click()\n\t\t\t\treturn clone\n\t\t\t})}\n\t\t`\n\n\t\t$dialog.component(menuTemplate, {\n\t\t\tposition: event,\n\t\t\thideActions: true,\n\t\t\twidth: 'auto',\n\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"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","menuTemplate","map","item","index","clone","cloneNode","onclick","click","component","position","hideActions","width","showMenu","__decorateClass","query","prototype"],"mappings":"wWAMA,IAAqBA,EAArB,cAA8CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM/C,QAAAC,CACT,OAAOC,EAAAA;AAAAA,gCACuB,IAAMC,EAAAA,QAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAI7C,CAAA,EAZoBN,wGAArB,CADCO,EAAAA,cAAc,oBAAA,CAAA,EACMP,mMC8BrB,IAAqBQ,EAArB,cAA0CP,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAS7C,SAASO,EAAAA,CAChB,MAAMC,EAAYC,KAAKC,UAAUC,iBAAAA,GAAsB,CAAA,EAGjDC,EAAeV,EAAAA;AAAAA,KAClBM,EAAUK,IAAI,CAACC,EAAMC,IAAAA,CACtB,MAAMC,EAAQF,EAAKG,UAAAA,EAAU,EAE7B,OADAD,EAAME,QAAU,IAAOV,EAAUO,GAAuBI,MAAAA,EACjDH,CAAAA,CAAAA,CAAAA;AAAAA,IAITb,EAAAA,QAAQiB,UAAUR,EAAc,CAC/BS,SAAUd,EACVe,YAAAA,GACAC,MAAO,QAET,CAEA,QAAAtB,CACC,OAAOC,EAAAA;AAAAA,iCACwBO,KAAKe,QAAAA;AAAAA,iCACLf,KAAKe,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAQrC,CAAA,EAhCQC,EAAA,CADPC,EAAAA,MAAM,qBANapB,EAOZqB,UAAA,WAAA,CAAA,EAPYrB,EAArBmB,EAAA,CADCpB,EAAAA,cAAc,eAAA,CAAA,EACMC,CAAAA"}
+{"version":3,"file":"menu-vNrV-Nuq.cjs","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"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","length","dialogContainer","document","createElement","forEach","item","appendChild","component","position","hideActions","finally","showMenu","__decorateClass","query","prototype"],"mappings":"wWAMA,IAAqBA,EAArB,cAA8CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM/C,QAAAC,CACT,OAAOC,EAAAA;AAAAA,gCACuB,IAAMC,EAAAA,QAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAI7C,CAAA,EAZoBN,wGAArB,CADCO,EAAAA,cAAc,oBAAA,CAAA,EACMP,mMC8BrB,IAAqBQ,EAArB,cAA0CP,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAS7C,SAASO,GAChB,MAAMC,EAAYC,KAAKC,UAAUC,iBAAAA,GAAsB,GACvD,GAAIH,EAAUI,SAAW,EAAG,OAG5B,MAAMC,EAAkBC,SAASC,cAAc,KAAA,EAC/CP,EAAUQ,QAAQC,GAAQJ,EAAgBK,YAAYD,IAEtDd,EAAAA,QACEgB,UAAUN,EAAiB,CAC3BO,SAAUb,EACVc,YAAAA,KAEAC,QAAQ,IAAA,CAERd,EAAUQ,QAAQC,GAAQR,KAAKS,YAAYD,CAAAA,CAAAA,CAAAA,CAAAA,CAE9C,CAEA,QAAAhB,CACC,OAAOC,EAAAA;AAAAA,iCACwBO,KAAKc,QAAAA;AAAAA,iCACLd,KAAKc,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAQrC,CAAA,EAhCQC,EAAA,CADPC,EAAAA,MAAM,qBANanB,EAOZoB,UAAA,WAAA,CAAA,EAPYpB,EAArBkB,EAAA,CADCnB,EAAAA,cAAc,eAAA,CAAA,EACMC,CAAAA"}

package/dist/menu.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./menu-DEa2K7Pk.cjs");
+"use strict";require("./menu-vNrV-Nuq.cjs");
 //# sourceMappingURL=menu.cjs.map

package/dist/menu.js

@@ -1,2 +1,2 @@
-import "./menu-CUKV4pVJ.js";
+import "./menu-HKqlq99V.js";
 //# sourceMappingURL=menu.js.map

package/dist/mixins.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tailwind.mixin-JFXu3GSo.cjs"),i=require("./formField.mixin-XlN2pAL0.cjs"),l=require("./litElement.mixin-B1WTI3WY.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tailwind.mixin-UijsBrYW.cjs"),i=require("./formField.mixin-DkN2ufR_.cjs"),l=require("./litElement.mixin-BVBdv0GP.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

package/dist/mixins.js

@@ -1,6 +1,6 @@
-import { B as t, T as i, t as m } from "./tailwind.mixin-wLaKUxf1.js";
-import { F as o, S as r } from "./formField.mixin-Mx5CwYUh.js";
-import { $ as n } from "./litElement.mixin-CVje6z-M.js";
+import { B as t, T as i, t as m } from "./tailwind.mixin-Ddt05Frc.js";
+import { F as o, S as r } from "./formField.mixin-2jSL7WF_.js";
+import { $ as n } from "./litElement.mixin-Wcu4yIIs.js";
 export {
   n as $LitElement,
   t as BaseElement,

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-B_uJN9WV.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DBfJucB9.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

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-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-C8P4lVfa.js";
+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-BdyuuIk7.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/navigation-bar.cjs

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

package/dist/navigation-bar.js

@@ -1,4 +1,4 @@
-import { r as c, q as i } from "./avatar-C8P4lVfa.js";
+import { r as c, q as i } from "./avatar-BdyuuIk7.js";
 export {
   c as SchmancyNavigationBar,
   i as SchmancyNavigationBarItem