@mhmo91/schmancy 0.4.92 → 0.4.94

package/dist/avatar-BqGZ5lKc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-BqGZ5lKc.js","sources":["../src/badge/badge.ts","../src/content-drawer/drawer.service.ts","../src/content-drawer/context.ts","../src/content-drawer/drawer.ts","../src/content-drawer/main.ts","../src/content-drawer/sheet.ts","../src/nav-drawer/$navbar.ts","../src/nav-drawer/context.ts","../src/nav-drawer/appbar.ts","../src/nav-drawer/content.ts","../src/nav-drawer/drawer.ts","../src/nav-drawer/navbar.ts","../src/teleport/teleport.service.ts","../src/teleport/watcher.ts","../src/teleport/teleport.component.ts","../src/avatar.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { color } from '@schmancy/directives'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { SchmancyTheme } from '..'\n\n/**\n * Badge color types for predefined styles\n */\nexport type BadgeColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'warning' | 'error' | 'neutral'\n\n/**\n * Badge size variants\n */\nexport type BadgeSize = 'xs' | 'sm' | 'md' | 'lg'\n\n/**\n * Badge shape variants\n */\nexport type BadgeShape = 'rounded' | 'pill' | 'square'\n\n/**\n * @element sch-badge\n * A versatile badge component for status indicators, labels, and counts\n *\n * @slot - The content of the badge (text or HTML)\n * @slot icon - Optional icon to display before the content\n *\n * @csspart badge - The badge element container\n * @csspart content - The content container\n * @csspart icon - The icon container\n */\n@customElement('schmancy-badge')\nexport class SchmancyBadgeV2 extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-flex;\n\t}\n\n\t/* Enhanced pulse animation for better attention-getting */\n\t@keyframes elegant-pulse {\n\t\t0%, 100% {\n\t\t\topacity: 1;\n\t\t}\n\t\t50% {\n\t\t\topacity: 0.85;\n\t\t}\n\t}\n\n\t.animate-pulse {\n\t\tanimation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n\t}\n`) {\n\t/**\n\t * The color variant of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tcolor: BadgeColor = 'primary'\n\n\t/**\n\t * The size of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: BadgeSize = 'md'\n\n\t/**\n\t * The shape of the badge\n\t * @attr\n\t */\n\t@property({ type: String, reflect: true })\n\tshape: BadgeShape = 'pill'\n\n\t/**\n\t * Whether the badge has an outlined style\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\toutlined = false\n\n\t/**\n\t * Custom icon name to display (if no icon slot is provided)\n\t * @attr\n\t */\n\t@property({ type: String })\n\ticon = ''\n\n\t/**\n\t * Whether to make the badge pulse to draw attention\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpulse = false\n\n\t/**\n\t * Convert the size to appropriate Tailwind classes for the badge container\n\t * Using harmonious padding ratios based on golden ratio principles\n\t * Refined for more elegant proportions\n\t */\n\tprivate getSizeClasses(): string {\n\t\tswitch (this.size) {\n\t\t\tcase 'xs':\n\t\t\t\treturn 'text-xs py-0.75 px-1.5 gap-0.5 leading-none'\n\t\t\tcase 'sm':\n\t\t\t\treturn 'text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none'\n\t\t\tcase 'lg':\n\t\t\t\treturn 'text-base py-2 px-4 gap-1 tracking-wide'\n\t\t\tcase 'md':\n\t\t\tdefault:\n\t\t\t\treturn 'text-sm py-1.5 px-3 gap-0.5'\n\t\t}\n\t}\n\n\t/**\n\t * Get shape classes based on selected shape\n\t */\n\tprivate getShapeClasses(): string {\n\t\tswitch (this.shape) {\n\t\t\tcase 'square':\n\t\t\t\treturn 'rounded'\n\t\t\tcase 'rounded':\n\t\t\t\treturn 'rounded-md'\n\t\t\tcase 'pill':\n\t\t\tdefault:\n\t\t\t\treturn 'rounded-full'\n\t\t}\n\t}\n\n\t/**\n\t * Get icon size based on badge size with harmonious proportions\n\t * Using golden ratio-inspired proportions relative to text size\n\t */\n\tprivate getIconSize(): string {\n\t\tswitch (this.size) {\n\t\t\tcase 'xs':\n\t\t\t\treturn '11px' // Approximately 0.9 × text size (12px × 0.9)\n\t\t\tcase 'sm':\n\t\t\t\treturn '13px' // Approximately 1.1 × text size (12px × 1.1)\n\t\t\tcase 'lg':\n\t\t\t\treturn '18px' // Approximately 1.1 × text size (16px × 1.1)\n\t\t\tcase 'md':\n\t\t\tdefault:\n\t\t\t\treturn '15px' // Approximately 1.1 × text size (14px × 1.1)\n\t\t}\n\t}\n\n\t/**\n\t * Get additional styling for specific sizes\n\t */\n\tprivate getExoticStyles(): Record<string, string> {\n\t\tconst styles: Record<string, string> = {}\n\n\t\tif (this.size === 'lg') {\n\t\t\tstyles.letterSpacing = '0.03em'\n\t\t\tstyles.fontWeight = '500'\n\t\t}\n\n\t\tif (this.size === 'sm') {\n\t\t\tstyles.letterSpacing = '0.02em'\n\t\t}\n\n\t\treturn styles\n\t}\n\n\t/**\n\t * Get background and text colors based on selected color variant\n\t * Enhanced for more elegant color combinations with refined contrasts\n\t */\n\tprivate getColorStyles() {\n\t\tconst colors: Record<BadgeColor, { bg: string; text: string; border?: string }> = {\n\t\t\tprimary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.container} 92%, ${SchmancyTheme.sys.color.primary.default} 8%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.primary.default : SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.primary.default} 90%, ${SchmancyTheme.sys.color.surface.highest} 10%)` : undefined,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.secondary.container} 95%, ${SchmancyTheme.sys.color.secondary.default} 5%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.secondary.default : SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.secondary.default} 85%, ${SchmancyTheme.sys.color.surface.highest} 15%)` : undefined,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.container} 94%, ${SchmancyTheme.sys.color.tertiary.default} 6%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.tertiary.default : SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 88%, ${SchmancyTheme.sys.color.surface.highest} 12%)` : undefined,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.success.container} 90%, ${SchmancyTheme.sys.color.success.default} 10%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.success.default : SchmancyTheme.sys.color.success.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.success.default} 85%, ${SchmancyTheme.sys.color.surface.bright} 15%)` : undefined,\n\t\t\t},\n\t\t\twarning: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.container} 85%, ${SchmancyTheme.sys.color.tertiary.default} 15%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.tertiary.default : SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.tertiary.default} 90%, ${SchmancyTheme.sys.color.surface.highest} 10%)` : undefined,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.error.container} 92%, ${SchmancyTheme.sys.color.error.default} 8%)`,\n\t\t\t\ttext: this.outlined ? SchmancyTheme.sys.color.error.default : SchmancyTheme.sys.color.error.onContainer,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.error.default} 88%, ${SchmancyTheme.sys.color.surface.bright} 12%)` : undefined,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbg: this.outlined ? 'transparent' : `color-mix(in srgb, ${SchmancyTheme.sys.color.surface.high} 95%, ${SchmancyTheme.sys.color.outline} 5%)`,\n\t\t\t\ttext: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.surface.on} 95%, ${SchmancyTheme.sys.color.surface.default} 5%)` : SchmancyTheme.sys.color.surface.on,\n\t\t\t\tborder: this.outlined ? `color-mix(in srgb, ${SchmancyTheme.sys.color.outline} 85%, ${SchmancyTheme.sys.color.surface.highest} 15%)` : undefined,\n\t\t\t},\n\t\t}\n\n\t\treturn colors[this.color]\n\t}\n\n\trender() {\n\t\tconst sizeClasses = this.getSizeClasses()\n\t\tconst shapeClasses = this.getShapeClasses()\n\t\tconst colorStyles = this.getColorStyles()\n\t\tconst iconSize = this.getIconSize()\n\t\tconst exoticStyles = this.getExoticStyles()\n\n\t\tconst badgeClasses = {\n\t\t\t'inline-flex items-center justify-center font-medium': true,\n\t\t\t'transition-all duration-200 ease-in-out': true,\n\t\t\t[sizeClasses]: true,\n\t\t\t[shapeClasses]: true,\n\t\t\t'animate-pulse': this.pulse,\n\t\t\t'border border-solid': this.outlined,\n\t\t\t'shadow-sm': !this.outlined && this.size === 'sm',\n\t\t\t'shadow': !this.outlined && this.size === 'md',\n\t\t\t'shadow-md': !this.outlined && this.size === 'lg',\n\t\t\t'hover:brightness-95 hover:-translate-y-px': this.outlined,\n\t\t\t'hover:brightness-[0.98]': !this.outlined,\n\t\t}\n\n\t\t// Refined styles for a more elegant look (only CSS that can't be done with Tailwind)\n\t\tconst styles = {\n\t\t\tborderColor: colorStyles.border,\n\t\t\t...(this.outlined ? {\n\t\t\t\tbackdropFilter: 'blur(4px)',\n\t\t\t} : {}),\n\t\t\t...(this.size === 'lg' && !this.outlined ? {\n\t\t\t\tboxShadow: '0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)'\n\t\t\t} : {}),\n\t\t\t...exoticStyles,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tpart=\"badge\"\n\t\t\t\tclass=\"${this.classMap(badgeClasses)}\"\n\t\t\t\tstyle=\"${this.styleMap(styles)}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: colorStyles.bg,\n\t\t\t\t\tcolor: colorStyles.text,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<!-- Icon slot or named icon -->\n\t\t\t\t<slot name=\"icon\">\n\t\t\t\t\t${this.icon\n\t\t\t\t\t\t? html`\n\t\t\t\t\t\t\t\t<div part=\"icon\" class=\"flex-shrink-0 flex items-center justify-center leading-none\">\n\t\t\t\t\t\t\t\t\t<schmancy-icon .size=${iconSize} class=\"flex items-center justify-center\">${this.icon}</schmancy-icon>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t`\n\t\t\t\t\t\t: ''}\n\t\t\t\t</slot>\n\n\t\t\t\t<!-- Content with proper spacing from icon -->\n\t\t\t\t<div part=\"content\" class=\"flex items-center leading-none tracking-[0.01em] ${this.icon ? 'ml-[0.38em]' : ''}\">\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'sch-badge': SchmancyBadgeV2,\n\t\t'schmancy-badge': SchmancyBadgeV2\n\t}\n}\n\n\n// Register the component with the legacy tag name for backward compatibility\n@customElement('sch-badge')\nexport class ScBadgeV2 extends SchmancyBadgeV2 {}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { Subject } from 'rxjs'\n\ntype DrawerAction = 'dismiss' | 'render' | 'push'\ntype TRef = Element | Window\ntype TRenderRequest = HTMLElement\nexport type TRenderCustomEvent = CustomEvent<{\n\tcomponent: TRenderRequest\n\ttitle?: string\n}>\n\ntype ComponentType = string | HTMLElement | (() => HTMLElement) | (() => Promise<{ default: any }>)\n\nclass DrawerService {\n\tprivate $drawer = new Subject<{\n\t\tref: TRef\n\t\taction: DrawerAction\n\t\tcomponent?: TRenderRequest | ComponentType\n\t\ttitle?: string\n\t}>()\n\tprivate lastComponent: HTMLElement | null = null\n\n\tconstructor() {\n\t\tthis.$drawer.pipe().subscribe(data => {\n\t\t\tif (data.action === 'dismiss') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\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} else if (data.action === 'render') {\n\t\t\t\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\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\tdata.ref.dispatchEvent(\n\t\t\t\t\tnew CustomEvent('schmancy-content-drawer-render', {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tcomponent: data.component,\n\t\t\t\t\t\t\ttitle: data.title,\n\t\t\t\t\t\t},\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} else if (data.action === 'push') {\n\t\t\t\tthis.handlePush(data.ref, data.component as ComponentType)\n\t\t\t}\n\t\t})\n\t}\n\n\tdimiss(ref: TRef) {\n\t\tthis.$drawer.next({\n\t\t\taction: 'dismiss',\n\t\t\tref: ref,\n\t\t})\n\t}\n\n\trender(ref: TRef, component: TRenderRequest, title?: string) {\n\t\tref.dispatchEvent(new CustomEvent('custom-event'))\n\t\tthis.$drawer.next({\n\t\t\taction: 'render',\n\t\t\tref: ref,\n\t\t\tcomponent: component,\n\t\t\ttitle,\n\t\t})\n\t}\n\n\tprivate async handlePush(ref: TRef, component: ComponentType) {\n\t\tlet resolvedComponent: HTMLElement\n\n\t\t// Resolve component to HTMLElement\n\t\tif (typeof component === 'string') {\n\t\t\t// String tag name - create element\n\t\t\tresolvedComponent = document.createElement(component) as HTMLElement\n\t\t} else if (component instanceof HTMLElement) {\n\t\t\t// Already an HTMLElement\n\t\t\tresolvedComponent = component\n\t\t} else if (typeof component === 'function') {\n\t\t\t// Factory function or async module\n\t\t\ttry {\n\t\t\t\tconst result = await component()\n\t\t\t\tif (result && typeof result === 'object' && 'default' in result) {\n\t\t\t\t\t// ES module with default export\n\t\t\t\t\tconst Constructor = result.default\n\t\t\t\t\tresolvedComponent = new Constructor() as HTMLElement\n\t\t\t\t} else if (result instanceof HTMLElement) {\n\t\t\t\t\t// Factory returned HTMLElement\n\t\t\t\t\tresolvedComponent = result\n\t\t\t\t} else {\n\t\t\t\t\t// Assume it's a constructor\n\t\t\t\t\tresolvedComponent = new (result as any)() as HTMLElement\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\tconsole.error('Failed to resolve component:', error)\n\t\t\t\treturn\n\t\t\t}\n\t\t} else {\n\t\t\tconsole.error('Invalid component type:', component)\n\t\t\treturn\n\t\t}\n\n\t\t// Check if it's the same component instance and force update\n\t\tif (this.lastComponent === resolvedComponent && 'requestUpdate' in resolvedComponent) {\n\t\t\t(resolvedComponent as any).requestUpdate()\n\t\t}\n\t\tthis.lastComponent = resolvedComponent\n\n\t\t// Dispatch events to open drawer and render component\n\t\tref.dispatchEvent(\n\t\t\tnew CustomEvent(SchmancyEvents.ContentDrawerToggle, {\n\t\t\t\tdetail: { state: 'open' },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t\tref.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-content-drawer-render', {\n\t\t\t\tdetail: { component: resolvedComponent },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tpush(component: ComponentType) {\n\t\t// Use window as default ref for simplicity\n\t\tthis.$drawer.next({\n\t\t\taction: 'push',\n\t\t\tref: window,\n\t\t\tcomponent: component,\n\t\t})\n\t}\n}\n\nexport const schmancyContentDrawer = new DrawerService()","import { createContext } from '@lit/context'\nexport type TSchmancyContentDrawerSheetMode = 'push' | 'overlay'\nexport const SchmancyContentDrawerSheetMode = createContext<TSchmancyContentDrawerSheetMode>('push')\n\nexport type TSchmancyContentDrawerSheetState = 'open' | 'close'\nexport const SchmancyContentDrawerSheetState = createContext<TSchmancyContentDrawerSheetState>('close')\n\nexport const SchmancyContentDrawerID = createContext<string>(Math.floor(Math.random() * Date.now()).toString())\nexport const SchmancyContentDrawerMaxHeight = createContext<string>('100%')\nexport const SchmancyContentDrawerMinWidth = createContext<{\n\tmain: number\n\tsheet: number\n}>({})\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, queryAssignedElements, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, merge, startWith, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, TRenderCustomEvent, area, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n/**\n * @element schmancy-content-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-content-drawer')\nexport class SchmancyContentDrawer extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tinset: 0;\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t/**\n\t * The minimum width of the sheet\n\t * @attr\tminWidth\n\t * @type {number}\n\t * @memberof SchmancyContentDrawer\n\t */\n\n\t@provide({ context: SchmancyContentDrawerMinWidth })\n\tminWidth: typeof SchmancyContentDrawerMinWidth.__context__ = {\n\t\tmain: 360,\n\t\tsheet: 576,\n\t}\n\n\t/**\n\t * The state of the sheet\n\t * @attr open\n\t * @type {TSchmancyContentDrawerSheetState}\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetState })\n\t@property()\n\topen: TSchmancyContentDrawerSheetState\n\n\t/**\n\t * The mode of the sheet\n\t * @type {TSchmancyContentDrawerSheetMode}\n\t * @memberof SchmancyContentDrawer\n\t * @protected\n\t */\n\t@provide({ context: SchmancyContentDrawerSheetMode })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@provide({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString()\n\n\t@provide({ context: SchmancyContentDrawerMaxHeight })\n\tmaxHeight = '100%'\n\n\t@queryAssignedElements({ flatten: true })\n\tassignedElements!: HTMLElement[]\n\tfirstUpdated(): void {\n\t\tmerge(fromEvent<CustomEvent>(window, 'resize'), fromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerResize))\n\t\t\t.pipe(\n\t\t\t\tstartWith(true),\n\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\tmap(width => width >= this.minWidth.main + this.minWidth.sheet),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttap(() => {\n\t\t\t\t\tthis.maxHeight = `${window.innerHeight - this.getOffsetTop(this) - 32}px`\n\t\t\t\t\tthis.style.setProperty('max-height', this.maxHeight)\n\t\t\t\t}),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(lgScreen => {\n\t\t\t\tif (lgScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t/*\n\t\t * Listen to the toggle event\n\t\t */\n\t\tfromEvent<CustomEvent>(window, SchmancyEvents.ContentDrawerToggle)\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail.state),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\tthis.open = state\n\t\t\t})\n\n\t\tfromEvent<TRenderCustomEvent>(window, 'schmancy-content-drawer-render')\n\t\t\t.pipe(\n\t\t\t\ttap(event => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap(event => event.detail),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(({ component, title }) => {\n\t\t\t\tif (this.mode === 'push') {\n\t\t\t\t\t// TODO: Fix the router to render if constructor has different arguments\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: 'empty',\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t\tarea.push({\n\t\t\t\t\t\tarea: this.schmancyContentDrawerID,\n\t\t\t\t\t\tcomponent: component,\n\t\t\t\t\t\thistoryStrategy: 'silent',\n\t\t\t\t\t})\n\t\t\t\t} else if ((this.mode = 'overlay')) {\n\t\t\t\t\tsheet.open({ component: component, uid: this.schmancyContentDrawerID, title })\n\t\t\t\t}\n\t\t\t})\n\t}\n\n\tgetOffsetTop(element: HTMLElement | null) {\n\t\tlet offsetTop = 0\n\t\twhile (element) {\n\t\t\toffsetTop += element.offsetTop\n\t\t\telement = element.offsetParent as HTMLElement | null\n\t\t}\n\t\treturn offsetTop\n\t}\n\n\tprotected render() {\n\t\tif (!this.mode || !this.open) return nothing\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.mode === 'overlay' ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer': SchmancyContentDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { PropertyValueMap, css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { SchmancyEvents } from '..'\nimport {\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetMode,\n} from './context'\nimport { when } from 'lit/directives/when.js'\n\n@customElement('schmancy-content-drawer-main')\nexport class SchmancyContentDrawerMain extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\toverflow: hidden;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) this.drawerMinWidth.main = this.minWidth\n\t\telse this.minWidth = this.drawerMinWidth.main\n\t}\n\n\tprotected update(changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\tsuper.update(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\tthis.drawerMinWidth.main = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t}\n\t}\n\n\trender() {\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"relative inset-0 h-full\">\n\t\t\t\t<schmancy-grid\n\t\t\t\t\tclass=\"h-full relative overflow-scroll\"\n\t\t\t\t\tcols=\"${this.mode === 'push' ? 'auto 1fr' : '1fr'}\"\n\t\t\t\t\trows=\"1fr\"\n\t\t\t\t\tflow=\"col\"\n\t\t\t\t\talign=\"stretch\"\n\t\t\t\t\tjustify=\"stretch\"\n\t\t\t\t>\n\t\t\t\t\t<section style=${this.styleMap(styles)}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</section>\n\t\t\t\t</schmancy-grid>\n\t\t\t\t${when(\n\t\t\t\t\tthis.mode === 'push',\n\t\t\t\t\t() => html` <schmancy-divider class=\"absolute right-0 top-0\" orientation=\"vertical\"></schmancy-divider>`,\n\t\t\t\t)}\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-main': SchmancyContentDrawerMain\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, query, queryAssignedElements, state } from 'lit/decorators.js'\nimport { from, merge, Observable, of, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents, sheet } from '..'\nimport {\n\tSchmancyContentDrawerID,\n\tSchmancyContentDrawerMaxHeight,\n\tSchmancyContentDrawerMinWidth,\n\tSchmancyContentDrawerSheetMode,\n\tSchmancyContentDrawerSheetState,\n\tTSchmancyContentDrawerSheetMode,\n\tTSchmancyContentDrawerSheetState,\n} from './context'\n\n// --- 1) Removed the custom animate import\n// import { animate } from '@packages/anime-beta-master'\n\n@customElement('schmancy-content-drawer-sheet')\nexport class SchmancyContentDrawerSheet extends $LitElement(css`\n\t:host {\n\t\toverflow: scroll;\n\t}\n`) {\n\t@property({ type: Number })\n\tminWidth\n\n\t@consume({ context: SchmancyContentDrawerSheetMode, subscribe: true })\n\t@state()\n\tmode: TSchmancyContentDrawerSheetMode\n\n\t@consume({ context: SchmancyContentDrawerSheetState, subscribe: true })\n\t@state()\n\tstate: TSchmancyContentDrawerSheetState\n\n\t@consume({ context: SchmancyContentDrawerID })\n\tschmancyContentDrawerID\n\n\t@query('#sheet') sheet!: HTMLElement\n\t@queryAssignedElements({ flatten: true, slot: undefined }) defaultSlot!: HTMLElement[]\n\n\t@consume({ context: SchmancyContentDrawerMinWidth, subscribe: true })\n\tdrawerMinWidth: typeof SchmancyContentDrawerMinWidth.__context__\n\n\t@consume({ context: SchmancyContentDrawerMaxHeight, subscribe: true })\n\t@state()\n\tmaxHeight\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (this.minWidth) {\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t} else {\n\t\t\tthis.minWidth = this.drawerMinWidth.sheet\n\t\t}\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('minWidth') && this.minWidth) {\n\t\t\t// If the 'minWidth' property changed\n\t\t\tthis.drawerMinWidth.sheet = this.minWidth\n\t\t\tthis.dispatchEvent(new CustomEvent(SchmancyEvents.ContentDrawerResize, { bubbles: true, composed: true }))\n\t\t} else if (changedProperties.has('state') || changedProperties.has('mode')) {\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\t// Overlay open logic if needed\n\t\t\t\t\t// this.open()\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tsheet.dismiss(this.schmancyContentDrawerID)\n\t\t\t\tif (this.state === 'close') {\n\t\t\t\t\tthis.closeAll()\n\t\t\t\t} else if (this.state === 'open') {\n\t\t\t\t\tthis.open()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Open the sheet by sliding it into view.\n\t */\n\topen() {\n\t\t// \"onBegin\" logic from the old `animate(...)`\n\t\tif (this.mode === 'overlay') {\n\t\t\tthis.sheet.style.position = 'fixed'\n\t\t} else {\n\t\t\tthis.sheet.style.position = 'relative'\n\t\t}\n\t\tthis.sheet.style.display = 'block'\n\n\t\t// --- 2) Use native Web Animations API ---\n\t\tthis.sheet.animate(\n\t\t\t[\n\t\t\t\t{ opacity: 0, transform: 'translateX(100%)' },\n\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t],\n\t\t\t{\n\t\t\t\tduration: 500,\n\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t},\n\t\t)\n\t\t// No return is needed if you don't rely on the result\n\t}\n\n\t/**\n\t * Close everything (modal sheet + the sheet itself).\n\t */\n\tcloseAll() {\n\t\t// Merge them into a single subscription,\n\t\t// so that everything closes in parallel.\n\t\tmerge(from(this.closeModalSheet()), from(this.closeSheet())).pipe(takeUntil(this.disconnecting)).subscribe()\n\t}\n\n\t/**\n\t * Dismiss the \"modal sheet.\"\n\t * This just returns an Observable that completes immediately.\n\t */\n\tcloseModalSheet() {\n\t\treturn of(true).pipe(tap(() => sheet.dismiss(this.schmancyContentDrawerID)))\n\t}\n\n\t/**\n\t * Slide the sheet out of view + hide it.\n\t * Return an Observable so we can merge it with other close operations.\n\t */\n\tcloseSheet() {\n\t\t// --- 2) Use native Web Animations API and wrap in an Observable ---\n\t\treturn new Observable<void>(observer => {\n\t\t\tconst animation = this.sheet.animate(\n\t\t\t\t[\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(0%)' },\n\t\t\t\t\t{ opacity: 1, transform: 'translateX(100%)' },\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: 500,\n\t\t\t\t\teasing: 'cubic-bezier(0.5, 0.01, 0.25, 1)',\n\t\t\t\t},\n\t\t\t)\n\n\t\t\tanimation.onfinish = () => {\n\t\t\t\t// \"onComplete\" logic\n\t\t\t\tthis.sheet.style.display = 'none'\n\t\t\t\tobserver.next()\n\t\t\t\tobserver.complete()\n\t\t\t}\n\t\t})\n\t}\n\n\tprotected render() {\n\t\tconst sheetClasses = {\n\t\t\tblock: this.mode === 'push',\n\t\t\t'absolute z-50': this.mode === 'overlay',\n\t\t\t'opacity-1': this.mode === 'overlay' && this.state === 'open',\n\t\t}\n\n\t\tconst styles = {\n\t\t\tminWidth: `${this.minWidth}px`,\n\t\t\tmaxHeight: this.maxHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<section id=\"sheet\" class=\"${this.classMap(sheetClasses)}\" style=${this.styleMap(styles)}>\n\t\t\t\t<schmancy-area name=\"${this.schmancyContentDrawerID}\">\n\t\t\t\t\t<slot name=\"placeholder\"></slot>\n\t\t\t\t</schmancy-area>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-content-drawer-sheet': SchmancyContentDrawerSheet\n\t}\n}\n","import { SchmancyEvents } from '@schmancy/types/events'\nimport { debounceTime, Subject } from 'rxjs'\n\nclass Drawer {\n\tprivate $drawer = new Subject<{\n\t\tself: HTMLElement\n\t\tstate: boolean\n\t}>()\n\tconstructor() {\n\t\tthis.$drawer.pipe(debounceTime(10)).subscribe(data => {\n\t\t\tif (data.state) {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'open',\n\t\t\t\t\t\t},\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} else {\n\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\tstate: 'close',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t})\n\t}\n\topen(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: true,\n\t\t})\n\t}\n\tclose(self?: HTMLElement) {\n\t\tthis.$drawer.next({\n\t\t\tself,\n\t\t\tstate: false,\n\t\t})\n\t}\n}\n\nexport const schmancyNavDrawer = new Drawer()\nconst $drawer = schmancyNavDrawer\n\nexport { $drawer }\n","import { createContext } from '@lit/context'\nexport type TSchmancyDrawerNavbarMode = 'push' | 'overlay' | undefined\nexport const SchmancyDrawerNavbarMode = createContext<TSchmancyDrawerNavbarMode>('push')\n\nexport type TSchmancyDrawerNavbarState = 'open' | 'close' | undefined\nexport const SchmancyDrawerNavbarState = createContext<TSchmancyDrawerNavbarState>('close')\n","import { consume } from '@lit/context'\nimport { TailwindElement } from '@mixins/index'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n} from '@schmancy/nav-drawer/context'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { SchmancyEvents } from '..'\n\n/**\n * @element schmancy-nav-drawer-appbar\n * @slot toggler - The toggler slot\n * @slot - The default slot\n */\n@customElement('schmancy-nav-drawer-appbar')\nexport class SchmancyDrawerAppbar extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tsidebarMode: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tsidebarOpen\n\n\t@property({ type: Boolean }) toggler = true\n\n\trender() {\n\t\tconst appbarClasses = {\n\t\t\t'block z-50': true,\n\t\t}\n\t\tconst sidebarToggler = {\n\t\t\t'block left-3  z-50': this.sidebarMode === 'overlay',\n\t\t\thidden: this.sidebarMode === 'push',\n\t\t}\n\t\tconst gridClasses = {\n\t\t\t...appbarClasses,\n\t\t\t'grid gap-2 items-center': true,\n\t\t\t'grid-cols-[auto_1fr]': this.sidebarMode === 'overlay' && this.toggler,\n\t\t\t'grid-cols-1': !(this.sidebarMode === 'overlay' && this.toggler),\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=${this.classMap(gridClasses)}>\n\t\t\t\t${when(\n\t\t\t\t\tthis.sidebarMode === 'overlay' && this.toggler,\n\t\t\t\t\t() =>\n\t\t\t\t\t\thtml`<slot name=\"toggler\">\n\t\t\t\t\t\t\t<div class=\"${this.classMap(sidebarToggler)}\">\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\t@click=${() => {\n\t\t\t\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\t\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\t\t\t\t\t\t\t\t\tdetail: { state: this.sidebarOpen === 'open' ? 'close' : 'open' },\n\t\t\t\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\t)\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\t\t${when(\n\t\t\t\t\t\t\t\t\t\tthis.sidebarOpen === 'close',\n\t\t\t\t\t\t\t\t\t\t() => html`menu`,\n\t\t\t\t\t\t\t\t\t\t() => html`menu_open`,\n\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</slot>`,\n\t\t\t\t)}\n\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-nav-drawer-appbar': SchmancyDrawerAppbar\n\t}\n}\n","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-nav-drawer-content')\nexport class SchmancyNavigationDrawerContent extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tinset: 0;\n\t\toverflow-y: auto;\n\t}\n`) {\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tfromEvent(this, 'scroll')\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe(e => {\n\t\t\t\tthis.parentElement.dispatchEvent(new CustomEvent('scroll', { detail: e, bubbles: true, composed: true }))\n\t\t\t})\n\t}\n\trender() {\n\t\treturn html` <slot></slot> `\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-content': SchmancyNavigationDrawerContent\n\t}\n}\n","import { provide } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { css, html, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, takeUntil, tap } from 'rxjs'\nimport { SchmancyEvents } from '..'\nimport { fullHeight } from './../directives/height'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n/**\n * @element schmancy-nav-drawer\n * @slot appbar - The appbar slot\n * @slot - The content slot\n */\n@customElement('schmancy-nav-drawer')\nexport class SchmancyNavigationDrawer extends $LitElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tflex-grow: 1;\n\t\toverflow: hidden;\n\t\t/* Initially hide the component until it’s ready */\n\t\tvisibility: hidden;\n\t}\n\t/* Once the component is ready, remove the hidden style */\n\t:host([data-ready]) {\n\t\tvisibility: visible;\n\t}\n`) {\n\t// fullscreen property\n\t@property({ type: Boolean })\n\tfullscreen: boolean = false\n\n\t/**\n\t * The breakpoint for the sidebar based on Tailwind CSS breakpoints.\n\t * Accepts: \"sm\", \"md\", \"lg\", or \"xl\".\n\t *\n\t * The following default values are used:\n\t * - sm: 640px\n\t * - md: 768px (default)\n\t * - lg: 1024px\n\t * - xl: 1280px\n\t *\n\t * @attr breakpoint\n\t * @type {\"sm\" | \"md\" | \"lg\" | \"xl\"}\n\t */\n\t@property({ type: String, attribute: 'breakpoint' })\n\tbreakpoint: 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * Mapping of Tailwind breakpoint tokens to their numeric pixel values.\n\t */\n\tprivate static BREAKPOINTS: Record<'sm' | 'md' | 'lg' | 'xl', number> = {\n\t\tsm: 640,\n\t\tmd: 768,\n\t\tlg: 1024,\n\t\txl: 1280,\n\t}\n\n\t/**\n\t * The mode of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarMode })\n\t@state()\n\tmode: TSchmancyDrawerNavbarMode\n\n\t/**\n\t * The open/close state of the sidebar.\n\t */\n\t@provide({ context: SchmancyDrawerNavbarState })\n\t@property()\n\topen: TSchmancyDrawerNavbarState\n\n\t/**\n\t * A flag indicating that the initial state has been set.\n\t */\n\t@state()\n\tprivate _initialized = false\n\n\t/**\n\t * In firstUpdated, we can safely read attribute-set properties.\n\t * We also initialize our state and subscribe to events.\n\t */\n\tfirstUpdated() {\n\t\t// Set the initial state based on the current window width.\n\t\tthis.updateState(window.innerWidth)\n\t\t// Mark the component as ready\n\t\tthis._initialized = true\n\t\tthis.setAttribute('data-ready', '')\n\n\t\t// Subscribe to window resize events.\n\t\tfromEvent(window, 'resize')\n\t\t\t.pipe(\n\t\t\t\t// Extract the inner width.\n\t\t\t\tmap(event => (event.target as Window).innerWidth),\n\t\t\t\t// Determine if we're above the breakpoint.\n\t\t\t\tmap(width => width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\tdebounceTime(100),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(isLargeScreen => {\n\t\t\t\tif (isLargeScreen) {\n\t\t\t\t\tthis.mode = 'push'\n\t\t\t\t\tthis.open = 'open'\n\t\t\t\t} else {\n\t\t\t\t\tthis.mode = 'overlay'\n\t\t\t\t\tthis.open = 'close'\n\t\t\t\t}\n\t\t\t})\n\n\t\t// Listen to the custom toggle event.\n\t\tfromEvent(window, SchmancyEvents.NavDrawer_toggle)\n\t\t\t.pipe(\n\t\t\t\ttap((event: CustomEvent) => {\n\t\t\t\t\tevent.stopPropagation()\n\t\t\t\t}),\n\t\t\t\tmap((event: CustomEvent) => event.detail.state),\n\t\t\t\tdistinctUntilChanged(),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tdebounceTime(10),\n\t\t\t)\n\t\t\t.subscribe(state => {\n\t\t\t\t// When in push mode, ignore a request to close the sidebar.\n\t\t\t\tif (this.mode === 'push' && state === 'close') return\n\t\t\t\tthis.open = state\n\t\t\t})\n\t}\n\n\t/**\n\t * Helper method to update state based on a given width.\n\t */\n\tprivate updateState(width: number) {\n\t\tconst isLargeScreen = width >= SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]\n\t\tthis.mode = isLargeScreen ? 'push' : 'overlay'\n\t\tthis.open = isLargeScreen ? 'open' : 'close'\n\t}\n\n\tprotected render() {\n\t\t// Optionally, you can check _initialized here,\n\t\t// but the CSS will already hide the component until it's ready.\n\t\tif (!this._initialized) return nothing\n\n\t\treturn html`\n\t\t\t<schmancy-grid\n\t\t\t\tcols=${this.fullscreen ? '1fr' : 'auto 1fr'}\n\t\t\t\trows=\"1fr\"\n\t\t\t\tflow=\"col\"\n\t\t\t\tjustify=\"stretch\"\n\t\t\t\talign=\"stretch\"\n\t\t\t\t${fullHeight()}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-grid>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer': SchmancyNavigationDrawer\n\t}\n}\n","import { consume } from '@lit/context'\nimport { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\nimport { SchmancyEvents, SchmancyTheme, color } from '..'\nimport {\n\tSchmancyDrawerNavbarMode,\n\tSchmancyDrawerNavbarState,\n\tTSchmancyDrawerNavbarMode,\n\tTSchmancyDrawerNavbarState,\n} from './context'\n\n// Animation configuration constants.\nconst ANIMATION_EASING = 'cubic-bezier(0.5, 0.01, 0.25, 1)'\nconst OVERLAY_ANIM_DURATION_OPEN = 200\nconst OVERLAY_ANIM_DURATION_CLOSE = 150\nconst NAV_ANIM_DURATION = 200\n\n@customElement('schmancy-nav-drawer-navbar')\nexport class SchmancyNavigationDrawerSidebar extends $LitElement() {\n\t// Consume context values. Renamed from \"state\" to \"drawerState\" to avoid confusion.\n\t@consume({ context: SchmancyDrawerNavbarMode, subscribe: true })\n\t@state()\n\tmode!: TSchmancyDrawerNavbarMode\n\n\t@consume({ context: SchmancyDrawerNavbarState, subscribe: true })\n\t@state()\n\tdrawerState!: TSchmancyDrawerNavbarState\n\n\t@query('#overlay') overlay!: HTMLElement\n\t@query('nav') nav!: HTMLElement\n\n\t@property({ type: String }) width = '320px'\n\t@state() private _initialized = false\n\n\t/**\n\t * firstUpdated()\n\t * Set initial styles based on the current mode and consumed state.\n\t */\n\tfirstUpdated() {\n\t\tif (this.mode === 'overlay') {\n\t\t\tif (this.drawerState === 'close') {\n\t\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t\t\tthis.overlay.style.display = 'none'\n\t\t\t} else if (this.drawerState === 'open') {\n\t\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\t\tthis.overlay.style.display = 'block'\n\t\t\t\tthis.overlay.style.opacity = '0.4'\n\t\t\t}\n\t\t} else if (this.mode === 'push') {\n\t\t\t// In push mode, the nav is always visible and the overlay hidden.\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t\tthis._initialized = true\n\t}\n\n\t/**\n\t * updated()\n\t * Trigger animations when either the consumed mode or state changes.\n\t */\n\tupdated(changedProperties: Map<string, any>) {\n\t\tif (!this._initialized) return\n\n\t\tif (changedProperties.has('drawerState') || changedProperties.has('mode')) {\n\t\t\tif (this.mode === 'overlay') {\n\t\t\t\tif (this.drawerState === 'open') {\n\t\t\t\t\t// Animate only if the nav isn’t already open.\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\t\tthis.openOverlay()\n\t\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t\t}\n\t\t\t\t} else if (this.drawerState === 'close') {\n\t\t\t\t\tif (this.nav.style.transform !== 'translateX(-100%)') {\n\t\t\t\t\t\tthis.hideNavDrawer()\n\t\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (this.mode === 'push') {\n\t\t\t\tif (this.nav.style.transform !== 'translateX(0)') {\n\t\t\t\t\tthis.showNavDrawer()\n\t\t\t\t}\n\t\t\t\tif (this.overlay.style.display !== 'none') {\n\t\t\t\t\tthis.closeOverlay()\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Animate the overlay to fade in.\n\t */\n\topenOverlay() {\n\t\tthis.overlay.style.display = 'block'\n\t\tthis.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_OPEN,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t}\n\n\t/**\n\t * Animate the overlay to fade out, then hide it.\n\t */\n\tcloseOverlay() {\n\t\tconst animation = this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], {\n\t\t\tduration: OVERLAY_ANIM_DURATION_CLOSE,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.overlay.style.display = 'none'\n\t\t}\n\t}\n\tshowNavDrawer() {\n\t\t// Use computed style if needed, but here we directly update inline style after animation.\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(-100%)' }, { transform: 'translateX(0)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(0)'\n\t\t}\n\t}\n\n\thideNavDrawer() {\n\t\tconst animation = this.nav.animate([{ transform: 'translateX(0)' }, { transform: 'translateX(-100%)' }], {\n\t\t\tduration: NAV_ANIM_DURATION,\n\t\t\teasing: ANIMATION_EASING,\n\t\t\tfill: 'forwards',\n\t\t})\n\t\tanimation.onfinish = () => {\n\t\t\tthis.nav.style.transform = 'translateX(-100%)'\n\t\t}\n\t}\n\n\t/**\n\t * Handle overlay click events by dispatching a custom event\n\t * to close the navigation drawer.\n\t */\n\tprivate handleOverlayClick() {\n\t\twindow.dispatchEvent(\n\t\t\tnew CustomEvent(SchmancyEvents.NavDrawer_toggle, {\n\t\t\t\tdetail: { state: 'close' },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected render() {\n\t\tconst sidebarClasses = {\n\t\t\t'p-[16px] max-w-[360px] w-fit h-full overflow-auto': true,\n\t\t\tblock: this.mode === 'push',\n\t\t\t'fixed inset-0 z-50': this.mode === 'overlay',\n\t\t}\n\t\tconst overlayClass = {\n\t\t\t'fixed inset-0 z-49 hidden': true,\n\t\t}\n\t\tconst styleMap = {\n\t\t\twidth: this.width,\n\t\t}\n\n\t\treturn html`\n\t\t\t<nav\n\t\t\t\tstyle=${this.styleMap(styleMap)}\n\t\t\t\tclass=\"${this.classMap({ ...sidebarClasses })}\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\t})}\n\t\t\t>\n\t\t\t\t<slot></slot>\n\t\t\t</nav>\n\t\t\t<div\n\t\t\t\tid=\"overlay\"\n\t\t\t\t${color({\n\t\t\t\t\tbgColor: SchmancyTheme.sys.color.scrim,\n\t\t\t\t})}\n\t\t\t\t@click=${this.handleOverlayClick}\n\t\t\t\tclass=\"${this.classMap({ ...overlayClass })}\"\n\t\t\t></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-nav-drawer-navbar': SchmancyNavigationDrawerSidebar\n\t}\n}\n","import { bufferTime, concatMap, filter, fromEvent, map, of, Subject, take, tap, timeout, zip } from 'rxjs'\nimport { SchmancyTeleportation } from './teleport.component'\n\nexport type WhereAreYouRickyEvent = CustomEvent<{\n\tid: string\n\tcallerID: number\n}>\n\nexport const WhereAreYouRicky = 'whereAreYouRicky'\n\nexport type HereMortyEvent = CustomEvent<{\n\tcomponent: SchmancyTeleportation\n}>\n\nexport type FLIP_REQUEST = {\n\tfrom: {\n\t\trect: DOMRect\n\t\telement?: HTMLElement\n\t}\n\tto: {\n\t\trect: DOMRect\n\t\telement: HTMLElement\n\t}\n\tstagger?: number\n\thost: HTMLElement\n}\nexport const HereMorty = 'hereMorty'\n\nclass Teleportation {\n\tactiveTeleportations = new Map<string, DOMRect>()\n\tflipRequests = new Subject<FLIP_REQUEST>()\n\n\tconstructor() {\n\t\tthis.flipRequests\n\t\t\t.pipe(\n\t\t\t\tbufferTime(1),\n\t\t\t\tmap(requests =>\n\t\t\t\t\trequests.map(({ from, to, host }, i) => ({\n\t\t\t\t\t\tfrom,\n\t\t\t\t\t\tto,\n\t\t\t\t\t\thost,\n\t\t\t\t\t\ti,\n\t\t\t\t\t})),\n\t\t\t\t),\n\t\t\t\tconcatMap(requests => zip(requests.map(request => of(this.flip(request))))),\n\t\t\t)\n\t\t\t.subscribe()\n\t}\n\n\tfind = (component: SchmancyTeleportation) => {\n\t\treturn zip([\n\t\t\tfromEvent<HereMortyEvent>(window, HereMorty).pipe(\n\t\t\t\tfilter(\n\t\t\t\t\te =>\n\t\t\t\t\t\t!!e.detail.component.uuid &&\n\t\t\t\t\t\t!!component.id &&\n\t\t\t\t\t\te.detail.component.id === component.id &&\n\t\t\t\t\t\te.detail.component.uuid !== component.uuid,\n\t\t\t\t),\n\t\t\t\tmap(e => e.detail.component),\n\t\t\t\ttake(1),\n\t\t\t),\n\t\t\tof(component).pipe(\n\t\t\t\ttap(() => {\n\t\t\t\t\twindow.dispatchEvent(\n\t\t\t\t\t\tnew CustomEvent<WhereAreYouRickyEvent['detail']>(WhereAreYouRicky, {\n\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\tid: component.id,\n\t\t\t\t\t\t\t\tcallerID: component.uuid,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t),\n\t\t]).pipe(\n\t\t\tmap(([component]) => component),\n\t\t\ttimeout(0),\n\t\t)\n\t}\n\n\tflip = (request: {\n\t\tfrom: {\n\t\t\trect: DOMRect\n\t\t}\n\t\tto: {\n\t\t\telement: HTMLElement\n\t\t\trect: DOMRect\n\t\t}\n\t\thost: HTMLElement\n\t\ti: number\n\t}) => {\n\t\tconst { from, to } = request\n\n\t\t// Prepare the element for animation\n\t\tconst originalZIndex = to.element.style.zIndex\n\t\tto.element.style.transformOrigin = 'top left'\n\t\tto.element.style.setProperty('visibility', 'visible')\n\t\tto.element.style.zIndex = '1000'\n\n\t\t// \"onBegin\" logic goes here (since Web Animations doesn't have onBegin).\n\t\t// If you had more logic, place it here:\n\n\t\t// Calculate starting and ending transforms\n\t\tconst startX = from.rect.left - to.rect.left\n\t\tconst startY = from.rect.top - to.rect.top\n\t\tconst startScaleX = from.rect.width / to.rect.width\n\t\tconst startScaleY = from.rect.height / to.rect.height\n\n\t\t// Create keyframes\n\t\tconst keyframes: Keyframe[] = [\n\t\t\t{\n\t\t\t\ttransform: `translate(${startX}px, ${startY}px) scale(${startScaleX}, ${startScaleY})`,\n\t\t\t},\n\t\t\t{\n\t\t\t\ttransform: 'translate(0, 0) scale(1, 1)',\n\t\t\t},\n\t\t]\n\n\t\t// Use native Web Animations API\n\t\tconst animation = to.element.animate(keyframes, {\n\t\t\tduration: 250,\n\t\t\tdelay: 10, // if desired\n\t\t\t// Approximate 'inOutQuad' via a cubic-bezier easing.\n\t\t\t// You can adjust these values to taste, or use a standard one:\n\t\t\teasing: 'cubic-bezier(0.455, 0.03, 0.515, 0.955)',\n\t\t\t// or simply 'ease-in-out'\n\t\t})\n\n\t\t// \"onComplete\" logic goes here\n\t\tanimation.onfinish = () => {\n\t\t\tto.element.style.zIndex = originalZIndex\n\t\t\tto.element.style.transformOrigin = ''\n\t\t\t// If you have additional cleanup, place it here\n\t\t}\n\t}\n}\n\nexport const teleport = new Teleportation()\nexport default teleport\n","import { Observable, interval } from 'rxjs'\nimport { distinctUntilChanged, map, take } from 'rxjs/operators'\n\n// Function to monitor element's bounding client rect\nexport function watchElementRect(element: Element): Observable<DOMRectReadOnly> {\n\treturn interval(50).pipe(\n\t\t// startWith(true),\n\t\tmap(() => element.getBoundingClientRect()),\n\t\tdistinctUntilChanged(\n\t\t\t(prev, curr) =>\n\t\t\t\tprev.width === curr.width &&\n\t\t\t\tprev.height === curr.height &&\n\t\t\t\tprev.top === curr.top &&\n\t\t\t\tprev.right === curr.right &&\n\t\t\t\tprev.bottom === curr.bottom &&\n\t\t\t\tprev.left === curr.left,\n\t\t),\n\t\ttake(1),\n\t)\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { filter, fromEvent, merge, of, takeUntil, tap, throwIfEmpty } from 'rxjs'\nimport { FINDING_MORTIES, FINDING_MORTIES_EVENT, HERE_RICKY, HERE_RICKY_EVENT } from '..'\nimport {\n\tHereMorty,\n\tHereMortyEvent,\n\tWhereAreYouRicky,\n\tWhereAreYouRickyEvent,\n\tdefault as teleport,\n\tdefault as teleportationService,\n} from './teleport.service'\nimport { watchElementRect } from './watcher'\nimport { $LitElement } from '@mixins/index'\n@customElement('schmancy-teleport')\nexport class SchmancyTeleportation extends $LitElement(css``) {\n\t/**\n\t * @attr {string} uuid - The component tag to teleport\n\t * @readonly\n\t */\n\t@property({ type: Number, reflect: true }) uuid = Math.floor(Math.random() * Date.now())\n\n\t/**\n\t * @attr {string} id - The component tag to teleport\n\t * @required\n\t */\n\t@property({ type: String }) id!: string\n\n\t@property({ type: Number }) delay = 0\n\n\tdebugging = import.meta.env.DEV ? true : false\n\n\tget _slottedChildren() {\n\t\tconst slot = this.shadowRoot.querySelector('slot')\n\t\treturn slot.assignedElements({ flatten: true })\n\t}\n\n\tconnectedCallback(): void {\n\t\tif (this.id === undefined) throw new Error('id is required')\n\t\tsuper.connectedCallback()\n\t\tmerge(\n\t\t\tfromEvent<FINDING_MORTIES_EVENT>(window, FINDING_MORTIES).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: () => {\n\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\tnew CustomEvent<HERE_RICKY_EVENT['detail']>(HERE_RICKY, {\n\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t)\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t\tfromEvent<WhereAreYouRickyEvent>(window, WhereAreYouRicky).pipe(\n\t\t\t\ttap({\n\t\t\t\t\tnext: e => {\n\t\t\t\t\t\tif (e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid) {\n\t\t\t\t\t\t\tthis.dispatchEvent(\n\t\t\t\t\t\t\t\tnew CustomEvent<HereMortyEvent['detail']>(HereMorty, {\n\t\t\t\t\t\t\t\t\tdetail: {\n\t\t\t\t\t\t\t\t\t\tcomponent: this,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tbubbles: true,\n\t\t\t\t\t\t\t\t\tcomposed: true,\n\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t}),\n\t\t\t),\n\t\t)\n\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t.subscribe()\n\t}\n\n\tasync firstUpdated() {\n\t\tof(teleportationService.activeTeleportations.get(this.id))\n\t\t\t.pipe(\n\t\t\t\tfilter(a => !!a),\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\tthrowIfEmpty(),\n\t\t\t)\n\t\t\t.subscribe({\n\t\t\t\tnext: domRect => {\n\t\t\t\t\tconsole.count('teleport')\n\t\t\t\t\tthis.style.setProperty('visibility', 'hidden')\n\t\t\t\t\t// teleport.flipRequests.next({ from: component, to: this, stagger: 0 })\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t\tteleport.flipRequests.next({\n\t\t\t\t\t\t\t\t\tfrom: {\n\t\t\t\t\t\t\t\t\t\trect: domRect,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\tto: {\n\t\t\t\t\t\t\t\t\t\trect: e,\n\t\t\t\t\t\t\t\t\t\telement: this._slottedChildren[0] as HTMLElement,\n\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\thost: this,\n\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\terror: () => {\n\t\t\t\t\tthis.style.setProperty('visibility', 'visible')\n\t\t\t\t\twatchElementRect(this)\n\t\t\t\t\t\t.pipe(takeUntil(this.disconnecting))\n\t\t\t\t\t\t.subscribe({\n\t\t\t\t\t\t\tnext: e => {\n\t\t\t\t\t\t\t\tteleportationService.activeTeleportations.set(this.id, e)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tcomplete: () => {},\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-teleport': SchmancyTeleportation\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { color } from '@schmancy/directives'\nimport { SchmancyTheme } from '@schmancy/theme/theme.interface'\n\nexport type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\nexport type AvatarColor = 'primary' | 'secondary' | 'tertiary' | 'success' | 'error' | 'neutral'\nexport type AvatarShape = 'circle' | 'square'\nexport type AvatarStatus = 'online' | 'offline' | 'busy' | 'away' | 'none'\n\n/**\n * A customizable avatar component that displays initials or an icon\n * Designed to match the Schmancy design system\n *\n * @element schmancy-avatar\n *\n * @property {string} initials - Text initials to display (limited to 2 characters)\n * @property {string} src - URL of an image to display\n * @property {string} icon - Name of an icon to display\n * @property {AvatarSize} size - Size of the avatar (xs, sm, md, lg, xl)\n * @property {AvatarColor} color - Color theme of the avatar\n * @property {AvatarShape} shape - Shape of the avatar (circle or square)\n * @property {boolean} bordered - Whether to add a border around the avatar\n * @property {AvatarStatus} status - Optional status indicator to display\n *\n * @example\n * <schmancy-avatar\n *   initials=\"JD\"\n *   size=\"md\"\n *   color=\"primary\"\n * ></schmancy-avatar>\n */\n@customElement('schmancy-avatar')\nexport class SchmancyAvatar extends $LitElement() {\n\t@property({ type: String }) initials: string = ''\n\t@property({ type: String }) src: string = ''\n\t@property({ type: String }) icon: string = ''\n\t@property({ type: String }) size: AvatarSize = 'md'\n\t@property({ type: String }) color: AvatarColor = 'primary'\n\t@property({ type: String }) shape: AvatarShape = 'circle'\n\t@property({ type: Boolean }) bordered: boolean = false\n\t@property({ type: String }) status: AvatarStatus = 'none'\n\n\trender() {\n\t\t// Determine content to display (image, initials, or icon)\n\t\tlet content\n\t\tif (this.src) {\n\t\t\tcontent = html`<img class=\"w-full h-full object-cover\" src=\"${this.src}\" alt=\"Avatar\" />`\n\t\t} else if (this.initials) {\n\t\t\tcontent = html`<span class=\"text-center font-medium\">${this.initials.substring(0, 2).toUpperCase()}</span>`\n\t\t} else if (this.icon) {\n\t\t\tcontent = html`<schmancy-icon>${this.icon}</schmancy-icon>`\n\t\t} else {\n\t\t\tcontent = html`<schmancy-icon>person</schmancy-icon>`\n\t\t}\n\n\t\t// Size classes\n\t\tconst sizeClasses = {\n\t\t\txs: 'w-6 h-6 text-xs',\n\t\t\tsm: 'w-8 h-8 text-sm',\n\t\t\tmd: 'w-10 h-10 text-base',\n\t\t\tlg: 'w-12 h-12 text-lg',\n\t\t\txl: 'w-16 h-16 text-xl',\n\t\t}\n\n\t\t// Shape classes\n\t\tconst shapeClasses = {\n\t\t\tcircle: 'rounded-full',\n\t\t\tsquare: 'rounded-md',\n\t\t}\n\n\t\t// Combine classes\n\t\tconst avatarClasses = {\n\t\t\t'relative flex items-center justify-center overflow-hidden': true,\n\t\t\t[sizeClasses[this.size]]: true,\n\t\t\t[shapeClasses[this.shape]]: true,\n\t\t\t'border-2 border-surface-container': this.bordered,\n\t\t}\n\n\t\t// Get theme colors\n\t\tconst colorAttrs = this.getColorAttributes()\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(avatarClasses)}\" ${colorAttrs}>\n\t\t\t\t${content} ${this.status !== 'none' ? this.renderStatusIndicator() : ''}\n\t\t\t</div>\n\t\t`\n\t}\n\n\tprivate getColorAttributes() {\n\t\tconst colorMap = {\n\t\t\tprimary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.primary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.primary.onContainer,\n\t\t\t},\n\t\t\tsecondary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.secondary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.secondary.onContainer,\n\t\t\t},\n\t\t\ttertiary: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.tertiary.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.tertiary.onContainer,\n\t\t\t},\n\t\t\tsuccess: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.success.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.success.onContainer,\n\t\t\t},\n\t\t\terror: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.error.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.error.onContainer,\n\t\t\t},\n\t\t\tneutral: {\n\t\t\t\tbgColor: SchmancyTheme.sys.color.surface.container,\n\t\t\t\tcolor: SchmancyTheme.sys.color.surface.on,\n\t\t\t},\n\t\t}\n\n\t\treturn color(colorMap[this.color])\n\t}\n\n\tprivate renderStatusIndicator() {\n\t\tconst statusColors = {\n\t\t\tonline: SchmancyTheme.sys.color.success.default,\n\t\t\toffline: SchmancyTheme.sys.color.surface.onVariant,\n\t\t\tbusy: SchmancyTheme.sys.color.error.default,\n\t\t\taway: SchmancyTheme.sys.color.tertiary.default,\n\t\t}\n\n\t\tconst sizeMap = {\n\t\t\txs: 'w-1.5 h-1.5',\n\t\t\tsm: 'w-2 h-2',\n\t\t\tmd: 'w-2.5 h-2.5',\n\t\t\tlg: 'w-3 h-3',\n\t\t\txl: 'w-4 h-4',\n\t\t}\n\n\t\tconst statusClasses = {\n\t\t\t'absolute bottom-0 right-0 rounded-full border-2 border-surface-default': true,\n\t\t\t[sizeMap[this.size]]: true,\n\t\t}\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(statusClasses)}\" style=\"background-color: ${statusColors[this.status]};\"></div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-avatar': SchmancyAvatar\n\t}\n}\n"],"names":["SchmancyBadgeV2","TailwindElement","css","constructor","super","arguments","this","color","size","shape","outlined","icon","pulse","getSizeClasses","getShapeClasses","getIconSize","getExoticStyles","styles","letterSpacing","fontWeight","getColorStyles","primary","bg","SchmancyTheme","sys","container","default","text","onContainer","border","surface","highest","secondary","tertiary","success","bright","warning","error","neutral","high","outline","on","render","sizeClasses","shapeClasses","colorStyles","iconSize","exoticStyles","badgeClasses","shadow","borderColor","backdropFilter","boxShadow","html","classMap","styleMap","bgColor","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement","ScBadgeV2","schmancyContentDrawer","$drawer","Subject","lastComponent","pipe","subscribe","data","action","ref","dispatchEvent","CustomEvent","SchmancyEvents","ContentDrawerToggle","detail","state","bubbles","composed","component","title","handlePush","next","resolvedComponent","document","createElement","HTMLElement","result","requestUpdate","window","SchmancyContentDrawerSheetMode","createContext","SchmancyContentDrawerSheetState","SchmancyContentDrawerID","Math","floor","random","Date","now","toString","SchmancyContentDrawerMaxHeight","SchmancyContentDrawerMinWidth","SchmancyContentDrawer","$LitElement","minWidth","main","sheet","schmancyContentDrawerID","maxHeight","firstUpdated","merge","fromEvent","ContentDrawerResize","startWith","map","clientWidth","innerWidth","width","debounceTime","tap","innerHeight","getOffsetTop","style","setProperty","distinctUntilChanged","takeUntil","disconnecting","lgScreen","mode","open","event","stopPropagation","area","push","historyStrategy","uid","element","offsetTop","offsetParent","nothing","provide","context","queryAssignedElements","flatten","SchmancyContentDrawerMain","connectedCallback","drawerMinWidth","changedProperties","update","has","when","Number","consume","SchmancyContentDrawerSheet","updated","closeAll","dismiss","position","display","animate","opacity","transform","duration","easing","from","closeModalSheet","closeSheet","of","Observable","observer","onfinish","complete","sheetClasses","block","query","slot","schmancyNavDrawer","NavDrawer_toggle","self","SchmancyDrawerNavbarMode","SchmancyDrawerNavbarState","SchmancyDrawerAppbar","toggler","sidebarToggler","sidebarMode","hidden","gridClasses","sidebarOpen","SchmancyNavigationDrawerContent","e","parentElement","SchmancyNavigationDrawer","fullscreen","breakpoint","_initialized","updateState","setAttribute","target","BREAKPOINTS","isLargeScreen","fullHeight","sm","md","lg","xl","attribute","ANIMATION_EASING","SchmancyNavigationDrawerSidebar","drawerState","nav","overlay","openOverlay","showNavDrawer","hideNavDrawer","closeOverlay","fill","handleOverlayClick","sidebarClasses","scrim","WhereAreYouRicky","HereMorty","teleport","activeTeleportations","Map","flipRequests","find","zip","filter","uuid","id","take","callerID","timeout","flip","request","to","originalZIndex","zIndex","transformOrigin","keyframes","rect","left","top","height","delay","bufferTime","requests","host","i","concatMap","watchElementRect","interval","getBoundingClientRect","prev","curr","right","bottom","SchmancyTeleportation","debugging","_slottedChildren","shadowRoot","querySelector","assignedElements","Error","FINDING_MORTIES","HERE_RICKY","teleportationService","get","a","throwIfEmpty","domRect","set","SchmancyAvatar","initials","src","bordered","status","content","substring","toUpperCase","avatarClasses","xs","circle","square","colorAttrs","getColorAttributes","renderStatusIndicator","colorMap","statusColors","online","offline","onVariant","busy","away","statusClasses"],"mappings":"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"}

