@mhmo91/schmancy 0.4.92 → 0.4.93

package/dist/avatar-CH-EctMv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-CH-EctMv.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/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { a as e, S } from "./avatar-CKp3Ukk4.js";
+import { a as e, S } from "./avatar-CH-EctMv.js";
 export {
   e as ScBadgeV2,
   S as SchmancyBadgeV2

package/dist/{boat-Ddi4PegB.cjs → boat-feSRWu7P.cjs}

@@ -1,4 +1,4 @@
-"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-B-VcpMHn.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
+"use strict";const n=require("lit"),c=require("lit/decorators.js"),m=require("lit/directives/when.js"),d=require("./tailwind.mixin-O9jmUJ7m.cjs");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(a,t,i,s)=>{for(var r,e=s>1?void 0:s?p(t,i):t,o=a.length-1;o>=0;o--)(r=a[o])&&(e=(s?r(t,i,e):r(e))||e);return s&&e&&h(t,i,e),e};exports.SchmancyBoat=class extends d.TailwindElement(n.css`
     @media (min-width: 1024px) {
         .translate-y-full-minus-64 {
             /* translate to left 0 */
@@ -67,4 +67,4 @@
                 </schmancy-surface>
             </div>
         `}},l([c.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",2),exports.SchmancyBoat=l([c.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-Ddi4PegB.cjs.map
+//# sourceMappingURL=boat-feSRWu7P.cjs.map

package/dist/{boat-Ddi4PegB.cjs.map → boat-feSRWu7P.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-Ddi4PegB.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}
+{"version":3,"file":"boat-feSRWu7P.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","render","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":"kVAQqBA,QAAAA,aAArB,cAA0CC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAA1D,aAAAC,CAAAC,SAAAC,SAAAA,EAiCIC,KAAAC,MAAmB,QAAA,CAEnB,aAAAC,CACIF,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,WACAC,SAAAA,EAAU,CAAA,CAAA,CAGtB,CAEU,QAAAC,CACN,MAAMC,EAAU,CACZ,kMAAA,GAEA,4BAA6BT,KAAKC,QAAU,YAC5C,mBAAoBD,KAAKC,QAAU,SACnC,gBAAiBD,KAAKC,QAAU,UAAVA,EAE1B,OAAOS,EAAAA;AAAAA,0BACWV,KAAKW,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,IAAA,CACLT,KAAKC,MAAQD,KAAKC,QAAU,YAAc,WAAa,YACvDD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAK,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,gBAAAA,EACFd,KAAKE,YAAAA,CAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,QAAU,YAAc,SAAW,UAAA;AAAA;AAAA,sCAE9Cc,EAAAA,KACEf,KAAKC,QAAU,YACf,IAAMS,EAAAA,aACN,IAAMA,EAAAA,cAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,GAAAA,CACNA,EAAEC,eAAAA,EACFD,EAAEE,kBACFd,KAAKC,MAAQ,SACbD,KAAKG,cACD,IAAIC,YAAY,SAAU,CACtBC,OAAQL,KAAKC,MACbK,QAAAA,GACAC,SAAAA,EAAU,CAAA,CAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,QAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA,SAK7C,CAAA,EA1FAe,EAAA,CAJCC,WAAS,CACNC,KAAMC,OACNC,UAAS,CAAA,CAAA,EA/BI1B,qBAiCjB2B,UAAA,QAAA,GAjCiB3B,QAAAA,aAArBsB,EAAA,CADCM,EAAAA,cAAc,eAAA,CAAA,EACM5B"}

package/dist/{boat-DDJK4CS4.js → boat-xekVVZab.js}

@@ -1,7 +1,7 @@
 import { css as m, html as o } from "lit";
 import { property as d, customElement as p } from "lit/decorators.js";
 import { when as h } from "lit/directives/when.js";
-import { T as f } from "./tailwind.mixin-Cwbr8x57.js";
+import { T as f } from "./tailwind.mixin-C13RR5x6.js";
 var u = Object.defineProperty, v = Object.getOwnPropertyDescriptor, c = (a, t, i, s) => {
   for (var n, e = s > 1 ? void 0 : s ? v(t, i) : t, r = a.length - 1; r >= 0; r--) (n = a[r]) && (e = (s ? n(t, i, e) : n(e)) || e);
   return s && e && u(t, i, e), e;
@@ -96,4 +96,4 @@ c([d({ type: String, reflect: !0 })], l.prototype, "state", 2), l = c([p("schman
 export {
   l as S
 };
-//# sourceMappingURL=boat-DDJK4CS4.js.map
+//# sourceMappingURL=boat-xekVVZab.js.map

package/dist/{boat-DDJK4CS4.js.map → boat-xekVVZab.js.map}

@@ -1 +1 @@
-{"version":3,"file":"boat-DDJK4CS4.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}
+{"version":3,"file":"boat-xekVVZab.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n    @media (min-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n    @media (max-width: 1024px) {\n        .translate-y-full-minus-64 {\n            /* translate to left 0 */\n            transform: translateY(calc(100% - 64px)) !important;\n        }\n    }\n\n    .translate-y-full-minus-64 {\n        transform: translateY(calc(100% - 64px)) !important;\n        -webkit-transform: translateY(calc(100% - 64px)) !important;\n    }\n\n    .translate-y-full {\n        transform: translateY(100%) !important;\n        -webkit-transform: translateY(100%) !important;\n    }\n\n    .translate-y-0 {\n        transform: translateY(0) !important;\n        -webkit-transform: translateY(0) !important;\n    }\n`) {\n    @property({\n        type: String,\n        reflect: true,\n    })\n    state: BoatState = 'hidden'\n\n    toggleState() {\n        this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n        this.dispatchEvent(\n            new CustomEvent('change', {\n                detail: this.state,\n                bubbles: true,\n                composed: true,\n            }),\n        )\n    }\n\n    protected render(): unknown {\n        const classes = {\n            'shadow-2xl h-auto z-[100] w-[100vw] md:w-[70vw] lg:w-[60vw] xl:w-[40vw] max-h-[80vh] fixed bottom-0 right-0 transition-all duration-300 ease-in-out transform-gpu overflow-y-auto flex flex-col':\n                true,\n            'translate-y-full-minus-64': this.state === 'minimized',\n            'translate-y-full': this.state === 'hidden',\n            'translate-y-0': this.state === 'expanded',\n        }\n        return html`\n            <div class=\"${this.classMap(classes)}\">\n                <section class=\"sticky top-0 z-10\">\n                    <schmancy-surface\n                        elevation=\"4\"\n                        class=\"cursor-pointer\"\n                        @click=${() => {\n                            this.state = this.state === 'minimized' ? 'expanded' : 'minimized'\n                            this.dispatchEvent(\n                                new CustomEvent('change', {\n                                    detail: this.state,\n                                    bubbles: true,\n                                    composed: true,\n                                }),\n                            )\n                        }}\n                        rounded=\"top\"\n                        elevation=\"1\"\n                        type=\"containerLowest\"\n                    >\n                        <div class=\"sticky top-0 px-4 py-3 flex items-center justify-between gap-4\">\n                            <div class=\"flex-1 flex items-center\">\n                                <slot name=\"header\"></slot>\n                            </div>\n\n                            <div class=\"flex items-center gap-2\">\n                                <schmancy-icon-button\n                                    variant=\"filled tonal\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.toggleState()\n                                    }}\n                                    title=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n                                >\n                                    ${when(\n                                        this.state === 'minimized',\n                                        () => html`expand`,\n                                        () => html`minimize`,\n                                    )}\n                                </schmancy-icon-button>\n                                \n                                <schmancy-icon-button\n                                    variant=\"text\"\n                                    @click=${(e: Event) => {\n                                        e.preventDefault()\n                                        e.stopPropagation()\n                                        this.state = 'hidden'\n                                        this.dispatchEvent(\n                                            new CustomEvent('change', {\n                                                detail: this.state,\n                                                bubbles: true,\n                                                composed: true,\n                                            }),\n                                        )\n                                    }}\n                                    title=\"Close\"\n                                >\n                                    close\n                                </schmancy-icon-button>\n                            </div>\n                        </div>\n                    </schmancy-surface>\n                </section>\n                <schmancy-surface .hidden=${this.state !== 'expanded'} type=\"containerLow\" class=\"z-0 flex-1\">\n                    <slot></slot>\n                </schmancy-surface>\n            </div>\n        `\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'schmancy-boat': SchmancyBoat\n    }\n}"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","toggleState","dispatchEvent","CustomEvent","detail","bubbles","composed","classes","html","classMap","e","preventDefault","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","customElement"],"mappings":";;;;;;;;AAQA,IAAqBA,IAArB,cAA0CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAA1D,cAAAC;AAAAC,aAAAC,SAAAA,GAiCIC,KAAAC,QAAmB;AAAA,EAAA;AAAA,EAEnB,cAAAC;AACIF,SAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,aACAC,UAAAA;EAGZ;AAAA,EAEU;AACN,UAAMC,IAAU,EACZ,mMAAA,IAEA,6BAA6BR,KAAKC,UAAU,aAC5C,oBAAoBD,KAAKC,UAAU,UACnC,iBAAiBD,KAAKC,UAAU,WAAVA;AAE1B,WAAOQ;AAAAA,0BACWT,KAAKU,SAASF,CAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iCAKP,MAAA;AACLR,WAAKC,QAAQD,KAAKC,UAAU,cAAc,aAAa,aACvDD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAgBAI,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,gBAAAA,GACFb,KAAKE,YAAAA;AAAAA,IAAAA,CAAAA;AAAAA,4CAEDF,KAAKC,UAAU,cAAc,WAAW,UAAA;AAAA;AAAA,sCAE9Ca,EACEd,KAAKC,UAAU,aACf,MAAMQ,WACN,MAAMA,WAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6CAMAE,OAAAA;AACNA,QAAEC,eAAAA,GACFD,EAAEE,mBACFb,KAAKC,QAAQ,UACbD,KAAKG,cACD,IAAIC,YAAY,UAAU,EACtBC,QAAQL,KAAKC,OACbK,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4CAYdP,KAAKC,UAAU,UAAVA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAK7C;AAAA;AA1FAc,EAAA,CAJCC,EAAS,EACNC,MAAMC,QACNC,SAAAA,GAAS,CAAA,CAAA,GA/BIzB,EAiCjB0B,WAAA,SAAA,CAAA,GAjCiB1B,IAArBqB,EAAA,CADCM,EAAc,mBACM3B,CAAAA;"}

package/dist/boat.cjs

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

package/dist/boat.js

@@ -1,4 +1,4 @@
-import { S as c } from "./boat-DDJK4CS4.js";
+import { S as c } from "./boat-xekVVZab.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./spinner-C5tMQys5.cjs");
+"use strict";require("./spinner-DJviKuwJ.cjs");
 //# sourceMappingURL=busy.cjs.map

package/dist/busy.js

@@ -1,2 +1,2 @@
-import "./spinner-y1dPMTQp.js";
+import "./spinner-D9fC8P3H.js";
 //# sourceMappingURL=busy.js.map

package/dist/button.cjs

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

package/dist/button.js

@@ -1,4 +1,4 @@
-import { S as n, a as o } from "./icon-button-DOZuY9x8.js";
+import { S as n, a as o } from "./icon-button-B0jLowAy.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./media-Cew1Mxkj.cjs");
+"use strict";require("./media-CL9LNHic.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-B-VIbSH_.js";
+import "./media-nVQjNoX7.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-BU1x0W8U.js → checkbox-DTfIF2XH.js}

@@ -4,7 +4,7 @@ import { isServer as f, LitElement as x, css as N, html as k, nothing as E } fro
 import { classMap as H } from "lit/directives/class-map.js";
 import "rxjs";
 import "lit/directives/style-map.js";
-import { T as J } from "./tailwind.mixin-Cwbr8x57.js";
+import { T as J } from "./tailwind.mixin-C13RR5x6.js";
 import { when as Q } from "lit/directives/when.js";
 const Y = Symbol("attachableController");
 let K;
@@ -524,4 +524,4 @@ h.shadowRootOptions = { ...x.shadowRootOptions, delegatesFocus: !0 }, h.formAsso
 export {
   h as S
 };
-//# sourceMappingURL=checkbox-BU1x0W8U.js.map
+//# sourceMappingURL=checkbox-DTfIF2XH.js.map