@mhmo91/schmancy 0.6.19 → 0.7.1

package/dist/{map-BHfXl4eZ.js.map → map-CNoi0TZi.js.map}

@@ -1 +1 @@
-{"version":3,"file":"map-BHfXl4eZ.js","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-CNoi0TZi.js","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-DEjWWl14.cjs");Object.defineProperty(exports,"SchmancyMap",{enumerable:!0,get:()=>e.SchmancyMap});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./map-C2fG3es8.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-BHfXl4eZ.js";
+import { S as m } from "./map-CNoi0TZi.js";
 export {
   m as SchmancyMap
 };

package/dist/{media-CFqac3i-.js → media-D_ne5TmT.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-BTS7jBB1.js";
+import { T as u } from "./tailwind.mixin-BgdEBNZM.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-CFqac3i-.js.map
+//# sourceMappingURL=media-D_ne5TmT.js.map

package/dist/{media-CFqac3i-.js.map → media-D_ne5TmT.js.map}

@@ -1 +1 @@
-{"version":3,"file":"media-CFqac3i-.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-D_ne5TmT.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-wEB2juTQ.cjs → media-dMr54ISj.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-Ge3p8F8Z.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-2PdnHg0B.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-wEB2juTQ.cjs.map
+//# sourceMappingURL=media-dMr54ISj.cjs.map

package/dist/{media-wEB2juTQ.cjs.map → media-dMr54ISj.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"media-wEB2juTQ.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-dMr54ISj.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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"}

package/dist/menu-BdWhwHXc.js

@@ -0,0 +1,89 @@
+import { fromEvent as m, takeUntil as l, tap as p } from "rxjs";
+import "rxjs/operators";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { customElement as b, query as d, state as g } from "lit/decorators.js";
+import "./tailwind.mixin-BgdEBNZM.js";
+import { $ as y } from "./litElement.mixin-BPe38Tqd.js";
+import { css as f, html as v } from "lit";
+import { $ as h } from "./dialog-service-CyQzm5qE.js";
+var w = Object.getOwnPropertyDescriptor;
+let u = class extends y(f`
+	:host {
+		display: block;
+	}
+`) {
+  connectedCallback() {
+    super.connectedCallback(), m(this, "click").pipe(l(this.disconnecting)).subscribe((t) => {
+      t.stopPropagation(), this.dispatchEvent(new CustomEvent("schmancy-menu-item-click", { bubbles: !0, composed: !0 }));
+    });
+  }
+  render() {
+    return v`
+			<schmancy-list-item>
+				<slot></slot>
+			</schmancy-list-item>
+		`;
+  }
+};
+u = ((t, e, i, n) => {
+  for (var o, s = n > 1 ? void 0 : n ? w(e, i) : e, r = t.length - 1; r >= 0; r--) (o = t[r]) && (s = o(s) || s);
+  return s;
+})([b("schmancy-menu-item")], u);
+var E = Object.defineProperty, O = Object.getOwnPropertyDescriptor, c = (t, e, i, n) => {
+  for (var o, s = n > 1 ? void 0 : n ? O(e, i) : e, r = t.length - 1; r >= 0; r--) (o = t[r]) && (s = (n ? o(e, i, s) : o(s)) || s);
+  return n && s && E(e, i, s), s;
+};
+let a = class extends y(f`
+	:host {
+		position: relative;
+		display: inline-block;
+	}
+`) {
+  constructor() {
+    super(...arguments), this.isOpen = !1;
+  }
+  get buttonElement() {
+    return this.buttonSlot?.assignedElements()[0];
+  }
+  async showMenu(t) {
+    if (this.isOpen) return;
+    this.isOpen = !0;
+    const e = document.createElement("ul");
+    e.className = "border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto", e.setAttribute("role", "menu"), e.setAttribute("aria-orientation", "vertical");
+    const i = this.menuSlot?.assignedElements() || [], n = i[0]?.parentElement;
+    i.forEach((o) => {
+      e.appendChild(o);
+    });
+    try {
+      await h.component(e, { position: t, hideActions: !0, width: "auto" });
+    } finally {
+      n && i.forEach((o) => {
+        n.appendChild(o);
+      }), this.isOpen = !1;
+    }
+  }
+  hideMenu() {
+    this.isOpen && (h.dismiss(), this.isOpen = !1);
+  }
+  firstUpdated() {
+    m(this, "click").pipe(p((t) => {
+      t.composedPath().includes(this.buttonElement) && (t.stopPropagation(), this.showMenu(t));
+    }), l(this.disconnecting)).subscribe(), m(this, "schmancy-menu-item-click").pipe(p((t) => t.stopPropagation()), l(this.disconnecting)).subscribe(() => {
+      this.hideMenu();
+    });
+  }
+  render() {
+    return v`
+			<slot name="button">
+				<schmancy-icon-button> more_vert </schmancy-icon-button>
+			</slot>
+			<!-- Hidden container for menu items - they'll be moved to dialog when opened -->
+			<div class="menu-content-hidden" style="display: none;">
+				<slot></slot>
+			</div>
+		`;
+  }
+};
+c([d('[slot="button"]')], a.prototype, "buttonSlot", 2), c([d(".menu-content-hidden slot")], a.prototype, "menuSlot", 2), c([g()], a.prototype, "isOpen", 2), a = c([b("schmancy-menu")], a);
+//# sourceMappingURL=menu-BdWhwHXc.js.map

package/dist/menu-BdWhwHXc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-BdWhwHXc.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 { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\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, state } from 'lit/decorators.js'\nimport { fromEvent, takeUntil, tap } from 'rxjs'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n`) {\n\t@query('[slot=\"button\"]')\n\tprivate buttonSlot!: HTMLSlotElement\n\n\t@query('.menu-content-hidden slot')\n\tprivate menuSlot!: HTMLSlotElement\n\n\t@state() private isOpen = false\n\n\tprivate get buttonElement(): HTMLElement | undefined {\n\t\treturn this.buttonSlot?.assignedElements()[0] as HTMLElement\n\t}\n\n\tprivate async showMenu(event: MouseEvent) {\n\t\tif (this.isOpen) return\n\t\tthis.isOpen = true\n\n\t\t// Create a container that will hold the menu items\n\t\tconst menuContainer = document.createElement('ul')\n\t\tmenuContainer.className =\n\t\t\t'border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto'\n\t\tmenuContainer.setAttribute('role', 'menu')\n\t\tmenuContainer.setAttribute('aria-orientation', 'vertical')\n\n\t\t// Get the slotted menu items\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\n\t\t// Store their original parent for restoration\n\t\tconst originalParent = menuItems[0]?.parentElement\n\n\t\t// Temporarily append items to menu container\n\t\tmenuItems.forEach(node => {\n\t\t\tmenuContainer.appendChild(node)\n\t\t})\n\n\t\t// Show in dialog\n\t\ttry {\n\t\t\tawait $dialog.component(menuContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t\t\twidth: 'auto',\n\t\t\t})\n\t\t} finally {\n\t\t\t// Move items back to their original location\n\t\t\tif (originalParent) {\n\t\t\t\tmenuItems.forEach(node => {\n\t\t\t\t\toriginalParent.appendChild(node)\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.isOpen = false\n\t\t}\n\t}\n\n\tprivate hideMenu() {\n\t\tif (this.isOpen) {\n\t\t\t$dialog.dismiss()\n\t\t\tthis.isOpen = false\n\t\t}\n\t}\n\n\tfirstUpdated(): void {\n\t\t// Listen for clicks on the button slot\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\t// Only handle clicks on the button element\n\t\t\t\t\tconst path = e.composedPath()\n\t\t\t\t\tif (path.includes(this.buttonElement as EventTarget)) {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.showMenu(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Listen for menu item clicks to auto-close\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<!-- Hidden container for menu items - they'll be moved to dialog when opened -->\n\t\t\t<div class=\"menu-content-hidden\" style=\"display: none;\">\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","connectedCallback","super","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","constructor","arguments","isOpen","buttonElement","buttonSlot","assignedElements","event","menuContainer","document","createElement","className","setAttribute","menuItems","menuSlot","originalParent","parentElement","forEach","node","appendChild","$dialog","component","position","hideActions","width","hideMenu","dismiss","firstUpdated","tap","composedPath","includes","showMenu","__decorateClass","query","prototype","state"],"mappings":"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"}

package/dist/menu-BsX4Mjjn.cjs

@@ -0,0 +1,23 @@
+"use strict";const r=require("rxjs");require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const l=require("lit/decorators.js");require("./tailwind.mixin-2PdnHg0B.cjs");const h=require("./litElement.mixin-DXaT0TQx.cjs"),m=require("lit"),d=require("./dialog-service-Bdaxn2t0.cjs");var b=Object.getOwnPropertyDescriptor;let p=class extends h.$LitElement(m.css`
+	:host {
+		display: block;
+	}
+`){connectedCallback(){super.connectedCallback(),r.fromEvent(this,"click").pipe(r.takeUntil(this.disconnecting)).subscribe(e=>{e.stopPropagation(),this.dispatchEvent(new CustomEvent("schmancy-menu-item-click",{bubbles:!0,composed:!0}))})}render(){return m.html`
+			<schmancy-list-item>
+				<slot></slot>
+			</schmancy-list-item>
+		`}};p=((e,t,o,i)=>{for(var s,n=i>1?void 0:i?b(t,o):t,c=e.length-1;c>=0;c--)(s=e[c])&&(n=s(n)||n);return n})([l.customElement("schmancy-menu-item")],p);var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,u=(e,t,o,i)=>{for(var s,n=i>1?void 0:i?v(t,o):t,c=e.length-1;c>=0;c--)(s=e[c])&&(n=(i?s(t,o,n):s(n))||n);return i&&n&&y(t,o,n),n};let a=class extends h.$LitElement(m.css`
+	:host {
+		position: relative;
+		display: inline-block;
+	}
+`){constructor(){super(...arguments),this.isOpen=!1}get buttonElement(){return this.buttonSlot?.assignedElements()[0]}async showMenu(e){if(this.isOpen)return;this.isOpen=!0;const t=document.createElement("ul");t.className="border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto",t.setAttribute("role","menu"),t.setAttribute("aria-orientation","vertical");const o=this.menuSlot?.assignedElements()||[],i=o[0]?.parentElement;o.forEach(s=>{t.appendChild(s)});try{await d.$dialog.component(t,{position:e,hideActions:!0,width:"auto"})}finally{i&&o.forEach(s=>{i.appendChild(s)}),this.isOpen=!1}}hideMenu(){this.isOpen&&(d.$dialog.dismiss(),this.isOpen=!1)}firstUpdated(){r.fromEvent(this,"click").pipe(r.tap(e=>{e.composedPath().includes(this.buttonElement)&&(e.stopPropagation(),this.showMenu(e))}),r.takeUntil(this.disconnecting)).subscribe(),r.fromEvent(this,"schmancy-menu-item-click").pipe(r.tap(e=>e.stopPropagation()),r.takeUntil(this.disconnecting)).subscribe(()=>{this.hideMenu()})}render(){return m.html`
+			<slot name="button">
+				<schmancy-icon-button> more_vert </schmancy-icon-button>
+			</slot>
+			<!-- Hidden container for menu items - they'll be moved to dialog when opened -->
+			<div class="menu-content-hidden" style="display: none;">
+				<slot></slot>
+			</div>
+		`}};u([l.query('[slot="button"]')],a.prototype,"buttonSlot",2),u([l.query(".menu-content-hidden slot")],a.prototype,"menuSlot",2),u([l.state()],a.prototype,"isOpen",2),a=u([l.customElement("schmancy-menu")],a);
+//# sourceMappingURL=menu-BsX4Mjjn.cjs.map

package/dist/menu-BsX4Mjjn.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-BsX4Mjjn.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 { fromEvent, takeUntil } from 'rxjs'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'click')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\te.stopPropagation()\n\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-menu-item-click', {\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t})\n\t}\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item>\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, state } from 'lit/decorators.js'\nimport { fromEvent, takeUntil, tap } from 'rxjs'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n`) {\n\t@query('[slot=\"button\"]')\n\tprivate buttonSlot!: HTMLSlotElement\n\n\t@query('.menu-content-hidden slot')\n\tprivate menuSlot!: HTMLSlotElement\n\n\t@state() private isOpen = false\n\n\tprivate get buttonElement(): HTMLElement | undefined {\n\t\treturn this.buttonSlot?.assignedElements()[0] as HTMLElement\n\t}\n\n\tprivate async showMenu(event: MouseEvent) {\n\t\tif (this.isOpen) return\n\t\tthis.isOpen = true\n\n\t\t// Create a container that will hold the menu items\n\t\tconst menuContainer = document.createElement('ul')\n\t\tmenuContainer.className =\n\t\t\t'border-outlineVariant rounded-md min-w-[160px] max-w-[320px] w-max bg-surface-default max-h-[90vh] shadow-1 overflow-y-auto'\n\t\tmenuContainer.setAttribute('role', 'menu')\n\t\tmenuContainer.setAttribute('aria-orientation', 'vertical')\n\n\t\t// Get the slotted menu items\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\n\t\t// Store their original parent for restoration\n\t\tconst originalParent = menuItems[0]?.parentElement\n\n\t\t// Temporarily append items to menu container\n\t\tmenuItems.forEach(node => {\n\t\t\tmenuContainer.appendChild(node)\n\t\t})\n\n\t\t// Show in dialog\n\t\ttry {\n\t\t\tawait $dialog.component(menuContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t\t\twidth: 'auto',\n\t\t\t})\n\t\t} finally {\n\t\t\t// Move items back to their original location\n\t\t\tif (originalParent) {\n\t\t\t\tmenuItems.forEach(node => {\n\t\t\t\t\toriginalParent.appendChild(node)\n\t\t\t\t})\n\t\t\t}\n\t\t\tthis.isOpen = false\n\t\t}\n\t}\n\n\tprivate hideMenu() {\n\t\tif (this.isOpen) {\n\t\t\t$dialog.dismiss()\n\t\t\tthis.isOpen = false\n\t\t}\n\t}\n\n\tfirstUpdated(): void {\n\t\t// Listen for clicks on the button slot\n\t\tfromEvent<MouseEvent>(this, 'click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => {\n\t\t\t\t\t// Only handle clicks on the button element\n\t\t\t\t\tconst path = e.composedPath()\n\t\t\t\t\tif (path.includes(this.buttonElement as EventTarget)) {\n\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\tthis.showMenu(e)\n\t\t\t\t\t}\n\t\t\t\t}),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe()\n\n\t\t// Listen for menu item clicks to auto-close\n\t\tfromEvent(this, 'schmancy-menu-item-click')\n\t\t\t.pipe(\n\t\t\t\ttap(e => e.stopPropagation()),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(() => {\n\t\t\t\tthis.hideMenu()\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"button\">\n\t\t\t\t<schmancy-icon-button> more_vert </schmancy-icon-button>\n\t\t\t</slot>\n\t\t\t<!-- Hidden container for menu items - they'll be moved to dialog when opened -->\n\t\t\t<div class=\"menu-content-hidden\" style=\"display: none;\">\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","connectedCallback","super","fromEvent","this","pipe","takeUntil","disconnecting","subscribe","e","stopPropagation","dispatchEvent","CustomEvent","bubbles","composed","render","html","customElement","SchmancyMenu","constructor","arguments","isOpen","buttonElement","buttonSlot","assignedElements","event","menuContainer","document","createElement","className","setAttribute","menuItems","menuSlot","originalParent","parentElement","forEach","node","appendChild","$dialog","component","position","hideActions","width","hideMenu","dismiss","tap","composedPath","includes","showMenu","__decorateClass","query","prototype","state"],"mappings":"gXAMA,IAAqBA,EAArB,cAA8CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAKzD,CAAA,CAAA,mBAAAC,CACCC,MAAMD,kBAAAA,EACNE,EAAAA,UAAUC,KAAM,OAAA,EACdC,KAAKC,EAAAA,UAAUF,KAAKG,aAAAA,CAAAA,EACpBC,UAAUC,GAAAA,CACVA,EAAEC,gBAAAA,EACFN,KAAKO,cACJ,IAAIC,YAAY,2BAA4B,CAC3CC,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA,CAIf,CACU,QAAAC,CACT,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAKR,CAAA,EAzBoBlB,wGAArB,CADCmB,EAAAA,cAAc,oBAAA,CAAA,EACMnB,mMCCrB,IAAqBoB,EAArB,cAA0CnB,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAAtD,CAAA,CAAA,aAAAmB,CAAAjB,MAAAA,GAAAkB,SAAAA,EAYUhB,KAAQiB,SAAS,CAE1B,IAAA,eAAYC,CACX,OAAOlB,KAAKmB,YAAYC,iBAAAA,EAAmB,EAC5C,CAEA,MAAA,SAAuBC,EAAAA,CACtB,GAAIrB,KAAKiB,OAAQ,OACjBjB,KAAKiB,OAAAA,GAGL,MAAMK,EAAgBC,SAASC,cAAc,IAAA,EAC7CF,EAAcG,UACb,8HACDH,EAAcI,aAAa,OAAQ,MAAA,EACnCJ,EAAcI,aAAa,mBAAoB,YAG/C,MAAMC,EAAY3B,KAAK4B,UAAUR,iBAAAA,GAAsB,CAAA,EAGjDS,EAAiBF,EAAU,IAAIG,cAGrCH,EAAUI,QAAQC,GAAAA,CACjBV,EAAcW,YAAYD,CAAAA,CAAAA,CAAAA,EAI3B,GAAA,CAAA,MACOE,EAAAA,QAAQC,UAAUb,EAAe,CACtCc,SAAUf,EACVgB,YAAAA,GACAC,MAAO,QAET,QAAA,CAEKT,GACHF,EAAUI,QAAQC,GAAAA,CACjBH,EAAeI,YAAYD,KAG7BhC,KAAKiB,OAAAA,EACN,CACD,CAEQ,UAAAsB,CACHvC,KAAKiB,SACRiB,EAAAA,QAAQM,QAAAA,EACRxC,KAAKiB,OAAAA,GAEP,CAEA,eAEClB,YAAsBC,KAAM,OAAA,EAC1BC,KACAwC,EAAAA,IAAIpC,GAAAA,CAEUA,EAAEqC,aAAAA,EACNC,SAAS3C,KAAKkB,aAAAA,IACtBb,EAAEC,gBAAAA,EACFN,KAAK4C,SAASvC,MAGhBH,EAAAA,UAAUF,KAAKG,aAAAA,CAAAA,EAEfC,UAAAA,EAGFL,YAAUC,KAAM,4BACdC,KACAwC,EAAAA,IAAIpC,GAAKA,EAAEC,gBAAAA,CAAAA,EACXJ,EAAAA,UAAUF,KAAKG,aAAAA,CAAAA,EAEfC,UAAU,IAAA,CACVJ,KAAKuC,YAER,CAEA,QAAA5B,CACC,OAAOC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GASR,CAAA,EA/FQiC,EAAA,CADPC,EAAAA,MAAM,iBAAA,CAAA,EANahC,EAOZiC,UAAA,aAAA,CAAA,EAGAF,EAAA,CADPC,EAAAA,MAAM,2BAAA,CAAA,EATahC,EAUZiC,UAAA,WAAA,CAAA,EAESF,EAAA,CAAhBG,EAAAA,SAZmBlC,EAYHiC,UAAA,SAAA,CAAA,EAZGjC,EAArB+B,EAAA,CADChC,EAAAA,cAAc,eAAA,CAAA,EACMC,CAAAA"}

package/dist/menu.cjs

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

package/dist/menu.js

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

package/dist/mixins.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tailwind.mixin-2PdnHg0B.cjs"),i=require("./formField.mixin-D_gQgJXC.cjs"),l=require("./litElement.mixin-DXaT0TQx.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.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/mixins.js

@@ -0,0 +1,12 @@
+import { B as t, T as i, t as m } from "./tailwind.mixin-BgdEBNZM.js";
+import { F as o, S as r } from "./formField.mixin-Ds2S1kRc.js";
+import { $ as n } from "./litElement.mixin-BPe38Tqd.js";
+export {
+  n as $LitElement,
+  t as BaseElement,
+  o as FormFieldMixin,
+  r as SchmancyFormField,
+  i as TailwindElement,
+  m as tailwindStyles
+};
+//# sourceMappingURL=mixins.js.map

package/dist/mixins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mixins.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-B_Mf0HXa.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-DecX7RJw.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-YRXX1DQy.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-BCLeThlA.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_Mf0HXa.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-DecX7RJw.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-YRXX1DQy.js";
+import { r as c, q as i } from "./avatar-BCLeThlA.js";
 export {
   c as SchmancyNavigationBar,
   i as SchmancyNavigationBarItem

package/dist/{navigation-rail-Cdklj_Vy.js → navigation-rail-DM2NQY_2.js}

@@ -3,8 +3,8 @@ import { tap as d, delay as V, distinctUntilChanged as x } from "rxjs/operators"
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as a, state as g, customElement as w, queryAssignedElements as S } from "lit/decorators.js";
-import "./tailwind.mixin-BTS7jBB1.js";
-import { $ } from "./litElement.mixin-BbwZRaPp.js";
+import "./tailwind.mixin-BgdEBNZM.js";
+import { $ } from "./litElement.mixin-BPe38Tqd.js";
 import { html as p } from "lit";
 import { when as b } from "lit/directives/when.js";
 var E = Object.defineProperty, C = Object.getOwnPropertyDescriptor, o = (e, t, i, s) => {
@@ -248,4 +248,4 @@ export {
   l as S,
   r as a
 };
-//# sourceMappingURL=navigation-rail-Cdklj_Vy.js.map
+//# sourceMappingURL=navigation-rail-DM2NQY_2.js.map