package/dist/{avatar-C8PC_n9i.cjs → avatar-UnP-o7T9.cjs}

@@ -1,56 +1,8 @@
-"use strict";const l=require("lit"),a=require("lit/decorators.js"),s=require("rxjs");require("./animated-text-CM1zqBki.cjs");const $=require("./route.component-CzCd2fMa.cjs");require("./autocomplete-CFREt7Vm.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-B-VcpMHn.cjs"),C=require("./ripple-C2BHbhcS.cjs");require("lit/directives/guard.js"),require("./boat-Ddi4PegB.cjs"),require("./spinner-C5tMQys5.cjs"),require("./icon-button-CLDy5tUS.cjs"),require("./media-Cew1Mxkj.cjs"),require("./checkbox-TclkD2h5.cjs"),require("./chips-DQBHJNSu.cjs"),require("./code-preview-C9Imx-RX.cjs"),require("./payment-card-form-ByWbYHhd.cjs");const p=require("./types.cjs"),d=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-CjRG_9tZ.cjs"),m=require("./consume-edta5ng5.cjs");require("./date-range-D1A1Xrmw.cjs"),require("./date-range-inline-CwLJLOe1.cjs"),require("./delay-DQKt6VVn.cjs"),require("./details-Ft0ivj0F.cjs"),require("./dialog-content-7tFlrTFn.cjs"),require("./dialog-service-juvsgc5X.cjs"),require("./divider-CWnAg2p-.cjs"),require("./dropdown-content-CXxTjA0j.cjs"),require("./timezone-DRBf5biI.cjs"),require("./form-nHwPpyhJ.cjs"),require("./icon-TPLdDnCq.cjs"),require("./input-CqLneJhz.cjs"),require("./flex-DflXFgVs.cjs"),require("./list-DZ43cTnR.cjs"),require("./email-recipients-BWIYYwA8.cjs"),require("./map-D69SEPpf.cjs"),require("./menu-BOeTdvk_.cjs");const W=require("lit/directives/when.js");require("./notification-service-LnNx5EDh.cjs"),require("./option-BNKGfKgL.cjs"),require("./progress-BY7K7Etz.cjs"),require("./radio-button-CYq6qTSb.cjs"),require("./index-CCi1otmh.cjs"),require("./select-B-yc3JB7.cjs"),require("./sheet-CuE9tUeo.cjs");const j=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-DeKwZONn.cjs"),require("./schmancy-steps-container-D69TfC2I.cjs"),require("./context-object-bNADqf9U.cjs");const N=require("rxjs/operators");require("./surface-4MzhEaru.cjs"),require("./table-J5EVvpXy.cjs"),require("./tabs-compatibility-JMTsaND_.cjs"),require("./textarea-B3nWhCra.cjs"),require("./theme.component-CdSDaeU0.cjs"),require("./theme-button-I_c1ZWWV.cjs"),require("./tooltip-CCX8PidC.cjs"),require("./tree-CpqWMdfb.cjs"),require("./typewriter-BWg7Otk8.cjs"),require("./typography-DGOOlbC1.cjs");const o=require("./theme.interface-Xg5Zi46a.cjs");var R=Object.defineProperty,X=Object.getOwnPropertyDescriptor,g=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?X(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&R(t,n,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
+"use strict";const l=require("lit"),a=require("lit/decorators.js"),n=require("rxjs");require("./animated-text-CIgDmUF0.cjs");const $=require("./route.component-Cr-M16SZ.cjs");require("./autocomplete-35wx4zfo.cjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-Cb-fyJ_y.cjs"),C=require("./ripple-DqQrvaTe.cjs");require("lit/directives/guard.js"),require("./boat-zVJF22wK.cjs"),require("./spinner-D9l0j12i.cjs"),require("./icon-button-M5CqyRR4.cjs"),require("./media-DtYChqKs.cjs"),require("./checkbox-BtZqKgPT.cjs"),require("./chips-BRigd0oB.cjs"),require("./code-preview-BYWzA52m.cjs"),require("./payment-card-form-HQsOp4z5.cjs");const p=require("./types.cjs"),m=require("./provide-BxZ2kn_p.cjs"),b=require("./litElement.mixin-YJ8D9a8Z.cjs"),d=require("./consume-edta5ng5.cjs");require("./date-range-DhWbY9Ph.cjs"),require("./date-range-inline-FiCLIta4.cjs"),require("./delay-dCLgp1B7.cjs"),require("./details-Bf0qMDKW.cjs"),require("./dialog-content-0w0WQYF3.cjs"),require("./dialog-service-CgJH8clD.cjs"),require("./divider-CYPKRC_-.cjs"),require("./dropdown-content-DelDUcfW.cjs"),require("./timezone-Wy7jf5gf.cjs"),require("./form-jw1NVkyp.cjs"),require("./icon-pFAWVSGq.cjs"),require("./input-CWOVMdSb.cjs"),require("./flex-_K-5RVZM.cjs"),require("./list-CDXL73JQ.cjs"),require("./email-recipients-BlSATi3L.cjs"),require("./map-DQwGv46m.cjs"),require("./menu-jcodrTEA.cjs");const W=require("lit/directives/when.js");require("./notification-service-CD-XzDeP.cjs"),require("./option-D-Itfwmu.cjs"),require("./progress-B3Q1qs5e.cjs"),require("./radio-button-COzEX5Ar.cjs"),require("./index-CCi1otmh.cjs"),require("./select-wUk1qE31.cjs"),require("./sheet-D3RmdvbL.cjs");const P=require("./sheet.service-BxvWBGsJ.cjs");require("./slider-XoN7Z9iO.cjs"),require("./schmancy-steps-container-DfzodwEn.cjs"),require("./context-object-bNADqf9U.cjs");const N=require("rxjs/operators");require("./surface-BgLZnRcp.cjs"),require("./table-g0Wsm45r.cjs"),require("./tabs-compatibility-FkpvGEG3.cjs"),require("./textarea-DBKIOjBp.cjs"),require("./theme.component-Dko2yi2n.cjs"),require("./theme-button-C-6Y_Mib.cjs"),require("./tooltip-BXCWSU_6.cjs"),require("./tree-Bux6udiH.cjs"),require("./typewriter-HZThI3m1.cjs"),require("./typography-DNj4eHeR.cjs");const o=require("./theme.interface-Xg5Zi46a.cjs");var R=Object.defineProperty,X=Object.getOwnPropertyDescriptor,g=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?X(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&R(t,s,r),r};exports.SchmancyBadgeV2=class extends _.TailwindElement(l.css`
 	:host {
 		display: inline-flex;
 	}
 
-	.badge-content {
-		display: flex;
-		align-items: center;
-		line-height: 1;
-		letter-spacing: 0.01em;
-		font-kerning: normal;
-	}
-
-	/* Improved vertical alignment for icon and text */
-	::slotted(*) {
-		vertical-align: middle;
-	}
-
-	/* Add space between icon and text */
-	.icon-container {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		line-height: 1;
-	}
-
-	/* Icon spacing adjustments - based on golden ratio principles */
-	.icon-container + .badge-content {
-		margin-left: 0.38em; /* Approximately 1/1.618 of 0.618em */
-	}
-
-	/* Ensure the icon is properly centered */
-	schmancy-icon {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-	}
-
-	/* Elegant hover effect for better interactivity */
-	:host([outlined]) div[part="badge"] {
-		transition: all 0.2s ease;
-	}
-
-	:host([outlined]) div[part="badge"]:hover {
-		filter: brightness(0.95);
-		transform: translateY(-1px);
-	}
-
-	/* Non-outlined badges get subtle hover effects */
-	:host(:not([outlined])) div[part="badge"]:hover {
-		filter: brightness(0.98);
-	}
-
 	/* Enhanced pulse animation for better attention-getting */
 	@keyframes elegant-pulse {
 		0%, 100% {
@@ -64,35 +16,35 @@
 	.animate-pulse {
 		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 	}
-`){constructor(){super(...arguments),this.color="primary",this.size="md",this.shape="pill",this.outlined=!1,this.icon="",this.pulse=!1}getSizeClasses(){switch(this.size){case"xs":return"text-xs py-0.75 px-1.5 gap-0.5 leading-none";case"sm":return"text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";case"lg":return"text-base py-2 px-4 gap-1 tracking-wide";default:return"text-sm py-1.5 px-3 gap-0.5"}}getShapeClasses(){switch(this.shape){case"square":return"rounded";case"rounded":return"rounded-md";default:return"rounded-full"}}getIconSize(){switch(this.size){case"xs":return"11px";case"sm":return"13px";case"lg":return"18px";default:return"15px"}}getExoticStyles(){const e={};return this.size==="lg"&&(e.letterSpacing="0.03em",e.fontWeight="500"),this.size==="sm"&&(e.letterSpacing="0.02em"),e}getColorStyles(){return{primary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.container} 92%, ${o.SchmancyTheme.sys.color.primary.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.primary.default:o.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.container} 95%, ${o.SchmancyTheme.sys.color.secondary.default} 5%)`,text:this.outlined?o.SchmancyTheme.sys.color.secondary.default:o.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.default} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 94%, ${o.SchmancyTheme.sys.color.tertiary.default} 6%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 88%, ${o.SchmancyTheme.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.container} 90%, ${o.SchmancyTheme.sys.color.success.default} 10%)`,text:this.outlined?o.SchmancyTheme.sys.color.success.default:o.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.default} 85%, ${o.SchmancyTheme.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 85%, ${o.SchmancyTheme.sys.color.tertiary.default} 15%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.container} 92%, ${o.SchmancyTheme.sys.color.error.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.error.default:o.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.default} 88%, ${o.SchmancyTheme.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.high} 95%, ${o.SchmancyTheme.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.on} 95%, ${o.SchmancyTheme.sys.color.surface.default} 5%)`:o.SchmancyTheme.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.outline} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0}}[this.color]}render(){const e=this.getSizeClasses(),t=this.getShapeClasses(),n=this.getColorStyles(),i=this.getIconSize(),c=this.getExoticStyles(),r={"inline-flex items-center justify-center font-medium":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size==="sm",shadow:!this.outlined&&this.size==="md","shadow-md":!this.outlined&&this.size==="lg"},h={borderColor:n.border,transition:"all 0.2s ease",...this.outlined?{backdropFilter:"blur(4px)",borderWidth:"1px"}:{},...this.size!=="lg"||this.outlined?{}:{boxShadow:"0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)"},...c};return l.html`
+`){constructor(){super(...arguments),this.color="primary",this.size="md",this.shape="pill",this.outlined=!1,this.icon="",this.pulse=!1}getSizeClasses(){switch(this.size){case"xs":return"text-xs py-0.75 px-1.5 gap-0.5 leading-none";case"sm":return"text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";case"lg":return"text-base py-2 px-4 gap-1 tracking-wide";default:return"text-sm py-1.5 px-3 gap-0.5"}}getShapeClasses(){switch(this.shape){case"square":return"rounded";case"rounded":return"rounded-md";default:return"rounded-full"}}getIconSize(){switch(this.size){case"xs":return"11px";case"sm":return"13px";case"lg":return"18px";default:return"15px"}}getExoticStyles(){const e={};return this.size==="lg"&&(e.letterSpacing="0.03em",e.fontWeight="500"),this.size==="sm"&&(e.letterSpacing="0.02em"),e}getColorStyles(){return{primary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.container} 92%, ${o.SchmancyTheme.sys.color.primary.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.primary.default:o.SchmancyTheme.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.primary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.container} 95%, ${o.SchmancyTheme.sys.color.secondary.default} 5%)`,text:this.outlined?o.SchmancyTheme.sys.color.secondary.default:o.SchmancyTheme.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.secondary.default} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 94%, ${o.SchmancyTheme.sys.color.tertiary.default} 6%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 88%, ${o.SchmancyTheme.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.container} 90%, ${o.SchmancyTheme.sys.color.success.default} 10%)`,text:this.outlined?o.SchmancyTheme.sys.color.success.default:o.SchmancyTheme.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.success.default} 85%, ${o.SchmancyTheme.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.container} 85%, ${o.SchmancyTheme.sys.color.tertiary.default} 15%)`,text:this.outlined?o.SchmancyTheme.sys.color.tertiary.default:o.SchmancyTheme.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.tertiary.default} 90%, ${o.SchmancyTheme.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.container} 92%, ${o.SchmancyTheme.sys.color.error.default} 8%)`,text:this.outlined?o.SchmancyTheme.sys.color.error.default:o.SchmancyTheme.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.error.default} 88%, ${o.SchmancyTheme.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?"transparent":`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.high} 95%, ${o.SchmancyTheme.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.surface.on} 95%, ${o.SchmancyTheme.sys.color.surface.default} 5%)`:o.SchmancyTheme.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.SchmancyTheme.sys.color.outline} 85%, ${o.SchmancyTheme.sys.color.surface.highest} 15%)`:void 0}}[this.color]}render(){const e=this.getSizeClasses(),t=this.getShapeClasses(),s=this.getColorStyles(),i=this.getIconSize(),c=this.getExoticStyles(),r={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size==="sm",shadow:!this.outlined&&this.size==="md","shadow-md":!this.outlined&&this.size==="lg","hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},h={borderColor:s.border,...this.outlined?{backdropFilter:"blur(4px)"}:{},...this.size!=="lg"||this.outlined?{}:{boxShadow:"0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)"},...c};return l.html`
 			<div
 				part="badge"
 				class="${this.classMap(r)}"
 				style="${this.styleMap(h)}"
-				${C.color({bgColor:n.bg,color:n.text})}
+				${C.color({bgColor:s.bg,color:s.text})}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
 					${this.icon?l.html`
-								<div part="icon" class="icon-container flex-shrink-0 flex items-center justify-center">
-									<schmancy-icon .size=${i} class="flex items-center">${this.icon}</schmancy-icon>
+								<div part="icon" class="flex-shrink-0 flex items-center justify-center leading-none">
+									<schmancy-icon .size=${i} class="flex items-center justify-center">${this.icon}</schmancy-icon>
 								</div>
 							`:""}
 				</slot>
 
-				<!-- Content -->
-				<div part="content" class="badge-content">
+				<!-- Content with proper spacing from icon -->
+				<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon?"ml-[0.38em]":""}">
 					<slot></slot>
 				</div>
 			</div>
-		`}},g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),g([a.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=g([a.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=g([a.customElement("sch-badge")],exports.ScBadgeV2);const V=new class{constructor(){this.$drawer=new s.Subject,this.lastComponent=null,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"?(e.ref.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:e.component,title:e.title},bubbles:!0,composed:!0}))):e.action==="push"&&this.handlePush(e.ref,e.component)})}dimiss(e){this.$drawer.next({action:"dismiss",ref:e})}render(e,t,n){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:n})}async handlePush(e,t){let n;if(typeof t=="string")n=document.createElement(t);else if(t instanceof HTMLElement)n=t;else{if(typeof t!="function")return;try{const i=await t();i&&typeof i=="object"&&"default"in i?n=new i.default:n=i instanceof HTMLElement?i:new i}catch{return}}this.lastComponent===n&&"requestUpdate"in n&&n.requestUpdate(),this.lastComponent=n,e.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:n},bubbles:!0,composed:!0}))}push(e){this.$drawer.next({action:"push",ref:window,component:e})}},q=d.n("push"),A=d.n("close"),P=d.n(Math.floor(Math.random()*Date.now()).toString()),M=d.n("100%"),k=d.n({});var L=Object.defineProperty,K=Object.getOwnPropertyDescriptor,w=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?K(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&L(t,n,r),r};exports.SchmancyContentDrawer=class extends b.$LitElement(l.css`
+		`}},g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"color",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"size",2),g([a.property({type:String,reflect:!0})],exports.SchmancyBadgeV2.prototype,"shape",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"outlined",2),g([a.property({type:String})],exports.SchmancyBadgeV2.prototype,"icon",2),g([a.property({type:Boolean,reflect:!0})],exports.SchmancyBadgeV2.prototype,"pulse",2),exports.SchmancyBadgeV2=g([a.customElement("schmancy-badge")],exports.SchmancyBadgeV2),exports.ScBadgeV2=class extends exports.SchmancyBadgeV2{},exports.ScBadgeV2=g([a.customElement("sch-badge")],exports.ScBadgeV2);const V=new class{constructor(){this.$drawer=new n.Subject,this.lastComponent=null,this.$drawer.pipe().subscribe(e=>{e.action==="dismiss"?e.ref.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"close"},bubbles:!0,composed:!0})):e.action==="render"?(e.ref.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:e.component,title:e.title},bubbles:!0,composed:!0}))):e.action==="push"&&this.handlePush(e.ref,e.component)})}dimiss(e){this.$drawer.next({action:"dismiss",ref:e})}render(e,t,s){e.dispatchEvent(new CustomEvent("custom-event")),this.$drawer.next({action:"render",ref:e,component:t,title:s})}async handlePush(e,t){let s;if(typeof t=="string")s=document.createElement(t);else if(t instanceof HTMLElement)s=t;else{if(typeof t!="function")return;try{const i=await t();i&&typeof i=="object"&&"default"in i?s=new i.default:s=i instanceof HTMLElement?i:new i}catch{return}}this.lastComponent===s&&"requestUpdate"in s&&s.requestUpdate(),this.lastComponent=s,e.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerToggle,{detail:{state:"open"},bubbles:!0,composed:!0})),e.dispatchEvent(new CustomEvent("schmancy-content-drawer-render",{detail:{component:s},bubbles:!0,composed:!0}))}push(e){this.$drawer.next({action:"push",ref:window,component:e})}},q=m.n("push"),j=m.n("close"),A=m.n(Math.floor(Math.random()*Date.now()).toString()),M=m.n("100%"),k=m.n({});var L=Object.defineProperty,K=Object.getOwnPropertyDescriptor,w=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?K(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&L(t,s,r),r};exports.SchmancyContentDrawer=class extends b.$LitElement(l.css`
 	:host {
 		position: relative;
 		inset: 0;
 		display: block;
 		overflow: hidden;
 	}
-`){constructor(){super(...arguments),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight="100%"}firstUpdated(){s.merge(s.fromEvent(window,"resize"),s.fromEvent(window,p.SchmancyEvents.ContentDrawerResize)).pipe(s.startWith(!0),s.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),s.map(e=>e>=this.minWidth.main+this.minWidth.sheet),s.debounceTime(100),s.tap(()=>{this.maxHeight=window.innerHeight-this.getOffsetTop(this)-32+"px",this.style.setProperty("max-height",this.maxHeight)}),s.distinctUntilChanged(),s.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),s.fromEvent(window,p.SchmancyEvents.ContentDrawerToggle).pipe(s.tap(e=>{e.stopPropagation()}),s.map(e=>e.detail.state),s.takeUntil(this.disconnecting)).subscribe(e=>{this.open=e}),s.fromEvent(window,"schmancy-content-drawer-render").pipe(s.tap(e=>{e.stopPropagation()}),s.map(e=>e.detail),s.takeUntil(this.disconnecting)).subscribe(({component:e,title:t})=>{this.mode==="push"?($.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),$.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&j.sheet.open({component:e,uid:this.schmancyContentDrawerID,title:t})})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?l.html`
+`){constructor(){super(...arguments),this.minWidth={main:360,sheet:576},this.schmancyContentDrawerID=Math.floor(Math.random()*Date.now()).toString(),this.maxHeight="100%"}firstUpdated(){n.merge(n.fromEvent(window,"resize"),n.fromEvent(window,p.SchmancyEvents.ContentDrawerResize)).pipe(n.startWith(!0),n.map(()=>this.clientWidth?this.clientWidth:window.innerWidth),n.map(e=>e>=this.minWidth.main+this.minWidth.sheet),n.debounceTime(100),n.tap(()=>{this.maxHeight=window.innerHeight-this.getOffsetTop(this)-32+"px",this.style.setProperty("max-height",this.maxHeight)}),n.distinctUntilChanged(),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,p.SchmancyEvents.ContentDrawerToggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.takeUntil(this.disconnecting)).subscribe(e=>{this.open=e}),n.fromEvent(window,"schmancy-content-drawer-render").pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail),n.takeUntil(this.disconnecting)).subscribe(({component:e,title:t})=>{this.mode==="push"?($.area.push({area:this.schmancyContentDrawerID,component:"empty",historyStrategy:"silent"}),$.area.push({area:this.schmancyContentDrawerID,component:e,historyStrategy:"silent"})):(this.mode="overlay")&&P.sheet.open({component:e,uid:this.schmancyContentDrawerID,title:t})})}getOffsetTop(e){let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t}render(){return this.mode&&this.open?l.html`
 			<schmancy-grid
 				cols=${this.mode==="overlay"?"1fr":"auto 1fr"}
 				rows="1fr"
@@ -102,7 +54,7 @@
 			>
 				<slot></slot>
 			</schmancy-grid>
-		`:l.nothing}},w([d.e({context:k})],exports.SchmancyContentDrawer.prototype,"minWidth",2),w([d.e({context:A}),a.property()],exports.SchmancyContentDrawer.prototype,"open",2),w([d.e({context:q}),a.state()],exports.SchmancyContentDrawer.prototype,"mode",2),w([d.e({context:P})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),w([d.e({context:M})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),w([a.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=w([a.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,S=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?F(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&Y(t,n,r),r};exports.SchmancyContentDrawerMain=class extends b.$LitElement(l.css`
+		`:l.nothing}},w([m.e({context:k})],exports.SchmancyContentDrawer.prototype,"minWidth",2),w([m.e({context:j}),a.property()],exports.SchmancyContentDrawer.prototype,"open",2),w([m.e({context:q}),a.state()],exports.SchmancyContentDrawer.prototype,"mode",2),w([m.e({context:A})],exports.SchmancyContentDrawer.prototype,"schmancyContentDrawerID",2),w([m.e({context:M})],exports.SchmancyContentDrawer.prototype,"maxHeight",2),w([a.queryAssignedElements({flatten:!0})],exports.SchmancyContentDrawer.prototype,"assignedElements",2),exports.SchmancyContentDrawer=w([a.customElement("schmancy-content-drawer")],exports.SchmancyContentDrawer);var Y=Object.defineProperty,F=Object.getOwnPropertyDescriptor,f=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?F(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&Y(t,s,r),r};exports.SchmancyContentDrawerMain=class extends b.$LitElement(l.css`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -123,17 +75,17 @@
 				</schmancy-grid>
 				${W.when(this.mode==="push",()=>l.html` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
-		`}},S([a.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),S([m.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),S([m.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),S([m.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=S([a.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var G=Object.defineProperty,J=Object.getOwnPropertyDescriptor,y=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?J(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&G(t,n,r),r};exports.SchmancyContentDrawerSheet=class extends b.$LitElement(l.css`
+		`}},f([a.property({type:Number})],exports.SchmancyContentDrawerMain.prototype,"minWidth",2),f([d.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerMain.prototype,"drawerMinWidth",2),f([d.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"mode",2),f([d.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerMain.prototype,"maxHeight",2),exports.SchmancyContentDrawerMain=f([a.customElement("schmancy-content-drawer-main")],exports.SchmancyContentDrawerMain);var G=Object.defineProperty,J=Object.getOwnPropertyDescriptor,y=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?J(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&G(t,s,r),r};exports.SchmancyContentDrawerSheet=class extends b.$LitElement(l.css`
 	:host {
 		overflow: scroll;
 	}
-`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has("minWidth")&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has("state")||e.has("mode"))&&(this.mode==="overlay"?this.state==="close"?this.closeAll():this.state:this.mode==="push"&&(j.sheet.dismiss(this.schmancyContentDrawerID),this.state==="close"?this.closeAll():this.state==="open"&&this.open()))}open(){this.mode==="overlay"?this.sheet.style.position="fixed":this.sheet.style.position="relative",this.sheet.style.display="block",this.sheet.animate([{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"})}closeAll(){s.merge(s.from(this.closeModalSheet()),s.from(this.closeSheet())).pipe(s.takeUntil(this.disconnecting)).subscribe()}closeModalSheet(){return s.of(!0).pipe(s.tap(()=>j.sheet.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new s.Observable(e=>{this.sheet.animate([{opacity:1,transform:"translateX(0%)"},{opacity:1,transform:"translateX(100%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}).onfinish=()=>{this.sheet.style.display="none",e.next(),e.complete()}})}render(){const e={block:this.mode==="push","absolute z-50":this.mode==="overlay","opacity-1":this.mode==="overlay"&&this.state==="open"},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
+`){connectedCallback(){super.connectedCallback(),this.minWidth?this.drawerMinWidth.sheet=this.minWidth:this.minWidth=this.drawerMinWidth.sheet}updated(e){super.updated(e),e.has("minWidth")&&this.minWidth?(this.drawerMinWidth.sheet=this.minWidth,this.dispatchEvent(new CustomEvent(p.SchmancyEvents.ContentDrawerResize,{bubbles:!0,composed:!0}))):(e.has("state")||e.has("mode"))&&(this.mode==="overlay"?this.state==="close"?this.closeAll():this.state:this.mode==="push"&&(P.sheet.dismiss(this.schmancyContentDrawerID),this.state==="close"?this.closeAll():this.state==="open"&&this.open()))}open(){this.mode==="overlay"?this.sheet.style.position="fixed":this.sheet.style.position="relative",this.sheet.style.display="block",this.sheet.animate([{opacity:0,transform:"translateX(100%)"},{opacity:1,transform:"translateX(0%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"})}closeAll(){n.merge(n.from(this.closeModalSheet()),n.from(this.closeSheet())).pipe(n.takeUntil(this.disconnecting)).subscribe()}closeModalSheet(){return n.of(!0).pipe(n.tap(()=>P.sheet.dismiss(this.schmancyContentDrawerID)))}closeSheet(){return new n.Observable(e=>{this.sheet.animate([{opacity:1,transform:"translateX(0%)"},{opacity:1,transform:"translateX(100%)"}],{duration:500,easing:"cubic-bezier(0.5, 0.01, 0.25, 1)"}).onfinish=()=>{this.sheet.style.display="none",e.next(),e.complete()}})}render(){const e={block:this.mode==="push","absolute z-50":this.mode==="overlay","opacity-1":this.mode==="overlay"&&this.state==="open"},t={minWidth:`${this.minWidth}px`,maxHeight:this.maxHeight};return l.html`
 			<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
 				<schmancy-area name="${this.schmancyContentDrawerID}">
 					<slot name="placeholder"></slot>
 				</schmancy-area>
 			</section>
-		`}},y([a.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),y([m.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),y([m.c({context:A,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),y([m.c({context:P})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),y([a.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),y([a.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),y([m.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),y([m.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=y([a.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const H=new class{constructor(){this.$drawer=new s.Subject,this.$drawer.pipe(s.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},Q=H,O=d.n("push"),z=d.n("close");var Z=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,D=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?ee(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&Z(t,n,r),r};exports.SchmancyDrawerAppbar=class extends _.TailwindElement(l.css`
+		`}},y([a.property({type:Number})],exports.SchmancyContentDrawerSheet.prototype,"minWidth",2),y([d.c({context:q,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"mode",2),y([d.c({context:j,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"state",2),y([d.c({context:A})],exports.SchmancyContentDrawerSheet.prototype,"schmancyContentDrawerID",2),y([a.query("#sheet")],exports.SchmancyContentDrawerSheet.prototype,"sheet",2),y([a.queryAssignedElements({flatten:!0,slot:void 0})],exports.SchmancyContentDrawerSheet.prototype,"defaultSlot",2),y([d.c({context:k,subscribe:!0})],exports.SchmancyContentDrawerSheet.prototype,"drawerMinWidth",2),y([d.c({context:M,subscribe:!0}),a.state()],exports.SchmancyContentDrawerSheet.prototype,"maxHeight",2),exports.SchmancyContentDrawerSheet=y([a.customElement("schmancy-content-drawer-sheet")],exports.SchmancyContentDrawerSheet);const H=new class{constructor(){this.$drawer=new n.Subject,this.$drawer.pipe(n.debounceTime(10)).subscribe(e=>{e.state?window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"open"},bubbles:!0,composed:!0})):window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))})}open(e){this.$drawer.next({self:e,state:!0})}close(e){this.$drawer.next({self:e,state:!1})}},Q=H,O=m.n("push"),z=m.n("close");var Z=Object.defineProperty,ee=Object.getOwnPropertyDescriptor,D=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ee(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&Z(t,s,r),r};exports.SchmancyDrawerAppbar=class extends _.TailwindElement(l.css`
 	:host {
 		display: block;
 	}
@@ -151,14 +103,14 @@
 
 				<slot> </slot>
 			</div>
-		`}},D([m.c({context:O,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),D([m.c({context:z,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),D([a.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=D([a.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var te=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends b.$LitElement(l.css`
+		`}},D([d.c({context:O,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarMode",2),D([d.c({context:z,subscribe:!0}),a.state()],exports.SchmancyDrawerAppbar.prototype,"sidebarOpen",2),D([a.property({type:Boolean})],exports.SchmancyDrawerAppbar.prototype,"toggler",2),exports.SchmancyDrawerAppbar=D([a.customElement("schmancy-nav-drawer-appbar")],exports.SchmancyDrawerAppbar);var te=Object.getOwnPropertyDescriptor;exports.SchmancyNavigationDrawerContent=class extends b.$LitElement(l.css`
 	:host {
 		display: block;
 		position: relative;
 		inset: 0;
 		overflow-y: auto;
 	}
-`){connectedCallback(){super.connectedCallback(),s.fromEvent(this,"scroll").pipe(s.takeUntil(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent("scroll",{detail:e,bubbles:!0,composed:!0}))})}render(){return l.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,n,i)=>{for(var c,r=i>1?void 0:i?te(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([a.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var re=Object.defineProperty,ne=Object.getOwnPropertyDescriptor,v=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?ne(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&re(t,n,r),r};exports.SchmancyNavigationDrawer=class extends b.$LitElement(l.css`
+`){connectedCallback(){super.connectedCallback(),n.fromEvent(this,"scroll").pipe(n.takeUntil(this.disconnecting)).subscribe(e=>{this.parentElement.dispatchEvent(new CustomEvent("scroll",{detail:e,bubbles:!0,composed:!0}))})}render(){return l.html` <slot></slot> `}},exports.SchmancyNavigationDrawerContent=((e,t,s,i)=>{for(var c,r=i>1?void 0:i?te(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=c(r)||r);return r})([a.customElement("schmancy-nav-drawer-content")],exports.SchmancyNavigationDrawerContent);var re=Object.defineProperty,se=Object.getOwnPropertyDescriptor,S=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?se(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&re(t,s,r),r};exports.SchmancyNavigationDrawer=class extends b.$LitElement(l.css`
 	:host {
 		display: flex;
 		flex-grow: 1;
@@ -170,7 +122,7 @@
 	:host([data-ready]) {
 		visibility: visible;
 	}
-`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md",this._initialized=!1}firstUpdated(){this.updateState(window.innerWidth),this._initialized=!0,this.setAttribute("data-ready",""),s.fromEvent(window,"resize").pipe(s.map(e=>e.target.innerWidth),s.map(e=>e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),s.distinctUntilChanged(),s.debounceTime(100),s.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),s.fromEvent(window,p.SchmancyEvents.NavDrawer_toggle).pipe(s.tap(e=>{e.stopPropagation()}),s.map(e=>e.detail.state),s.distinctUntilChanged(),s.takeUntil(this.disconnecting),s.debounceTime(10)).subscribe(e=>{this.mode==="push"&&e==="close"||(this.open=e)})}updateState(e){const t=e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint];this.mode=t?"push":"overlay",this.open=t?"open":"close"}render(){return this._initialized?l.html`
+`){constructor(){super(...arguments),this.fullscreen=!1,this.breakpoint="md",this._initialized=!1}firstUpdated(){this.updateState(window.innerWidth),this._initialized=!0,this.setAttribute("data-ready",""),n.fromEvent(window,"resize").pipe(n.map(e=>e.target.innerWidth),n.map(e=>e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint]),n.distinctUntilChanged(),n.debounceTime(100),n.takeUntil(this.disconnecting)).subscribe(e=>{e?(this.mode="push",this.open="open"):(this.mode="overlay",this.open="close")}),n.fromEvent(window,p.SchmancyEvents.NavDrawer_toggle).pipe(n.tap(e=>{e.stopPropagation()}),n.map(e=>e.detail.state),n.distinctUntilChanged(),n.takeUntil(this.disconnecting),n.debounceTime(10)).subscribe(e=>{this.mode==="push"&&e==="close"||(this.open=e)})}updateState(e){const t=e>=exports.SchmancyNavigationDrawer.BREAKPOINTS[this.breakpoint];this.mode=t?"push":"overlay",this.open=t?"open":"close"}render(){return this._initialized?l.html`
 			<schmancy-grid
 				cols=${this.fullscreen?"1fr":"auto 1fr"}
 				rows="1fr"
@@ -181,7 +133,7 @@
 			>
 				<slot></slot>
 			</schmancy-grid>
-		`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},v([a.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),v([a.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),v([d.e({context:O}),a.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),v([d.e({context:z}),a.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),v([a.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=v([a.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var se=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,f=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?ie(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&se(t,n,r),r};const E="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends b.$LitElement(){constructor(){super(...arguments),this.width="320px",this._initialized=!1}firstUpdated(){this.mode==="overlay"?this.drawerState==="close"?(this.nav.style.transform="translateX(-100%)",this.overlay.style.display="none"):this.drawerState==="open"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="block",this.overlay.style.opacity="0.4"):this.mode==="push"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="none"),this._initialized=!0}updated(e){this._initialized&&(e.has("drawerState")||e.has("mode"))&&(this.mode==="overlay"?this.drawerState==="open"?this.nav.style.transform!=="translateX(0)"&&(this.openOverlay(),this.showNavDrawer()):this.drawerState==="close"&&this.nav.style.transform!=="translateX(-100%)"&&(this.hideNavDrawer(),this.closeOverlay()):this.mode==="push"&&(this.nav.style.transform!=="translateX(0)"&&this.showNavDrawer(),this.overlay.style.display!=="none"&&this.closeOverlay()))}openOverlay(){this.overlay.style.display="block",this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:E,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:E,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))}render(){const e={"p-[16px] max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode==="push","fixed inset-0 z-50":this.mode==="overlay"},t={width:this.width};return l.html`
+		`:l.nothing}},exports.SchmancyNavigationDrawer.BREAKPOINTS={sm:640,md:768,lg:1024,xl:1280},S([a.property({type:Boolean})],exports.SchmancyNavigationDrawer.prototype,"fullscreen",2),S([a.property({type:String,attribute:"breakpoint"})],exports.SchmancyNavigationDrawer.prototype,"breakpoint",2),S([m.e({context:O}),a.state()],exports.SchmancyNavigationDrawer.prototype,"mode",2),S([m.e({context:z}),a.property()],exports.SchmancyNavigationDrawer.prototype,"open",2),S([a.state()],exports.SchmancyNavigationDrawer.prototype,"_initialized",2),exports.SchmancyNavigationDrawer=S([a.customElement("schmancy-nav-drawer")],exports.SchmancyNavigationDrawer);var ne=Object.defineProperty,ie=Object.getOwnPropertyDescriptor,v=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ie(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&ne(t,s,r),r};const E="cubic-bezier(0.5, 0.01, 0.25, 1)";exports.SchmancyNavigationDrawerSidebar=class extends b.$LitElement(){constructor(){super(...arguments),this.width="320px",this._initialized=!1}firstUpdated(){this.mode==="overlay"?this.drawerState==="close"?(this.nav.style.transform="translateX(-100%)",this.overlay.style.display="none"):this.drawerState==="open"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="block",this.overlay.style.opacity="0.4"):this.mode==="push"&&(this.nav.style.transform="translateX(0)",this.overlay.style.display="none"),this._initialized=!0}updated(e){this._initialized&&(e.has("drawerState")||e.has("mode"))&&(this.mode==="overlay"?this.drawerState==="open"?this.nav.style.transform!=="translateX(0)"&&(this.openOverlay(),this.showNavDrawer()):this.drawerState==="close"&&this.nav.style.transform!=="translateX(-100%)"&&(this.hideNavDrawer(),this.closeOverlay()):this.mode==="push"&&(this.nav.style.transform!=="translateX(0)"&&this.showNavDrawer(),this.overlay.style.display!=="none"&&this.closeOverlay()))}openOverlay(){this.overlay.style.display="block",this.overlay.animate([{opacity:0},{opacity:.4}],{duration:200,easing:E,fill:"forwards"})}closeOverlay(){this.overlay.animate([{opacity:.4},{opacity:0}],{duration:150,easing:E,fill:"forwards"}).onfinish=()=>{this.overlay.style.display="none"}}showNavDrawer(){this.nav.animate([{transform:"translateX(-100%)"},{transform:"translateX(0)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(0)"}}hideNavDrawer(){this.nav.animate([{transform:"translateX(0)"},{transform:"translateX(-100%)"}],{duration:200,easing:E,fill:"forwards"}).onfinish=()=>{this.nav.style.transform="translateX(-100%)"}}handleOverlayClick(){window.dispatchEvent(new CustomEvent(p.SchmancyEvents.NavDrawer_toggle,{detail:{state:"close"},bubbles:!0,composed:!0}))}render(){const e={"p-[16px] max-w-[360px] w-fit h-full overflow-auto":!0,block:this.mode==="push","fixed inset-0 z-50":this.mode==="overlay"},t={width:this.width};return l.html`
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({...e})}"
@@ -195,11 +147,11 @@
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
 			></div>
-		`}},f([m.c({context:O,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),f([m.c({context:z,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),f([a.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),f([a.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),f([a.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),f([a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=f([a.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const I="whereAreYouRicky",B="hereMorty",x=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new s.Subject,this.find=e=>s.zip([s.fromEvent(window,B).pipe(s.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),s.map(t=>t.detail.component),s.take(1)),s.of(e).pipe(s.tap(()=>{window.dispatchEvent(new CustomEvent(I,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(s.map(([t])=>t),s.timeout(0)),this.flip=e=>{const{from:t,to:n}=e,i=n.element.style.zIndex;n.element.style.transformOrigin="top left",n.element.style.setProperty("visibility","visible"),n.element.style.zIndex="1000";const c=[{transform:`translate(${t.rect.left-n.rect.left}px, ${t.rect.top-n.rect.top}px) scale(${t.rect.width/n.rect.width}, ${t.rect.height/n.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];n.element.animate(c,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{n.element.style.zIndex=i,n.element.style.transformOrigin=""}},this.flipRequests.pipe(s.bufferTime(1),s.map(e=>e.map(({from:t,to:n,host:i},c)=>({from:t,to:n,host:i,i:c}))),s.concatMap(e=>s.zip(e.map(t=>s.of(this.flip(t)))))).subscribe()}};function U(e){return s.interval(50).pipe(N.map(()=>e.getBoundingClientRect()),N.distinctUntilChanged((t,n)=>t.width===n.width&&t.height===n.height&&t.top===n.top&&t.right===n.right&&t.bottom===n.bottom&&t.left===n.left),N.take(1))}var oe=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,T=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?ae(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&oe(t,n,r),r};exports.SchmancyTeleportation=class extends b.$LitElement(l.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),s.merge(s.fromEvent(window,$.FINDING_MORTIES).pipe(s.tap({next:()=>{this.dispatchEvent(new CustomEvent($.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),s.fromEvent(window,I).pipe(s.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(B,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(s.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){s.of(x.activeTeleportations.get(this.id)).pipe(s.filter(e=>!!e),s.takeUntil(this.disconnecting),s.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),U(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:t=>{x.activeTeleportations.set(this.id,t),x.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),U(this).pipe(s.takeUntil(this.disconnecting)).subscribe({next:e=>{x.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},T([a.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),T([a.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),T([a.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=T([a.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,u=(e,t,n,i)=>{for(var c,r=i>1?void 0:i?he(t,n):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,n,r):c(r))||r);return i&&r&&ce(t,n,r),r};exports.SchmancyAvatar=class extends b.$LitElement(){constructor(){super(...arguments),this.initials="",this.src="",this.icon="",this.size="md",this.color="primary",this.shape="circle",this.bordered=!1,this.status="none"}render(){let e;e=this.src?l.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?l.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?l.html`<schmancy-icon>${this.icon}</schmancy-icon>`:l.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-sm",md:"w-10 h-10 text-base",lg:"w-12 h-12 text-lg",xl:"w-16 h-16 text-xl"}[this.size]]:!0,[{circle:"rounded-full",square:"rounded-md"}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},n=this.getColorAttributes();return l.html`
-			<div class="${this.classMap(t)}" ${n}>
+		`}},v([d.c({context:O,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"mode",2),v([d.c({context:z,subscribe:!0}),a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"drawerState",2),v([a.query("#overlay")],exports.SchmancyNavigationDrawerSidebar.prototype,"overlay",2),v([a.query("nav")],exports.SchmancyNavigationDrawerSidebar.prototype,"nav",2),v([a.property({type:String})],exports.SchmancyNavigationDrawerSidebar.prototype,"width",2),v([a.state()],exports.SchmancyNavigationDrawerSidebar.prototype,"_initialized",2),exports.SchmancyNavigationDrawerSidebar=v([a.customElement("schmancy-nav-drawer-navbar")],exports.SchmancyNavigationDrawerSidebar);const I="whereAreYouRicky",B="hereMorty",x=new class{constructor(){this.activeTeleportations=new Map,this.flipRequests=new n.Subject,this.find=e=>n.zip([n.fromEvent(window,B).pipe(n.filter(t=>!!t.detail.component.uuid&&!!e.id&&t.detail.component.id===e.id&&t.detail.component.uuid!==e.uuid),n.map(t=>t.detail.component),n.take(1)),n.of(e).pipe(n.tap(()=>{window.dispatchEvent(new CustomEvent(I,{detail:{id:e.id,callerID:e.uuid}}))}))]).pipe(n.map(([t])=>t),n.timeout(0)),this.flip=e=>{const{from:t,to:s}=e,i=s.element.style.zIndex;s.element.style.transformOrigin="top left",s.element.style.setProperty("visibility","visible"),s.element.style.zIndex="1000";const c=[{transform:`translate(${t.rect.left-s.rect.left}px, ${t.rect.top-s.rect.top}px) scale(${t.rect.width/s.rect.width}, ${t.rect.height/s.rect.height})`},{transform:"translate(0, 0) scale(1, 1)"}];s.element.animate(c,{duration:250,delay:10,easing:"cubic-bezier(0.455, 0.03, 0.515, 0.955)"}).onfinish=()=>{s.element.style.zIndex=i,s.element.style.transformOrigin=""}},this.flipRequests.pipe(n.bufferTime(1),n.map(e=>e.map(({from:t,to:s,host:i},c)=>({from:t,to:s,host:i,i:c}))),n.concatMap(e=>n.zip(e.map(t=>n.of(this.flip(t)))))).subscribe()}};function U(e){return n.interval(50).pipe(N.map(()=>e.getBoundingClientRect()),N.distinctUntilChanged((t,s)=>t.width===s.width&&t.height===s.height&&t.top===s.top&&t.right===s.right&&t.bottom===s.bottom&&t.left===s.left),N.take(1))}var oe=Object.defineProperty,ae=Object.getOwnPropertyDescriptor,T=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?ae(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&oe(t,s,r),r};exports.SchmancyTeleportation=class extends b.$LitElement(l.css``){constructor(){super(...arguments),this.uuid=Math.floor(Math.random()*Date.now()),this.delay=0,this.debugging=!1}get _slottedChildren(){return this.shadowRoot.querySelector("slot").assignedElements({flatten:!0})}connectedCallback(){if(this.id===void 0)throw new Error("id is required");super.connectedCallback(),n.merge(n.fromEvent(window,$.FINDING_MORTIES).pipe(n.tap({next:()=>{this.dispatchEvent(new CustomEvent($.HERE_RICKY,{detail:{component:this},bubbles:!0,composed:!0}))}})),n.fromEvent(window,I).pipe(n.tap({next:e=>{e.detail.id===this.id&&this.uuid&&e.detail.callerID!==this.uuid&&this.dispatchEvent(new CustomEvent(B,{detail:{component:this},bubbles:!0,composed:!0}))}}))).pipe(n.takeUntil(this.disconnecting)).subscribe()}async firstUpdated(){n.of(x.activeTeleportations.get(this.id)).pipe(n.filter(e=>!!e),n.takeUntil(this.disconnecting),n.throwIfEmpty()).subscribe({next:e=>{this.style.setProperty("visibility","hidden"),U(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:t=>{x.activeTeleportations.set(this.id,t),x.flipRequests.next({from:{rect:e},to:{rect:t,element:this._slottedChildren[0]},host:this})}})},error:()=>{this.style.setProperty("visibility","visible"),U(this).pipe(n.takeUntil(this.disconnecting)).subscribe({next:e=>{x.activeTeleportations.set(this.id,e)}})},complete:()=>{}})}render(){return l.html`<slot></slot>`}},T([a.property({type:Number,reflect:!0})],exports.SchmancyTeleportation.prototype,"uuid",2),T([a.property({type:String})],exports.SchmancyTeleportation.prototype,"id",2),T([a.property({type:Number})],exports.SchmancyTeleportation.prototype,"delay",2),exports.SchmancyTeleportation=T([a.customElement("schmancy-teleport")],exports.SchmancyTeleportation);var ce=Object.defineProperty,he=Object.getOwnPropertyDescriptor,u=(e,t,s,i)=>{for(var c,r=i>1?void 0:i?he(t,s):t,h=e.length-1;h>=0;h--)(c=e[h])&&(r=(i?c(t,s,r):c(r))||r);return i&&r&&ce(t,s,r),r};exports.SchmancyAvatar=class extends b.$LitElement(){constructor(){super(...arguments),this.initials="",this.src="",this.icon="",this.size="md",this.color="primary",this.shape="circle",this.bordered=!1,this.status="none"}render(){let e;e=this.src?l.html`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />`:this.initials?l.html`<span class="text-center font-medium">${this.initials.substring(0,2).toUpperCase()}</span>`:this.icon?l.html`<schmancy-icon>${this.icon}</schmancy-icon>`:l.html`<schmancy-icon>person</schmancy-icon>`;const t={"relative flex items-center justify-center overflow-hidden":!0,[{xs:"w-6 h-6 text-xs",sm:"w-8 h-8 text-sm",md:"w-10 h-10 text-base",lg:"w-12 h-12 text-lg",xl:"w-16 h-16 text-xl"}[this.size]]:!0,[{circle:"rounded-full",square:"rounded-md"}[this.shape]]:!0,"border-2 border-surface-container":this.bordered},s=this.getColorAttributes();return l.html`
+			<div class="${this.classMap(t)}" ${s}>
 				${e} ${this.status!=="none"?this.renderStatusIndicator():""}
 			</div>
 		`}getColorAttributes(){const e={primary:{bgColor:o.SchmancyTheme.sys.color.primary.container,color:o.SchmancyTheme.sys.color.primary.onContainer},secondary:{bgColor:o.SchmancyTheme.sys.color.secondary.container,color:o.SchmancyTheme.sys.color.secondary.onContainer},tertiary:{bgColor:o.SchmancyTheme.sys.color.tertiary.container,color:o.SchmancyTheme.sys.color.tertiary.onContainer},success:{bgColor:o.SchmancyTheme.sys.color.success.container,color:o.SchmancyTheme.sys.color.success.onContainer},error:{bgColor:o.SchmancyTheme.sys.color.error.container,color:o.SchmancyTheme.sys.color.error.onContainer},neutral:{bgColor:o.SchmancyTheme.sys.color.surface.container,color:o.SchmancyTheme.sys.color.surface.on}};return C.color(e[this.color])}renderStatusIndicator(){const e={online:o.SchmancyTheme.sys.color.success.default,offline:o.SchmancyTheme.sys.color.surface.onVariant,busy:o.SchmancyTheme.sys.color.error.default,away:o.SchmancyTheme.sys.color.tertiary.default},t={"absolute bottom-0 right-0 rounded-full border-2 border-surface-default":!0,[{xs:"w-1.5 h-1.5",sm:"w-2 h-2",md:"w-2.5 h-2.5",lg:"w-3 h-3",xl:"w-4 h-4"}[this.size]]:!0};return l.html`
 			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
-		`}},u([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=B,exports.SchmancyContentDrawerID=P,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=k,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=A,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=I,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=H,exports.teleport=x;
-//# sourceMappingURL=avatar-C8PC_n9i.cjs.map
+		`}},u([a.property({type:String})],exports.SchmancyAvatar.prototype,"initials",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"src",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"icon",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"size",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"color",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"shape",2),u([a.property({type:Boolean})],exports.SchmancyAvatar.prototype,"bordered",2),u([a.property({type:String})],exports.SchmancyAvatar.prototype,"status",2),exports.SchmancyAvatar=u([a.customElement("schmancy-avatar")],exports.SchmancyAvatar),exports.$drawer=Q,exports.HereMorty=B,exports.SchmancyContentDrawerID=A,exports.SchmancyContentDrawerMaxHeight=M,exports.SchmancyContentDrawerMinWidth=k,exports.SchmancyContentDrawerSheetMode=q,exports.SchmancyContentDrawerSheetState=j,exports.SchmancyDrawerNavbarMode=O,exports.SchmancyDrawerNavbarState=z,exports.WhereAreYouRicky=I,exports.schmancyContentDrawer=V,exports.schmancyNavDrawer=H,exports.teleport=x;
+//# sourceMappingURL=avatar-UnP-o7T9.cjs.map