@mhmo91/schmancy 0.5.24 → 0.5.25

package/dist/boat-Du6EgSxQ.js

@@ -1,157 +0,0 @@
-import { T as l } from "./tailwind.mixin-t4qdJZYU.js";
-import { css as m, html as h } from "lit";
-import { property as c, state as p, customElement as x } from "lit/decorators.js";
-import { when as b } from "lit/directives/when.js";
-var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, d = (e, a, n, i) => {
-  for (var t, s = i > 1 ? void 0 : i ? u(a, n) : a, o = e.length - 1; o >= 0; o--) (t = e[o]) && (s = (i ? t(a, n, s) : t(s)) || s);
-  return i && s && f(a, n, s), s;
-};
-let r = class extends l(m`
-	/* Performance optimization - GPU hints only */
-	.boat-container {
-		will-change: transform, border-radius, width, max-width, box-shadow;
-		contain: layout style;
-		transform: translate3d(0, 0, 0); /* Force GPU acceleration */
-		backface-visibility: hidden;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.state = "hidden", this.lowered = !1, this.contentVisible = !1, this.previousState = "hidden", this.activeAnimations = [], this.DURATIONS = { expand: 350, minimize: 250, hide: 200, contentFade: 300 }, this.EASINGS = { emphasized: "cubic-bezier(0.2, 0.0, 0, 1.0)", emphasizedDecelerate: "cubic-bezier(0.05, 0.7, 0.1, 1.0)", emphasizedAccelerate: "cubic-bezier(0.3, 0.0, 0.8, 0.15)", standard: "cubic-bezier(0.4, 0.0, 0.2, 1)" }, this.SHADOWS = { fab: "0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)", fabLowered: "0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)", expanded: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)", none: "none" };
-  }
-  async toggleState() {
-    this.cancelActiveAnimations();
-    const e = this.state, a = this.state === "minimized" ? "expanded" : "minimized";
-    this.state = a, await this.animateStateChange(e, a), this.dispatchEvent(new CustomEvent("toggle", { detail: this.state, bubbles: !0, composed: !0 }));
-  }
-  cancelActiveAnimations() {
-    this.activeAnimations.forEach((e) => {
-      e.cancel();
-    }), this.activeAnimations = [];
-  }
-  async animateStateChange(e, a) {
-    if (!this.containerElement) return;
-    const n = [], i = this.getStylesForState(e), t = this.getStylesForState(a);
-    if (a === "expanded") {
-      const s = this.containerElement.animate([{ transform: i.transform, width: i.width, maxWidth: i.maxWidth, maxHeight: i.maxHeight, boxShadow: i.boxShadow, borderRadius: i.borderRadius, backdropFilter: i.backdropFilter, WebkitBackdropFilter: i.backdropFilter }, { transform: "translate3d(0, -8px, 0)", width: t.width, maxWidth: t.maxWidth, maxHeight: t.maxHeight, boxShadow: t.boxShadow, borderRadius: t.borderRadius, backdropFilter: t.backdropFilter, WebkitBackdropFilter: t.backdropFilter, offset: 0.7 }, { transform: t.transform, width: t.width, maxWidth: t.maxWidth, maxHeight: t.maxHeight, boxShadow: t.boxShadow, borderRadius: t.borderRadius, backdropFilter: t.backdropFilter, WebkitBackdropFilter: t.backdropFilter }], { duration: this.DURATIONS.expand, easing: this.EASINGS.emphasizedDecelerate, fill: "forwards" });
-      if (this.activeAnimations.push(s), n.push(s.finished.then(() => {
-      })), this.contentVisible = !0, this.contentElement) {
-        const o = this.contentElement.animate([{ opacity: 0, transform: "translateY(8px)" }, { opacity: 1, transform: "translateY(0)" }], { duration: this.DURATIONS.contentFade, easing: this.EASINGS.standard, fill: "forwards" });
-        this.activeAnimations.push(o), n.push(o.finished.then(() => {
-        }));
-      }
-    } else if (a === "minimized") {
-      const s = this.containerElement.animate([{ transform: i.transform, width: i.width, maxWidth: i.maxWidth, maxHeight: i.maxHeight, boxShadow: i.boxShadow, borderRadius: i.borderRadius, backdropFilter: i.backdropFilter, WebkitBackdropFilter: i.backdropFilter }, { transform: t.transform, width: t.width, maxWidth: t.maxWidth, maxHeight: t.maxHeight, boxShadow: t.boxShadow, borderRadius: t.borderRadius, backdropFilter: t.backdropFilter, WebkitBackdropFilter: t.backdropFilter }], { duration: this.DURATIONS.minimize, easing: this.EASINGS.emphasizedAccelerate, fill: "forwards" });
-      if (this.activeAnimations.push(s), this.contentElement) {
-        const o = this.contentElement.animate([{ opacity: 1, transform: "translateY(0)" }, { opacity: 0, transform: "translateY(-8px)" }], { duration: 150, easing: this.EASINGS.standard, fill: "forwards" });
-        this.activeAnimations.push(o), await o.finished;
-      }
-      this.contentVisible = !1, n.push(s.finished.then(() => {
-      }));
-    } else if (a === "hidden") {
-      const s = this.containerElement.animate([{ transform: i.transform, width: i.width, maxWidth: i.maxWidth, maxHeight: i.maxHeight, boxShadow: i.boxShadow, borderRadius: i.borderRadius, backdropFilter: i.backdropFilter, WebkitBackdropFilter: i.backdropFilter }, { transform: t.transform, width: t.width, maxWidth: t.maxWidth, maxHeight: t.maxHeight, boxShadow: t.boxShadow, borderRadius: t.borderRadius, backdropFilter: t.backdropFilter, WebkitBackdropFilter: t.backdropFilter }], { duration: this.DURATIONS.hide, easing: this.EASINGS.emphasizedAccelerate, fill: "forwards" });
-      this.activeAnimations.push(s), this.contentVisible = !1, n.push(s.finished.then(() => {
-      }));
-    }
-    if (this.headerElement) {
-      const s = a === "minimized" ? 0.98 : 1, o = this.headerElement.animate([{ transform: `scale(${e === "minimized" ? 0.98 : 1})` }, { transform: `scale(${s})` }], { duration: 200, easing: this.EASINGS.emphasized, fill: "forwards" });
-      this.activeAnimations.push(o), n.push(o.finished.then(() => {
-      }));
-    }
-    if (this.iconElement) {
-      const s = a === "expanded" ? 180 : 0, o = this.iconElement.animate([{ transform: `rotate(${e === "expanded" ? 180 : 0}deg)` }, { transform: `rotate(${s}deg)` }], { duration: 250, easing: this.EASINGS.emphasized, fill: "forwards" });
-      this.activeAnimations.push(o), n.push(o.finished.then(() => {
-      }));
-    }
-    await Promise.all(n), this.activeAnimations = [];
-  }
-  getTransformForState(e) {
-    switch (e) {
-      case "hidden":
-        return "translate3d(0, calc(100% + 16px), 0)";
-      case "minimized":
-        return "translate3d(0, calc(100% - 56px), 0)";
-      case "expanded":
-        return "translate3d(0, 0, 0)";
-    }
-  }
-  getStylesForState(e) {
-    const a = e === "minimized", n = e === "expanded", i = e === "hidden";
-    let t = "40vw";
-    if (typeof window < "u") {
-      const s = window.innerWidth;
-      s < 768 ? t = "calc(100vw - 32px)" : s < 1024 ? t = "70vw" : s < 1280 && (t = "60vw");
-    }
-    return { transform: this.getTransformForState(e), width: a ? "300px" : n ? t : "300px", maxWidth: a ? "300px" : n ? "100%" : "300px", maxHeight: n ? "80vh" : "auto", boxShadow: i ? this.SHADOWS.none : a ? this.lowered ? this.SHADOWS.fabLowered : this.SHADOWS.fab : this.SHADOWS.expanded, borderRadius: a ? "16px" : "8px 8px 0 0", backdropFilter: n ? "blur(12px)" : "none" };
-  }
-  firstUpdated() {
-    if (this.containerElement = this.shadowRoot?.querySelector(".boat-container"), this.contentElement = this.shadowRoot?.querySelector(".boat-content"), this.headerElement = this.shadowRoot?.querySelector(".boat-header"), this.iconElement = this.shadowRoot?.querySelector(".icon-container"), this.containerElement) {
-      const e = this.getStylesForState(this.state);
-      this.containerElement.style.transform = e.transform, this.containerElement.style.width = e.width, this.containerElement.style.maxWidth = e.maxWidth, this.containerElement.style.maxHeight = e.maxHeight, this.containerElement.style.boxShadow = e.boxShadow, this.containerElement.style.borderRadius = e.borderRadius, this.containerElement.style.backdropFilter = e.backdropFilter, this.containerElement.style.webkitBackdropFilter = e.backdropFilter;
-    }
-    this.headerElement && this.state === "minimized" && (this.headerElement.style.transform = "scale(0.98)"), this.iconElement && this.state === "expanded" && (this.iconElement.style.transform = "rotate(180deg)"), this.contentVisible = this.state === "expanded", this.contentElement && (this.contentElement.style.opacity = this.state === "expanded" ? "1" : "0"), this.previousState = this.state;
-  }
-  updated(e) {
-    if (super.updated(e), e.has("state") && this.containerElement) {
-      const a = e.get("state");
-      a !== void 0 && a !== this.state && (this.cancelActiveAnimations(), this.animateStateChange(a, this.state).then(() => {
-        this.previousState = this.state;
-      }));
-    }
-  }
-  render() {
-    const e = this.state === "minimized" ? this.lowered ? "1" : "3" : "4";
-    return h`
-			<div class="${this.classMap({ "boat-container z-[100] fixed bottom-4 right-4 overflow-y-auto flex flex-col": !0 })}">
-				<section class="sticky top-0 z-10">
-					<schmancy-surface
-						elevation="${e}"
-						class="cursor-pointer"
-						rounded="${this.state === "minimized" ? "none" : "top"}"
-						type="containerLowest"
-						@click=${() => this.toggleState()}
-					>
-						<div class="${this.classMap({ "boat-header sticky top-0 px-3 py-2 flex items-center justify-between gap-3": !0 })}">
-							<div class="flex-1 flex items-center min-w-0">
-								<slot name="header"></slot>
-							</div>
-
-							<div class="flex items-center gap-1 flex-shrink-0">
-								<schmancy-icon-button
-									variant="${this.state === "minimized" ? "text" : "filled tonal"}"
-									@click=${async (a) => {
-      a.stopPropagation(), await this.toggleState();
-    }}
-									title=${this.state === "minimized" ? "Expand" : "Minimize"}
-								>
-									<span class="icon-container">
-										${b(this.state === "minimized", () => h`expand_less`, () => h`expand_more`)}
-									</span>
-								</schmancy-icon-button>
-
-								<schmancy-icon-button
-									variant="text"
-									@click=${async (a) => {
-      a.stopPropagation(), this.cancelActiveAnimations();
-      const n = this.state;
-      this.state = "hidden", await this.animateStateChange(n, "hidden"), this.dispatchEvent(new CustomEvent("toggle", { detail: this.state, bubbles: !0, composed: !0 }));
-    }}
-									title="Close"
-								>
-									close
-								</schmancy-icon-button>
-							</div>
-						</div>
-					</schmancy-surface>
-				</section>
-				<schmancy-surface .hidden=${!this.contentVisible} type="containerLow" class="${this.classMap({ "boat-content z-0 flex-1": !0 })}">
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`;
-  }
-};
-d([c({ type: String, reflect: !0 })], r.prototype, "state", 2), d([c({ type: Boolean, reflect: !0 })], r.prototype, "lowered", 2), d([p()], r.prototype, "contentVisible", 2), r = d([x("schmancy-boat")], r);
-export {
-  r as S
-};
-//# sourceMappingURL=boat-Du6EgSxQ.js.map

package/dist/boat-Du6EgSxQ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-Du6EgSxQ.js","sources":["../src/boat/boat.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n\t/* Performance optimization - GPU hints only */\n\t.boat-container {\n\t\twill-change: transform, border-radius, width, max-width, box-shadow;\n\t\tcontain: layout style;\n\t\ttransform: translate3d(0, 0, 0); /* Force GPU acceleration */\n\t\tbackface-visibility: hidden;\n\t}\n`) {\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tstate: BoatState = 'hidden'\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tlowered: boolean = false\n\n\t@state()\n\tprivate contentVisible: boolean = false\n\n\t// Track previous state for animations\n\t previousState: BoatState = 'hidden'\n\n\t// Web Animations API references\n\tprivate containerElement?: HTMLElement\n\tprivate contentElement?: HTMLElement\n\tprivate headerElement?: HTMLElement\n\tprivate iconElement?: HTMLElement\n\n\t// Active animations tracking\n\tprivate activeAnimations: Animation[] = []\n\n\t// Animation configs\n\tprivate readonly DURATIONS = {\n\t\texpand: 350,\n\t\tminimize: 250,\n\t\thide: 200,\n\t\tcontentFade: 300,\n\t}\n\n\tprivate readonly EASINGS = {\n\t\temphasized: 'cubic-bezier(0.2, 0.0, 0, 1.0)',\n\t\temphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1.0)',\n\t\temphasizedAccelerate: 'cubic-bezier(0.3, 0.0, 0.8, 0.15)',\n\t\tstandard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',\n\t}\n\n\t// Shadow configurations for different states\n\tprivate readonly SHADOWS = {\n\t\tfab: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n\t\tfabLowered:\n\t\t\t'0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)',\n\t\texpanded: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n\t\tnone: 'none',\n\t}\n\n\tasync toggleState() {\n\t\t// Cancel all active animations\n\t\tthis.cancelActiveAnimations()\n\n\t\tconst previousState = this.state\n\t\tconst newState = this.state === 'minimized' ? 'expanded' : 'minimized'\n\t\tthis.state = newState\n\n\t\t// Perform animations\n\t\tawait this.animateStateChange(previousState, newState)\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('toggle', {\n\t\t\t\tdetail: this.state,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate cancelActiveAnimations() {\n\t\tthis.activeAnimations.forEach(animation => {\n\t\t\tanimation.cancel()\n\t\t})\n\t\tthis.activeAnimations = []\n\t}\n\n\tprivate async animateStateChange(from: BoatState, to: BoatState) {\n\t\tif (!this.containerElement) return\n\n\t\tconst animations: Promise<void>[] = []\n\n\t\t// Get animation values for states\n\t\tconst fromStyles = this.getStylesForState(from)\n\t\tconst toStyles = this.getStylesForState(to)\n\n\t\t// Container animation - handles transform, dimensions, shadow, border-radius, and backdrop\n\t\tif (to === 'expanded') {\n\t\t\t// Expanding animation with overshoot\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: 'translate3d(0, -8px, 0)',\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\toffset: 0.7,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.expand,\n\t\t\t\t\teasing: this.EASINGS.emphasizedDecelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\n\t\t\t// Show content immediately for expanded state\n\t\t\tthis.contentVisible = true\n\n\t\t\t// Animate content fade-in\n\t\t\tif (this.contentElement) {\n\t\t\t\tconst contentAnim = this.contentElement.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: this.DURATIONS.contentFade,\n\t\t\t\t\t\teasing: this.EASINGS.standard,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.activeAnimations.push(contentAnim)\n\t\t\t\tanimations.push(contentAnim.finished.then(() => {}))\n\t\t\t}\n\t\t} else if (to === 'minimized') {\n\t\t\t// Minimizing animation\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.minimize,\n\t\t\t\t\teasing: this.EASINGS.emphasizedAccelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\n\t\t\t// Hide content first, then animate container\n\t\t\tif (this.contentElement) {\n\t\t\t\tconst contentAnim = this.contentElement.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: this.EASINGS.standard,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.activeAnimations.push(contentAnim)\n\t\t\t\tawait contentAnim.finished\n\t\t\t}\n\t\t\tthis.contentVisible = false\n\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\t\t} else if (to === 'hidden') {\n\t\t\t// Hiding animation\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.hide,\n\t\t\t\t\teasing: this.EASINGS.emphasizedAccelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\t\t\tthis.contentVisible = false\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Header scale animation\n\t\tif (this.headerElement) {\n\t\t\tconst scale = to === 'minimized' ? 0.98 : 1\n\t\t\tconst headerAnim = this.headerElement.animate(\n\t\t\t\t[{ transform: `scale(${from === 'minimized' ? 0.98 : 1})` }, { transform: `scale(${scale})` }],\n\t\t\t\t{\n\t\t\t\t\tduration: 200,\n\t\t\t\t\teasing: this.EASINGS.emphasized,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(headerAnim)\n\t\t\tanimations.push(headerAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Icon rotation animation\n\t\tif (this.iconElement) {\n\t\t\tconst rotation = to === 'expanded' ? 180 : 0\n\t\t\tconst iconAnim = this.iconElement.animate(\n\t\t\t\t[{ transform: `rotate(${from === 'expanded' ? 180 : 0}deg)` }, { transform: `rotate(${rotation}deg)` }],\n\t\t\t\t{\n\t\t\t\t\tduration: 250,\n\t\t\t\t\teasing: this.EASINGS.emphasized,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(iconAnim)\n\t\t\tanimations.push(iconAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Wait for all animations to complete\n\t\tawait Promise.all(animations)\n\n\t\t// Clear completed animations\n\t\tthis.activeAnimations = []\n\t}\n\n\tprivate getTransformForState(state: BoatState): string {\n\t\tswitch (state) {\n\t\t\tcase 'hidden':\n\t\t\t\treturn 'translate3d(0, calc(100% + 16px), 0)'\n\t\t\tcase 'minimized':\n\t\t\t\treturn 'translate3d(0, calc(100% - 56px), 0)'\n\t\t\tcase 'expanded':\n\t\t\t\treturn 'translate3d(0, 0, 0)'\n\t\t}\n\t}\n\n\tprivate getStylesForState(state: BoatState) {\n\t\tconst isMinimized = state === 'minimized'\n\t\tconst isExpanded = state === 'expanded'\n\t\tconst isHidden = state === 'hidden'\n\n\t\t// Calculate responsive width based on viewport\n\t\tlet expandedWidth = '40vw'\n\t\tif (typeof window !== 'undefined') {\n\t\t\tconst vw = window.innerWidth\n\t\t\tif (vw < 768) {\n\t\t\t\texpandedWidth = 'calc(100vw - 32px)'\n\t\t\t} else if (vw < 1024) {\n\t\t\t\texpandedWidth = '70vw'\n\t\t\t} else if (vw < 1280) {\n\t\t\t\texpandedWidth = '60vw'\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\ttransform: this.getTransformForState(state),\n\t\t\twidth: isMinimized ? '300px' : isExpanded ? expandedWidth : '300px',\n\t\t\tmaxWidth: isMinimized ? '300px' : isExpanded ? '100%' : '300px',\n\t\t\tmaxHeight: isExpanded ? '80vh' : 'auto',\n\t\t\tboxShadow: isHidden\n\t\t\t\t? this.SHADOWS.none\n\t\t\t\t: isMinimized\n\t\t\t\t\t? this.lowered\n\t\t\t\t\t\t? this.SHADOWS.fabLowered\n\t\t\t\t\t\t: this.SHADOWS.fab\n\t\t\t\t\t: this.SHADOWS.expanded,\n\t\t\tborderRadius: isMinimized ? '16px' : '8px 8px 0 0',\n\t\t\tbackdropFilter: isExpanded ? 'blur(12px)' : 'none',\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Get references for Web Animations API\n\t\tthis.containerElement = this.shadowRoot?.querySelector('.boat-container') as HTMLElement\n\t\tthis.contentElement = this.shadowRoot?.querySelector('.boat-content') as HTMLElement\n\t\tthis.headerElement = this.shadowRoot?.querySelector('.boat-header') as HTMLElement\n\t\tthis.iconElement = this.shadowRoot?.querySelector('.icon-container') as HTMLElement\n\n\t\t// Apply initial state styles programmatically\n\t\tif (this.containerElement) {\n\t\t\tconst initialStyles = this.getStylesForState(this.state)\n\n\t\t\t// Set all animated properties\n\t\t\tthis.containerElement.style.transform = initialStyles.transform\n\t\t\tthis.containerElement.style.width = initialStyles.width\n\t\t\tthis.containerElement.style.maxWidth = initialStyles.maxWidth\n\t\t\tthis.containerElement.style.maxHeight = initialStyles.maxHeight\n\t\t\tthis.containerElement.style.boxShadow = initialStyles.boxShadow\n\t\t\tthis.containerElement.style.borderRadius = initialStyles.borderRadius\n\t\t\tthis.containerElement.style.backdropFilter = initialStyles.backdropFilter\n\t\t\t;(this.containerElement.style as any).webkitBackdropFilter = initialStyles.backdropFilter\n\t\t}\n\n\t\t// Set initial header scale\n\t\tif (this.headerElement && this.state === 'minimized') {\n\t\t\tthis.headerElement.style.transform = 'scale(0.98)'\n\t\t}\n\n\t\t// Set initial icon rotation\n\t\tif (this.iconElement && this.state === 'expanded') {\n\t\t\tthis.iconElement.style.transform = 'rotate(180deg)'\n\t\t}\n\n\t\t// Set initial content visibility\n\t\tthis.contentVisible = this.state === 'expanded'\n\n\t\t// Set initial content opacity\n\t\tif (this.contentElement) {\n\t\t\tthis.contentElement.style.opacity = this.state === 'expanded' ? '1' : '0'\n\t\t}\n\n\t\t// Set initial previous state\n\t\tthis.previousState = this.state\n\t}\n\n\tupdated(changedProperties: Map<string | number | symbol, unknown>) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Handle external state changes\n\t\tif (changedProperties.has('state') && this.containerElement) {\n\t\t\tconst oldState = changedProperties.get('state') as BoatState\n\n\t\t\t// Only animate if this is an external change (not from toggleState)\n\t\t\tif (oldState !== undefined && oldState !== this.state) {\n\t\t\t\t// Cancel any active animations\n\t\t\t\tthis.cancelActiveAnimations()\n\n\t\t\t\t// Perform the animation from old state to new state\n\t\t\t\tthis.animateStateChange(oldState, this.state).then(() => {\n\t\t\t\t\t// Update previous state after animation completes\n\t\t\t\t\tthis.previousState = this.state\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Base structural classes only - all animated properties handled by Web Animations API\n\t\tconst containerClasses = {\n\t\t\t// Base structural classes only\n\t\t\t'boat-container z-[100] fixed bottom-4 right-4 overflow-y-auto flex flex-col': true,\n\t\t}\n\n\t\t// Header classes - structural only\n\t\tconst headerClasses = {\n\t\t\t'boat-header sticky top-0 px-3 py-2 flex items-center justify-between gap-3': true,\n\t\t}\n\n\t\t// Content container classes - structural only\n\t\tconst contentClasses = {\n\t\t\t'boat-content z-0 flex-1': true,\n\t\t}\n\n\t\t// Dynamic surface elevation based on state (MD3: 3 for FAB, 1 for lowered, 4 for expanded)\n\t\tconst surfaceElevation = this.state === 'minimized' ? (this.lowered ? '1' : '3') : '4'\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t\t<section class=\"sticky top-0 z-10\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t\trounded=\"${this.state === 'minimized' ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerLowest\"\n\t\t\t\t\t\t@click=${() => this.toggleState()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"${this.classMap(headerClasses)}\">\n\t\t\t\t\t\t\t<div class=\"flex-1 flex items-center min-w-0\">\n\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-1 flex-shrink-0\">\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"${this.state === 'minimized' ? 'text' : 'filled tonal'}\"\n\t\t\t\t\t\t\t\t\t@click=${async (e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tawait this.toggleState()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"icon-container\">\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\tthis.state === 'minimized',\n\t\t\t\t\t\t\t\t\t\t\t() => html`expand_less`,\n\t\t\t\t\t\t\t\t\t\t\t() => html`expand_more`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\t\t@click=${async (e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.cancelActiveAnimations()\n\t\t\t\t\t\t\t\t\t\tconst previousState = this.state\n\t\t\t\t\t\t\t\t\t\tthis.state = 'hidden'\n\t\t\t\t\t\t\t\t\t\tawait this.animateStateChange(previousState, 'hidden')\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('toggle', {\n\t\t\t\t\t\t\t\t\t\t\t\tdetail: this.state,\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\ttitle=\"Close\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tclose\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</div>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</section>\n\t\t\t\t<schmancy-surface .hidden=${!this.contentVisible} type=\"containerLow\" class=\"${this.classMap(contentClasses)}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","lowered","contentVisible","previousState","activeAnimations","DURATIONS","expand","minimize","hide","contentFade","EASINGS","emphasized","emphasizedDecelerate","emphasizedAccelerate","standard","SHADOWS","fab","fabLowered","expanded","none","toggleState","cancelActiveAnimations","newState","animateStateChange","dispatchEvent","CustomEvent","detail","bubbles","composed","forEach","animation","cancel","from","to","containerElement","animations","fromStyles","getStylesForState","toStyles","containerAnim","animate","transform","width","maxWidth","maxHeight","boxShadow","borderRadius","backdropFilter","WebkitBackdropFilter","offset","duration","easing","fill","push","finished","then","contentElement","contentAnim","opacity","headerElement","scale","headerAnim","iconElement","rotation","iconAnim","Promise","all","isMinimized","isExpanded","isHidden","expandedWidth","window","vw","innerWidth","getTransformForState","firstUpdated","shadowRoot","querySelector","initialStyles","style","webkitBackdropFilter","changedProperties","updated","has","oldState","get","surfaceElevation","html","classMap","async","e","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/boat-Nd_h9cld.cjs

@@ -1,51 +0,0 @@
-"use strict";const c=require("./tailwind.mixin-B5ggvnsv.cjs"),o=require("lit"),d=require("lit/decorators.js"),l=require("lit/directives/when.js");var m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,h=(e,a,n,i)=>{for(var t,s=i>1?void 0:i?p(a,n):a,r=e.length-1;r>=0;r--)(t=e[r])&&(s=(i?t(a,n,s):t(s))||s);return i&&s&&m(a,n,s),s};exports.SchmancyBoat=class extends c.TailwindElement(o.css`
-	/* Performance optimization - GPU hints only */
-	.boat-container {
-		will-change: transform, border-radius, width, max-width, box-shadow;
-		contain: layout style;
-		transform: translate3d(0, 0, 0); /* Force GPU acceleration */
-		backface-visibility: hidden;
-	}
-`){constructor(){super(...arguments),this.state="hidden",this.lowered=!1,this.contentVisible=!1,this.previousState="hidden",this.activeAnimations=[],this.DURATIONS={expand:350,minimize:250,hide:200,contentFade:300},this.EASINGS={emphasized:"cubic-bezier(0.2, 0.0, 0, 1.0)",emphasizedDecelerate:"cubic-bezier(0.05, 0.7, 0.1, 1.0)",emphasizedAccelerate:"cubic-bezier(0.3, 0.0, 0.8, 0.15)",standard:"cubic-bezier(0.4, 0.0, 0.2, 1)"},this.SHADOWS={fab:"0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)",fabLowered:"0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)",expanded:"0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",none:"none"}}async toggleState(){this.cancelActiveAnimations();const e=this.state,a=this.state==="minimized"?"expanded":"minimized";this.state=a,await this.animateStateChange(e,a),this.dispatchEvent(new CustomEvent("toggle",{detail:this.state,bubbles:!0,composed:!0}))}cancelActiveAnimations(){this.activeAnimations.forEach(e=>{e.cancel()}),this.activeAnimations=[]}async animateStateChange(e,a){if(!this.containerElement)return;const n=[],i=this.getStylesForState(e),t=this.getStylesForState(a);if(a==="expanded"){const s=this.containerElement.animate([{transform:i.transform,width:i.width,maxWidth:i.maxWidth,maxHeight:i.maxHeight,boxShadow:i.boxShadow,borderRadius:i.borderRadius,backdropFilter:i.backdropFilter,WebkitBackdropFilter:i.backdropFilter},{transform:"translate3d(0, -8px, 0)",width:t.width,maxWidth:t.maxWidth,maxHeight:t.maxHeight,boxShadow:t.boxShadow,borderRadius:t.borderRadius,backdropFilter:t.backdropFilter,WebkitBackdropFilter:t.backdropFilter,offset:.7},{transform:t.transform,width:t.width,maxWidth:t.maxWidth,maxHeight:t.maxHeight,boxShadow:t.boxShadow,borderRadius:t.borderRadius,backdropFilter:t.backdropFilter,WebkitBackdropFilter:t.backdropFilter}],{duration:this.DURATIONS.expand,easing:this.EASINGS.emphasizedDecelerate,fill:"forwards"});if(this.activeAnimations.push(s),n.push(s.finished.then(()=>{})),this.contentVisible=!0,this.contentElement){const r=this.contentElement.animate([{opacity:0,transform:"translateY(8px)"},{opacity:1,transform:"translateY(0)"}],{duration:this.DURATIONS.contentFade,easing:this.EASINGS.standard,fill:"forwards"});this.activeAnimations.push(r),n.push(r.finished.then(()=>{}))}}else if(a==="minimized"){const s=this.containerElement.animate([{transform:i.transform,width:i.width,maxWidth:i.maxWidth,maxHeight:i.maxHeight,boxShadow:i.boxShadow,borderRadius:i.borderRadius,backdropFilter:i.backdropFilter,WebkitBackdropFilter:i.backdropFilter},{transform:t.transform,width:t.width,maxWidth:t.maxWidth,maxHeight:t.maxHeight,boxShadow:t.boxShadow,borderRadius:t.borderRadius,backdropFilter:t.backdropFilter,WebkitBackdropFilter:t.backdropFilter}],{duration:this.DURATIONS.minimize,easing:this.EASINGS.emphasizedAccelerate,fill:"forwards"});if(this.activeAnimations.push(s),this.contentElement){const r=this.contentElement.animate([{opacity:1,transform:"translateY(0)"},{opacity:0,transform:"translateY(-8px)"}],{duration:150,easing:this.EASINGS.standard,fill:"forwards"});this.activeAnimations.push(r),await r.finished}this.contentVisible=!1,n.push(s.finished.then(()=>{}))}else if(a==="hidden"){const s=this.containerElement.animate([{transform:i.transform,width:i.width,maxWidth:i.maxWidth,maxHeight:i.maxHeight,boxShadow:i.boxShadow,borderRadius:i.borderRadius,backdropFilter:i.backdropFilter,WebkitBackdropFilter:i.backdropFilter},{transform:t.transform,width:t.width,maxWidth:t.maxWidth,maxHeight:t.maxHeight,boxShadow:t.boxShadow,borderRadius:t.borderRadius,backdropFilter:t.backdropFilter,WebkitBackdropFilter:t.backdropFilter}],{duration:this.DURATIONS.hide,easing:this.EASINGS.emphasizedAccelerate,fill:"forwards"});this.activeAnimations.push(s),this.contentVisible=!1,n.push(s.finished.then(()=>{}))}if(this.headerElement){const s=a==="minimized"?.98:1,r=this.headerElement.animate([{transform:`scale(${e==="minimized"?.98:1})`},{transform:`scale(${s})`}],{duration:200,easing:this.EASINGS.emphasized,fill:"forwards"});this.activeAnimations.push(r),n.push(r.finished.then(()=>{}))}if(this.iconElement){const s=a==="expanded"?180:0,r=this.iconElement.animate([{transform:`rotate(${e==="expanded"?180:0}deg)`},{transform:`rotate(${s}deg)`}],{duration:250,easing:this.EASINGS.emphasized,fill:"forwards"});this.activeAnimations.push(r),n.push(r.finished.then(()=>{}))}await Promise.all(n),this.activeAnimations=[]}getTransformForState(e){switch(e){case"hidden":return"translate3d(0, calc(100% + 16px), 0)";case"minimized":return"translate3d(0, calc(100% - 56px), 0)";case"expanded":return"translate3d(0, 0, 0)"}}getStylesForState(e){const a=e==="minimized",n=e==="expanded",i=e==="hidden";let t="40vw";if(typeof window<"u"){const s=window.innerWidth;s<768?t="calc(100vw - 32px)":s<1024?t="70vw":s<1280&&(t="60vw")}return{transform:this.getTransformForState(e),width:a?"300px":n?t:"300px",maxWidth:a?"300px":n?"100%":"300px",maxHeight:n?"80vh":"auto",boxShadow:i?this.SHADOWS.none:a?this.lowered?this.SHADOWS.fabLowered:this.SHADOWS.fab:this.SHADOWS.expanded,borderRadius:a?"16px":"8px 8px 0 0",backdropFilter:n?"blur(12px)":"none"}}firstUpdated(){if(this.containerElement=this.shadowRoot?.querySelector(".boat-container"),this.contentElement=this.shadowRoot?.querySelector(".boat-content"),this.headerElement=this.shadowRoot?.querySelector(".boat-header"),this.iconElement=this.shadowRoot?.querySelector(".icon-container"),this.containerElement){const e=this.getStylesForState(this.state);this.containerElement.style.transform=e.transform,this.containerElement.style.width=e.width,this.containerElement.style.maxWidth=e.maxWidth,this.containerElement.style.maxHeight=e.maxHeight,this.containerElement.style.boxShadow=e.boxShadow,this.containerElement.style.borderRadius=e.borderRadius,this.containerElement.style.backdropFilter=e.backdropFilter,this.containerElement.style.webkitBackdropFilter=e.backdropFilter}this.headerElement&&this.state==="minimized"&&(this.headerElement.style.transform="scale(0.98)"),this.iconElement&&this.state==="expanded"&&(this.iconElement.style.transform="rotate(180deg)"),this.contentVisible=this.state==="expanded",this.contentElement&&(this.contentElement.style.opacity=this.state==="expanded"?"1":"0"),this.previousState=this.state}updated(e){if(super.updated(e),e.has("state")&&this.containerElement){const a=e.get("state");a!==void 0&&a!==this.state&&(this.cancelActiveAnimations(),this.animateStateChange(a,this.state).then(()=>{this.previousState=this.state}))}}render(){const e=this.state==="minimized"?this.lowered?"1":"3":"4";return o.html`
-			<div class="${this.classMap({"boat-container z-[100] fixed bottom-4 right-4 overflow-y-auto flex flex-col":!0})}">
-				<section class="sticky top-0 z-10">
-					<schmancy-surface
-						elevation="${e}"
-						class="cursor-pointer"
-						rounded="${this.state==="minimized"?"none":"top"}"
-						type="containerLowest"
-						@click=${()=>this.toggleState()}
-					>
-						<div class="${this.classMap({"boat-header sticky top-0 px-3 py-2 flex items-center justify-between gap-3":!0})}">
-							<div class="flex-1 flex items-center min-w-0">
-								<slot name="header"></slot>
-							</div>
-
-							<div class="flex items-center gap-1 flex-shrink-0">
-								<schmancy-icon-button
-									variant="${this.state==="minimized"?"text":"filled tonal"}"
-									@click=${async a=>{a.stopPropagation(),await this.toggleState()}}
-									title=${this.state==="minimized"?"Expand":"Minimize"}
-								>
-									<span class="icon-container">
-										${l.when(this.state==="minimized",()=>o.html`expand_less`,()=>o.html`expand_more`)}
-									</span>
-								</schmancy-icon-button>
-
-								<schmancy-icon-button
-									variant="text"
-									@click=${async a=>{a.stopPropagation(),this.cancelActiveAnimations();const n=this.state;this.state="hidden",await this.animateStateChange(n,"hidden"),this.dispatchEvent(new CustomEvent("toggle",{detail:this.state,bubbles:!0,composed:!0}))}}
-									title="Close"
-								>
-									close
-								</schmancy-icon-button>
-							</div>
-						</div>
-					</schmancy-surface>
-				</section>
-				<schmancy-surface .hidden=${!this.contentVisible} type="containerLow" class="${this.classMap({"boat-content z-0 flex-1":!0})}">
-					<slot></slot>
-				</schmancy-surface>
-			</div>
-		`}},h([d.property({type:String,reflect:!0})],exports.SchmancyBoat.prototype,"state",2),h([d.property({type:Boolean,reflect:!0})],exports.SchmancyBoat.prototype,"lowered",2),h([d.state()],exports.SchmancyBoat.prototype,"contentVisible",2),exports.SchmancyBoat=h([d.customElement("schmancy-boat")],exports.SchmancyBoat);
-//# sourceMappingURL=boat-Nd_h9cld.cjs.map

package/dist/boat-Nd_h9cld.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"boat-Nd_h9cld.cjs","sources":["../src/boat/boat.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\n\ntype BoatState = 'hidden' | 'minimized' | 'expanded'\n\n@customElement('schmancy-boat')\nexport default class SchmancyBoat extends TailwindElement(css`\n\t/* Performance optimization - GPU hints only */\n\t.boat-container {\n\t\twill-change: transform, border-radius, width, max-width, box-shadow;\n\t\tcontain: layout style;\n\t\ttransform: translate3d(0, 0, 0); /* Force GPU acceleration */\n\t\tbackface-visibility: hidden;\n\t}\n`) {\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tstate: BoatState = 'hidden'\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tlowered: boolean = false\n\n\t@state()\n\tprivate contentVisible: boolean = false\n\n\t// Track previous state for animations\n\t previousState: BoatState = 'hidden'\n\n\t// Web Animations API references\n\tprivate containerElement?: HTMLElement\n\tprivate contentElement?: HTMLElement\n\tprivate headerElement?: HTMLElement\n\tprivate iconElement?: HTMLElement\n\n\t// Active animations tracking\n\tprivate activeAnimations: Animation[] = []\n\n\t// Animation configs\n\tprivate readonly DURATIONS = {\n\t\texpand: 350,\n\t\tminimize: 250,\n\t\thide: 200,\n\t\tcontentFade: 300,\n\t}\n\n\tprivate readonly EASINGS = {\n\t\temphasized: 'cubic-bezier(0.2, 0.0, 0, 1.0)',\n\t\temphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1.0)',\n\t\temphasizedAccelerate: 'cubic-bezier(0.3, 0.0, 0.8, 0.15)',\n\t\tstandard: 'cubic-bezier(0.4, 0.0, 0.2, 1)',\n\t}\n\n\t// Shadow configurations for different states\n\tprivate readonly SHADOWS = {\n\t\tfab: '0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12)',\n\t\tfabLowered:\n\t\t\t'0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12)',\n\t\texpanded: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n\t\tnone: 'none',\n\t}\n\n\tasync toggleState() {\n\t\t// Cancel all active animations\n\t\tthis.cancelActiveAnimations()\n\n\t\tconst previousState = this.state\n\t\tconst newState = this.state === 'minimized' ? 'expanded' : 'minimized'\n\t\tthis.state = newState\n\n\t\t// Perform animations\n\t\tawait this.animateStateChange(previousState, newState)\n\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('toggle', {\n\t\t\t\tdetail: this.state,\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate cancelActiveAnimations() {\n\t\tthis.activeAnimations.forEach(animation => {\n\t\t\tanimation.cancel()\n\t\t})\n\t\tthis.activeAnimations = []\n\t}\n\n\tprivate async animateStateChange(from: BoatState, to: BoatState) {\n\t\tif (!this.containerElement) return\n\n\t\tconst animations: Promise<void>[] = []\n\n\t\t// Get animation values for states\n\t\tconst fromStyles = this.getStylesForState(from)\n\t\tconst toStyles = this.getStylesForState(to)\n\n\t\t// Container animation - handles transform, dimensions, shadow, border-radius, and backdrop\n\t\tif (to === 'expanded') {\n\t\t\t// Expanding animation with overshoot\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: 'translate3d(0, -8px, 0)',\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\toffset: 0.7,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.expand,\n\t\t\t\t\teasing: this.EASINGS.emphasizedDecelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\n\t\t\t// Show content immediately for expanded state\n\t\t\tthis.contentVisible = true\n\n\t\t\t// Animate content fade-in\n\t\t\tif (this.contentElement) {\n\t\t\t\tconst contentAnim = this.contentElement.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(8px)' },\n\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: this.DURATIONS.contentFade,\n\t\t\t\t\t\teasing: this.EASINGS.standard,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.activeAnimations.push(contentAnim)\n\t\t\t\tanimations.push(contentAnim.finished.then(() => {}))\n\t\t\t}\n\t\t} else if (to === 'minimized') {\n\t\t\t// Minimizing animation\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.minimize,\n\t\t\t\t\teasing: this.EASINGS.emphasizedAccelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\n\t\t\t// Hide content first, then animate container\n\t\t\tif (this.contentElement) {\n\t\t\t\tconst contentAnim = this.contentElement.animate(\n\t\t\t\t\t[\n\t\t\t\t\t\t{ opacity: 1, transform: 'translateY(0)' },\n\t\t\t\t\t\t{ opacity: 0, transform: 'translateY(-8px)' },\n\t\t\t\t\t],\n\t\t\t\t\t{\n\t\t\t\t\t\tduration: 150,\n\t\t\t\t\t\teasing: this.EASINGS.standard,\n\t\t\t\t\t\tfill: 'forwards',\n\t\t\t\t\t},\n\t\t\t\t)\n\t\t\t\tthis.activeAnimations.push(contentAnim)\n\t\t\t\tawait contentAnim.finished\n\t\t\t}\n\t\t\tthis.contentVisible = false\n\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\t\t} else if (to === 'hidden') {\n\t\t\t// Hiding animation\n\t\t\tconst containerAnim = this.containerElement.animate(\n\t\t\t\t[\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: fromStyles.transform,\n\t\t\t\t\t\twidth: fromStyles.width,\n\t\t\t\t\t\tmaxWidth: fromStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: fromStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: fromStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: fromStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: fromStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t\t{\n\t\t\t\t\t\ttransform: toStyles.transform,\n\t\t\t\t\t\twidth: toStyles.width,\n\t\t\t\t\t\tmaxWidth: toStyles.maxWidth,\n\t\t\t\t\t\tmaxHeight: toStyles.maxHeight,\n\t\t\t\t\t\tboxShadow: toStyles.boxShadow,\n\t\t\t\t\t\tborderRadius: toStyles.borderRadius,\n\t\t\t\t\t\tbackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t\tWebkitBackdropFilter: toStyles.backdropFilter,\n\t\t\t\t\t} as any,\n\t\t\t\t],\n\t\t\t\t{\n\t\t\t\t\tduration: this.DURATIONS.hide,\n\t\t\t\t\teasing: this.EASINGS.emphasizedAccelerate,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(containerAnim)\n\t\t\tthis.contentVisible = false\n\t\t\tanimations.push(containerAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Header scale animation\n\t\tif (this.headerElement) {\n\t\t\tconst scale = to === 'minimized' ? 0.98 : 1\n\t\t\tconst headerAnim = this.headerElement.animate(\n\t\t\t\t[{ transform: `scale(${from === 'minimized' ? 0.98 : 1})` }, { transform: `scale(${scale})` }],\n\t\t\t\t{\n\t\t\t\t\tduration: 200,\n\t\t\t\t\teasing: this.EASINGS.emphasized,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(headerAnim)\n\t\t\tanimations.push(headerAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Icon rotation animation\n\t\tif (this.iconElement) {\n\t\t\tconst rotation = to === 'expanded' ? 180 : 0\n\t\t\tconst iconAnim = this.iconElement.animate(\n\t\t\t\t[{ transform: `rotate(${from === 'expanded' ? 180 : 0}deg)` }, { transform: `rotate(${rotation}deg)` }],\n\t\t\t\t{\n\t\t\t\t\tduration: 250,\n\t\t\t\t\teasing: this.EASINGS.emphasized,\n\t\t\t\t\tfill: 'forwards',\n\t\t\t\t},\n\t\t\t)\n\t\t\tthis.activeAnimations.push(iconAnim)\n\t\t\tanimations.push(iconAnim.finished.then(() => {}))\n\t\t}\n\n\t\t// Wait for all animations to complete\n\t\tawait Promise.all(animations)\n\n\t\t// Clear completed animations\n\t\tthis.activeAnimations = []\n\t}\n\n\tprivate getTransformForState(state: BoatState): string {\n\t\tswitch (state) {\n\t\t\tcase 'hidden':\n\t\t\t\treturn 'translate3d(0, calc(100% + 16px), 0)'\n\t\t\tcase 'minimized':\n\t\t\t\treturn 'translate3d(0, calc(100% - 56px), 0)'\n\t\t\tcase 'expanded':\n\t\t\t\treturn 'translate3d(0, 0, 0)'\n\t\t}\n\t}\n\n\tprivate getStylesForState(state: BoatState) {\n\t\tconst isMinimized = state === 'minimized'\n\t\tconst isExpanded = state === 'expanded'\n\t\tconst isHidden = state === 'hidden'\n\n\t\t// Calculate responsive width based on viewport\n\t\tlet expandedWidth = '40vw'\n\t\tif (typeof window !== 'undefined') {\n\t\t\tconst vw = window.innerWidth\n\t\t\tif (vw < 768) {\n\t\t\t\texpandedWidth = 'calc(100vw - 32px)'\n\t\t\t} else if (vw < 1024) {\n\t\t\t\texpandedWidth = '70vw'\n\t\t\t} else if (vw < 1280) {\n\t\t\t\texpandedWidth = '60vw'\n\t\t\t}\n\t\t}\n\n\t\treturn {\n\t\t\ttransform: this.getTransformForState(state),\n\t\t\twidth: isMinimized ? '300px' : isExpanded ? expandedWidth : '300px',\n\t\t\tmaxWidth: isMinimized ? '300px' : isExpanded ? '100%' : '300px',\n\t\t\tmaxHeight: isExpanded ? '80vh' : 'auto',\n\t\t\tboxShadow: isHidden\n\t\t\t\t? this.SHADOWS.none\n\t\t\t\t: isMinimized\n\t\t\t\t\t? this.lowered\n\t\t\t\t\t\t? this.SHADOWS.fabLowered\n\t\t\t\t\t\t: this.SHADOWS.fab\n\t\t\t\t\t: this.SHADOWS.expanded,\n\t\t\tborderRadius: isMinimized ? '16px' : '8px 8px 0 0',\n\t\t\tbackdropFilter: isExpanded ? 'blur(12px)' : 'none',\n\t\t}\n\t}\n\n\tfirstUpdated() {\n\t\t// Get references for Web Animations API\n\t\tthis.containerElement = this.shadowRoot?.querySelector('.boat-container') as HTMLElement\n\t\tthis.contentElement = this.shadowRoot?.querySelector('.boat-content') as HTMLElement\n\t\tthis.headerElement = this.shadowRoot?.querySelector('.boat-header') as HTMLElement\n\t\tthis.iconElement = this.shadowRoot?.querySelector('.icon-container') as HTMLElement\n\n\t\t// Apply initial state styles programmatically\n\t\tif (this.containerElement) {\n\t\t\tconst initialStyles = this.getStylesForState(this.state)\n\n\t\t\t// Set all animated properties\n\t\t\tthis.containerElement.style.transform = initialStyles.transform\n\t\t\tthis.containerElement.style.width = initialStyles.width\n\t\t\tthis.containerElement.style.maxWidth = initialStyles.maxWidth\n\t\t\tthis.containerElement.style.maxHeight = initialStyles.maxHeight\n\t\t\tthis.containerElement.style.boxShadow = initialStyles.boxShadow\n\t\t\tthis.containerElement.style.borderRadius = initialStyles.borderRadius\n\t\t\tthis.containerElement.style.backdropFilter = initialStyles.backdropFilter\n\t\t\t;(this.containerElement.style as any).webkitBackdropFilter = initialStyles.backdropFilter\n\t\t}\n\n\t\t// Set initial header scale\n\t\tif (this.headerElement && this.state === 'minimized') {\n\t\t\tthis.headerElement.style.transform = 'scale(0.98)'\n\t\t}\n\n\t\t// Set initial icon rotation\n\t\tif (this.iconElement && this.state === 'expanded') {\n\t\t\tthis.iconElement.style.transform = 'rotate(180deg)'\n\t\t}\n\n\t\t// Set initial content visibility\n\t\tthis.contentVisible = this.state === 'expanded'\n\n\t\t// Set initial content opacity\n\t\tif (this.contentElement) {\n\t\t\tthis.contentElement.style.opacity = this.state === 'expanded' ? '1' : '0'\n\t\t}\n\n\t\t// Set initial previous state\n\t\tthis.previousState = this.state\n\t}\n\n\tupdated(changedProperties: Map<string | number | symbol, unknown>) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Handle external state changes\n\t\tif (changedProperties.has('state') && this.containerElement) {\n\t\t\tconst oldState = changedProperties.get('state') as BoatState\n\n\t\t\t// Only animate if this is an external change (not from toggleState)\n\t\t\tif (oldState !== undefined && oldState !== this.state) {\n\t\t\t\t// Cancel any active animations\n\t\t\t\tthis.cancelActiveAnimations()\n\n\t\t\t\t// Perform the animation from old state to new state\n\t\t\t\tthis.animateStateChange(oldState, this.state).then(() => {\n\t\t\t\t\t// Update previous state after animation completes\n\t\t\t\t\tthis.previousState = this.state\n\t\t\t\t})\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Base structural classes only - all animated properties handled by Web Animations API\n\t\tconst containerClasses = {\n\t\t\t// Base structural classes only\n\t\t\t'boat-container z-[100] fixed bottom-4 right-4 overflow-y-auto flex flex-col': true,\n\t\t}\n\n\t\t// Header classes - structural only\n\t\tconst headerClasses = {\n\t\t\t'boat-header sticky top-0 px-3 py-2 flex items-center justify-between gap-3': true,\n\t\t}\n\n\t\t// Content container classes - structural only\n\t\tconst contentClasses = {\n\t\t\t'boat-content z-0 flex-1': true,\n\t\t}\n\n\t\t// Dynamic surface elevation based on state (MD3: 3 for FAB, 1 for lowered, 4 for expanded)\n\t\tconst surfaceElevation = this.state === 'minimized' ? (this.lowered ? '1' : '3') : '4'\n\n\t\treturn html`\n\t\t\t<div class=\"${this.classMap(containerClasses)}\">\n\t\t\t\t<section class=\"sticky top-0 z-10\">\n\t\t\t\t\t<schmancy-surface\n\t\t\t\t\t\televation=\"${surfaceElevation}\"\n\t\t\t\t\t\tclass=\"cursor-pointer\"\n\t\t\t\t\t\trounded=\"${this.state === 'minimized' ? 'none' : 'top'}\"\n\t\t\t\t\t\ttype=\"containerLowest\"\n\t\t\t\t\t\t@click=${() => this.toggleState()}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div class=\"${this.classMap(headerClasses)}\">\n\t\t\t\t\t\t\t<div class=\"flex-1 flex items-center min-w-0\">\n\t\t\t\t\t\t\t\t<slot name=\"header\"></slot>\n\t\t\t\t\t\t\t</div>\n\n\t\t\t\t\t\t\t<div class=\"flex items-center gap-1 flex-shrink-0\">\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"${this.state === 'minimized' ? 'text' : 'filled tonal'}\"\n\t\t\t\t\t\t\t\t\t@click=${async (e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tawait this.toggleState()\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\ttitle=${this.state === 'minimized' ? 'Expand' : 'Minimize'}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<span class=\"icon-container\">\n\t\t\t\t\t\t\t\t\t\t${when(\n\t\t\t\t\t\t\t\t\t\t\tthis.state === 'minimized',\n\t\t\t\t\t\t\t\t\t\t\t() => html`expand_less`,\n\t\t\t\t\t\t\t\t\t\t\t() => html`expand_more`,\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</schmancy-icon-button>\n\n\t\t\t\t\t\t\t\t<schmancy-icon-button\n\t\t\t\t\t\t\t\t\tvariant=\"text\"\n\t\t\t\t\t\t\t\t\t@click=${async (e: Event) => {\n\t\t\t\t\t\t\t\t\t\te.stopPropagation()\n\t\t\t\t\t\t\t\t\t\tthis.cancelActiveAnimations()\n\t\t\t\t\t\t\t\t\t\tconst previousState = this.state\n\t\t\t\t\t\t\t\t\t\tthis.state = 'hidden'\n\t\t\t\t\t\t\t\t\t\tawait this.animateStateChange(previousState, 'hidden')\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('toggle', {\n\t\t\t\t\t\t\t\t\t\t\t\tdetail: this.state,\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\ttitle=\"Close\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\tclose\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</div>\n\t\t\t\t\t</schmancy-surface>\n\t\t\t\t</section>\n\t\t\t\t<schmancy-surface .hidden=${!this.contentVisible} type=\"containerLow\" class=\"${this.classMap(contentClasses)}\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-surface>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-boat': SchmancyBoat\n\t}\n}\n"],"names":["SchmancyBoat","TailwindElement","css","constructor","super","arguments","this","state","lowered","contentVisible","previousState","activeAnimations","DURATIONS","expand","minimize","hide","contentFade","EASINGS","emphasized","emphasizedDecelerate","emphasizedAccelerate","standard","SHADOWS","fab","fabLowered","expanded","none","toggleState","cancelActiveAnimations","newState","animateStateChange","dispatchEvent","CustomEvent","detail","bubbles","composed","forEach","animation","cancel","from","to","containerElement","animations","fromStyles","getStylesForState","toStyles","containerAnim","animate","transform","width","maxWidth","maxHeight","boxShadow","borderRadius","backdropFilter","WebkitBackdropFilter","offset","duration","easing","fill","push","finished","then","contentElement","contentAnim","opacity","headerElement","scale","headerAnim","iconElement","rotation","iconAnim","Promise","all","isMinimized","isExpanded","isHidden","expandedWidth","window","vw","innerWidth","getTransformForState","firstUpdated","shadowRoot","querySelector","initialStyles","style","webkitBackdropFilter","changedProperties","updated","has","oldState","get","render","surfaceElevation","html","classMap","async","e","stopPropagation","when","__decorateClass","property","type","String","reflect","prototype","Boolean","customElement"],"mappings":"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"}

package/dist/tailwind.mixin-B5ggvnsv.cjs

@@ -1,2 +0,0 @@
-"use strict";const a=require("lit"),s=require("rxjs"),l=require("lit/directives/class-map.js"),c=require("lit/directives/style-map.js"),i=e=>class extends e{constructor(){super(...arguments),this.disconnecting=new s.Subject}classMap(r){const t={};return Object.keys(r).forEach(o=>{o.trim().split(" ").filter(Boolean).forEach(n=>{t[n]=r[o]})}),l.classMap(t)}styleMap(r){return c.styleMap(r)}disconnectedCallback(){this.disconnecting.next(!0),this.disconnecting.complete(),super.disconnectedCallback()}},d=a.unsafeCSS('/*! tailwindcss v4.1.13 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--shadow-0:var(--schmancy-sys-elevation-0);--shadow-1:var(--schmancy-sys-elevation-1);--shadow-2:var(--schmancy-sys-elevation-2);--shadow-3:var(--schmancy-sys-elevation-3);--shadow-4:var(--schmancy-sys-elevation-4);--shadow-5:var(--schmancy-sys-elevation-5)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-4{inset:1rem}.inset-x-6{inset-inline:1.5rem}.-top-1{top:-.25rem}.top-0{top:0}.top-1\\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-8{top:2rem}.top-14{top:3.5rem}.-right-1{right:-.25rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-1\\/2{left:50%}.left-2{left:.5rem}.left-3{left:.75rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-49{z-index:49}.z-50{z-index:50}.z-\\[100\\]{z-index:100}.z-\\[1000\\]{z-index:1000}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:-.25rem}.-mx-4{margin-inline:-1rem}.mx-2{margin-inline:.5rem}.mx-auto{margin-inline:auto}.my-0\\.5{margin-block:.125rem}.my-2{margin-block:.5rem}.my-4{margin-block:1rem}.my-6{margin-block:1.5rem}.-mt-12{margin-top:-3rem}.mt-0\\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.-mr-1{margin-right:-.25rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.-mb-4{margin-bottom:-1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mb-\\[4px\\]{margin-bottom:4px}.-ml-px{margin-left:-1px}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-\\[0\\.38em\\]{margin-left:.38em}.ml-auto{margin-left:auto}.box-border{box-sizing:border-box}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.table{display:table}.size-3{width:.75rem;height:.75rem}.size-4{width:1rem;height:1rem}.size-5{width:1.25rem;height:1.25rem}.size-8{width:2rem;height:2rem}.size-\\[18px\\]{width:18px;height:18px}.h-0\\.5{height:.125rem}.h-1{height:.25rem}.h-1\\.5{height:.375rem}.h-2{height:.5rem}.h-2\\.5{height:.625rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-32{height:8rem}.h-48{height:12rem}.h-64{height:16rem}.h-72{height:18rem}.h-80{height:20rem}.h-96{height:24rem}.h-\\[18px\\]{height:18px}.h-\\[500px\\]{height:500px}.h-\\[600px\\]{height:600px}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-5{max-height:1.25rem}.max-h-96{max-height:24rem}.max-h-\\[60vh\\]{max-height:60vh}.max-h-\\[70vh\\]{max-height:70vh}.max-h-\\[80vh\\]{max-height:80vh}.max-h-\\[90vh\\]{max-height:90vh}.max-h-\\[200px\\]{max-height:200px}.max-h-\\[600px\\]{max-height:600px}.max-h-\\[calc\\(100vh-40px\\)\\]{max-height:calc(100vh - 40px)}.min-h-0{min-height:0}.min-h-32{min-height:8rem}.min-h-48{min-height:12rem}.min-h-\\[32px\\]{min-height:32px}.min-h-\\[40px\\]{min-height:40px}.min-h-\\[44px\\]{min-height:44px}.min-h-\\[48px\\]{min-height:48px}.min-h-\\[50px\\]{min-height:50px}.min-h-\\[60px\\]{min-height:60px}.min-h-\\[100px\\]{min-height:100px}.min-h-\\[150px\\]{min-height:150px}.min-h-\\[200px\\]{min-height:200px}.min-h-\\[300px\\]{min-height:300px}.min-h-\\[400px\\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\\.5{width:.125rem}.w-1\\.5{width:.375rem}.w-2{width:.5rem}.w-2\\.5{width:.625rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-15{width:3.75rem}.w-16{width:4rem}.w-20{width:5rem}.w-24{width:6rem}.w-32{width:8rem}.w-48{width:12rem}.w-64{width:16rem}.w-72{width:18rem}.w-80{width:20rem}.w-\\[18px\\]{width:18px}.w-\\[30\\%\\]{width:30%}.w-\\[inherit\\]{width:inherit}.w-\\[var\\(--dialog-width\\)\\]{width:var(--dialog-width)}.w-fit{width:fit-content}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5{max-width:1.25rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-32{max-width:8rem}.max-w-\\[168px\\]{max-width:168px}.max-w-\\[320px\\]{max-width:320px}.max-w-\\[360px\\]{max-width:360px}.max-w-\\[calc\\(100vw-2rem\\)\\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.min-w-0{min-width:0}.min-w-16{min-width:4rem}.min-w-48{min-width:12rem}.min-w-\\[6px\\]{min-width:6px}.min-w-\\[16px\\]{min-width:16px}.min-w-\\[48px\\]{min-width:48px}.min-w-\\[60px\\]{min-width:60px}.min-w-\\[120px\\]{min-width:120px}.min-w-\\[150px\\]{min-width:150px}.min-w-\\[160px\\]{min-width:160px}.min-w-\\[200px\\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-x-1\\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\\/4{--tw-translate-y: -25% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-\\[50\\%\\]{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y: 0rem ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-0{--tw-scale-x:0%;--tw-scale-y:0%;--tw-scale-z:0%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-x-\\[-1\\]{--tw-scale-x:-1;scale:var(--tw-scale-x)var(--tw-scale-y)}.-skew-x-12{--tw-skew-x:skewX( -12deg );transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\\[ripple_600ms_linear\\]{animation:.6s linear ripple}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.resize-x{resize:horizontal}.resize-y{resize:vertical}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.columns-2{columns:2}.columns-3{columns:3}.auto-cols-max{grid-auto-columns:max-content}.grid-flow-col{grid-auto-flow:column}.grid-flow-col-dense{grid-auto-flow:column dense}.grid-flow-dense{grid-auto-flow:dense}.grid-flow-row{grid-auto-flow:row}.grid-flow-row-dense{grid-auto-flow:dense}.auto-rows-max{grid-auto-rows:max-content}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-\\[250px_1fr\\]{grid-template-columns:250px 1fr}.grid-cols-\\[auto_1fr\\]{grid-template-columns:auto 1fr}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-\\[auto_1fr\\]{grid-template-rows:auto 1fr}.grid-rows-\\[auto_1fr_auto\\]{grid-template-rows:auto 1fr auto}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-center{align-content:center}.content-end{align-content:flex-end}.content-evenly{align-content:space-evenly}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-baseline{justify-content:baseline}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-evenly{justify-content:space-evenly}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.justify-items-center{justify-items:center}.justify-items-end{justify-items:end}.justify-items-start{justify-items:start}.justify-items-stretch{justify-items:stretch}.gap-0{gap:0}.gap-0\\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\\[8px\\]{gap:8px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.25rem *var(--tw-space-y-reverse));margin-block-end:calc(.25rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.5rem *var(--tw-space-y-reverse));margin-block-end:calc(.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(.75rem *var(--tw-space-y-reverse));margin-block-end:calc(.75rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1rem *var(--tw-space-y-reverse));margin-block-end:calc(1rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1.5rem *var(--tw-space-y-reverse));margin-block-end:calc(1.5rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(2rem *var(--tw-space-y-reverse));margin-block-end:calc(2rem *calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(.5rem *var(--tw-space-x-reverse));margin-inline-end:calc(.5rem *calc(1 - var(--tw-space-x-reverse)))}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-outline>:not(:last-child)){border-color:var(--schmancy-sys-color-outline)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-\\[inherit\\]{border-radius:inherit}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.25rem}.rounded-xl{border-radius:.75rem}.rounded-t-full{border-top-left-radius:3.40282e38px;border-top-right-radius:3.40282e38px}.rounded-r-full{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-1{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-solid{--tw-border-style:solid;border-style:solid}.border-gray-200{border-color:#e5e7eb}.border-gray-300{border-color:#d1d5dc}.border-outline{border-color:var(--schmancy-sys-color-outline)}.border-outline-variant,.border-outline-variant\\/30{border-color:var(--schmancy-sys-color-outlineVariant)}@supports (color:color-mix(in lab,red,red)){.border-outline-variant\\/30{border-color:color-mix(in oklab,var(--schmancy-sys-color-outlineVariant)30%,transparent)}}.border-outline\\/12{border-color:var(--schmancy-sys-color-outline)}@supports (color:color-mix(in lab,red,red)){.border-outline\\/12{border-color:color-mix(in oklab,var(--schmancy-sys-color-outline)12%,transparent)}}.border-outline\\/20{border-color:var(--schmancy-sys-color-outline)}@supports (color:color-mix(in lab,red,red)){.border-outline\\/20{border-color:color-mix(in oklab,var(--schmancy-sys-color-outline)20%,transparent)}}.border-outlineVariant{border-color:var(--schmancy-sys-color-outlineVariant)}.border-primary-container{border-color:var(--schmancy-sys-color-primary-container)}.border-primary-default{border-color:var(--schmancy-sys-color-primary-default)}.border-primary-on{border-color:var(--schmancy-sys-color-primary-on)}.border-primary-onContainer{border-color:var(--schmancy-sys-color-primary-onContainer)}.border-red-500{border-color:#fb2c36}.border-scrim{border-color:var(--schmancy-sys-color-scrim)}.border-secondary-container{border-color:var(--schmancy-sys-color-secondary-container)}.border-success-on{border-color:var(--schmancy-sys-color-success-on)}.border-surface-container{border-color:var(--schmancy-sys-color-surface-container)}.border-surface-default{border-color:var(--schmancy-sys-color-surface-default)}.border-surface-dim{border-color:var(--schmancy-sys-color-surface-dim)}.border-transparent{border-color:#0000}.border-white{border-color:#fff}.bg-\\[color\\]{background-color:color}.bg-black{background-color:#000}.bg-black\\/20{background-color:oklab(0% none none/.2)}.bg-black\\/30{background-color:oklab(0% none none/.3)}.bg-blue-500{background-color:#3280ff;background-color:oklch(62.3% .214 259.815)}.bg-blue-600{background-color:#155dfc}.bg-blue-900{background-color:#1c398e}.bg-error-container{background-color:var(--schmancy-sys-color-error-container)}.bg-error-default,.bg-error-default\\/70{background-color:var(--schmancy-sys-color-error-default)}@supports (color:color-mix(in lab,red,red)){.bg-error-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-error-default)70%,transparent)}}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-500{background-color:#6a7282}.bg-gray-600{background-color:#4a5565}.bg-green-500{background-color:#00c65a;background-color:oklch(72.3% .219 149.579)}.bg-green-600{background-color:#00a447;background-color:oklch(62.7% .194 149.214)}.bg-indigo-500{background-color:#6260ff;background-color:oklch(58.5% .233 277.117)}.bg-indigo-600{background-color:#4f39f6}.bg-orange-600{background-color:#ec5600;background-color:oklch(64.6% .222 41.116)}.bg-outline-variant{background-color:var(--schmancy-sys-color-outlineVariant)}.bg-pink-500{background-color:#f6339a}.bg-primary-container,.bg-primary-container\\/20{background-color:var(--schmancy-sys-color-primary-container)}@supports (color:color-mix(in lab,red,red)){.bg-primary-container\\/20{background-color:color-mix(in oklab,var(--schmancy-sys-color-primary-container)20%,transparent)}}.bg-primary-default,.bg-primary-default\\/70{background-color:var(--schmancy-sys-color-primary-default)}@supports (color:color-mix(in lab,red,red)){.bg-primary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-primary-default)70%,transparent)}}.bg-primary-on{background-color:var(--schmancy-sys-color-primary-on)}.bg-primary-onContainer{background-color:var(--schmancy-sys-color-primary-onContainer)}.bg-purple-500{background-color:#ab4eff;background-color:oklch(62.7% .265 303.9)}.bg-purple-600{background-color:#9810fa}.bg-red-500{background-color:#fb2c36}.bg-red-600{background-color:#e40014;background-color:oklch(57.7% .245 27.325)}.bg-scrim,.bg-scrim\\/40{background-color:var(--schmancy-sys-color-scrim)}@supports (color:color-mix(in lab,red,red)){.bg-scrim\\/40{background-color:color-mix(in oklab,var(--schmancy-sys-color-scrim)40%,transparent)}}.bg-secondary-container{background-color:var(--schmancy-sys-color-secondary-container)}.bg-secondary-default,.bg-secondary-default\\/70{background-color:var(--schmancy-sys-color-secondary-default)}@supports (color:color-mix(in lab,red,red)){.bg-secondary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-secondary-default)70%,transparent)}}.bg-success-default,.bg-success-default\\/70{background-color:var(--schmancy-sys-color-success-default)}@supports (color:color-mix(in lab,red,red)){.bg-success-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-success-default)70%,transparent)}}.bg-surface-bright{background-color:var(--schmancy-sys-color-surface-bright)}.bg-surface-container,.bg-surface-container\\/10{background-color:var(--schmancy-sys-color-surface-container)}@supports (color:color-mix(in lab,red,red)){.bg-surface-container\\/10{background-color:color-mix(in oklab,var(--schmancy-sys-color-surface-container)10%,transparent)}}.bg-surface-container\\/20{background-color:var(--schmancy-sys-color-surface-container)}@supports (color:color-mix(in lab,red,red)){.bg-surface-container\\/20{background-color:color-mix(in oklab,var(--schmancy-sys-color-surface-container)20%,transparent)}}.bg-surface-default{background-color:var(--schmancy-sys-color-surface-default)}.bg-surface-dim{background-color:var(--schmancy-sys-color-surface-dim)}.bg-surface-high{background-color:var(--schmancy-sys-color-surface-high)}.bg-surface-highest{background-color:var(--schmancy-sys-color-surface-highest)}.bg-surface-low{background-color:var(--schmancy-sys-color-surface-low)}.bg-surface-lowest{background-color:var(--schmancy-sys-color-surface-lowest)}.bg-surface-on{background-color:var(--schmancy-sys-color-surface-on)}.bg-teal-500{background-color:#00b9a6;background-color:oklch(70.4% .14 182.503)}.bg-tertiary-container{background-color:var(--schmancy-sys-color-tertiary-container)}.bg-tertiary-default,.bg-tertiary-default\\/70{background-color:var(--schmancy-sys-color-tertiary-default)}@supports (color:color-mix(in lab,red,red)){.bg-tertiary-default\\/70{background-color:color-mix(in oklab,var(--schmancy-sys-color-tertiary-default)70%,transparent)}}.bg-transparent{background-color:#0000}.bg-white{background-color:#fff}.bg-yellow-500{background-color:#eab300;background-color:oklch(79.5% .184 86.047)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from:oklch(62.3% .214 259.815);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-indigo-600{--tw-gradient-from:oklch(51.1% .262 276.966);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-primary-container{--tw-gradient-from:var(--schmancy-sys-color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-purple-500{--tw-gradient-from:oklch(62.7% .265 303.9);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-secondary-container{--tw-gradient-from:var(--schmancy-sys-color-secondary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-surface-on\\/20{--tw-gradient-from:var(--schmancy-sys-color-surface-on)}@supports (color:color-mix(in lab,red,red)){.from-surface-on\\/20{--tw-gradient-from:color-mix(in oklab,var(--schmancy-sys-color-surface-on)20%,transparent)}}.from-surface-on\\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-tertiary-container{--tw-gradient-from:var(--schmancy-sys-color-tertiary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-purple-600{--tw-gradient-via:oklch(55.8% .288 302.321);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-white\\/10{--tw-gradient-via:oklab(100% 0 5.96046e-8/.1);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-pink-500{--tw-gradient-to:oklch(65.6% .241 354.308);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-pink-600{--tw-gradient-to:oklch(59.2% .249 .584);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-primary-container{--tw-gradient-to:var(--schmancy-sys-color-primary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-secondary-container{--tw-gradient-to:var(--schmancy-sys-color-secondary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:oklch(70.4% .14 182.503);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-tertiary-container{--tw-gradient-to:var(--schmancy-sys-color-tertiary-container);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-10{padding:2.5rem}.\\!px-2{padding-inline:.5rem!important}.px-1{padding-inline:.25rem}.px-1\\.5{padding-inline:.375rem}.px-2{padding-inline:.5rem}.px-2\\.5{padding-inline:.625rem}.px-3{padding-inline:.75rem}.px-4{padding-inline:1rem}.px-5{padding-inline:1.25rem}.px-6{padding-inline:1.5rem}.px-\\[6px\\]{padding-inline:6px}.px-\\[8px\\]{padding-inline:8px}.px-\\[12px\\]{padding-inline:12px}.\\!py-1{padding-block:.25rem!important}.py-0\\.75{padding-block:.1875rem}.py-1{padding-block:.25rem}.py-1\\.5{padding-block:.375rem}.py-2{padding-block:.5rem}.py-3{padding-block:.75rem}.py-4{padding-block:1rem}.py-6{padding-block:1.5rem}.py-8{padding-block:2rem}.py-\\[6px\\]{padding-block:6px}.py-\\[8px\\]{padding-block:8px}.py-\\[12px\\]{padding-block:12px}.pt-0{padding-top:0}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.pt-10{padding-top:2.5rem}.pt-\\[4px\\]{padding-top:4px}.pr-2{padding-right:.5rem}.pr-4{padding-right:1rem}.pb-0{padding-bottom:0}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--schmancy-font-family),ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}.text-2xl{font-size:1.5rem;line-height:var(--tw-leading,calc(2/1.5))}.text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5/2.25))}.text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.text-sm{font-size:.875rem;line-height:var(--tw-leading,calc(1.25/.875))}.text-xl{font-size:1.25rem;line-height:var(--tw-leading,calc(1.75/1.25))}.text-xs{font-size:.75rem;line-height:var(--tw-leading,calc(1/.75))}.text-\\[10px\\]{font-size:10px}.text-\\[18px\\]{font-size:18px}.text-\\[24px\\]{font-size:24px}.leading-4{--tw-leading: 1rem ;line-height:1rem}.leading-5{--tw-leading: 1.25rem ;line-height:1.25rem}.leading-6{--tw-leading: 1.5rem ;line-height:1.5rem}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:1.625;line-height:1.625}.leading-tight{--tw-leading:1.25;line-height:1.25}.font-bold{--tw-font-weight:700;font-weight:700}.font-medium{--tw-font-weight:500;font-weight:500}.font-semibold{--tw-font-weight:600;font-weight:600}.tracking-\\[0\\.01em\\]{--tw-tracking:.01em;letter-spacing:.01em}.tracking-wide{--tw-tracking:.025em;letter-spacing:.025em}.break-all{word-break:break-all}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-error-container{color:var(--schmancy-sys-color-error-container)}.text-error-default{color:var(--schmancy-sys-color-error-default)}.text-error-on{color:var(--schmancy-sys-color-error-on)}.text-error-onContainer{color:var(--schmancy-sys-color-error-onContainer)}.text-gray-500{color:#6a7282}.text-gray-600{color:#4a5565}.text-green-600{color:#00a447;color:oklch(62.7% .194 149.214)}.text-outline{color:var(--schmancy-sys-color-outline)}.text-outlineVariant{color:var(--schmancy-sys-color-outlineVariant)}.text-primary-container{color:var(--schmancy-sys-color-primary-container)}.text-primary-default{color:var(--schmancy-sys-color-primary-default)}.text-primary-on{color:var(--schmancy-sys-color-primary-on)}.text-primary-onContainer{color:var(--schmancy-sys-color-primary-onContainer)}.text-red-500{color:#fb2c36}.text-red-600{color:#e40014;color:oklch(57.7% .245 27.325)}.text-scrim{color:var(--schmancy-sys-color-scrim)}.text-secondary-default{color:var(--schmancy-sys-color-secondary-default)}.text-secondary-on{color:var(--schmancy-sys-color-secondary-on)}.text-secondary-onContainer{color:var(--schmancy-sys-color-secondary-onContainer)}.text-success-default{color:var(--schmancy-sys-color-success-default)}.text-surface-bright{color:var(--schmancy-sys-color-surface-bright)}.text-surface-dim{color:var(--schmancy-sys-color-surface-dim)}.text-surface-on{color:var(--schmancy-sys-color-surface-on)}.text-surface-onVariant{color:var(--schmancy-sys-color-surface-onVariant)}.text-tertiary-default{color:var(--schmancy-sys-color-tertiary-default)}.text-tertiary-on{color:var(--schmancy-sys-color-tertiary-on)}.text-white{color:#fff}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.caret-transparent{caret-color:#0000}.opacity-0{opacity:0}.opacity-1{opacity:.01}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-38{opacity:.38}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-\\[0\\.1\\]{opacity:.1}.opacity-\\[0\\.08\\]{opacity:.08}.opacity-\\[0\\.12\\]{opacity:.12}.opacity-\\[0\\.38\\]{opacity:.38}.shadow-1{--tw-shadow:var(--schmancy-sys-elevation-1);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[0_0_20px_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:0 0 20px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_1px_1px_0_rgba\\(255\\,255\\,255\\,0\\.2\\)\\]{--tw-shadow:inset 0 1px 1px 0 var(--tw-shadow-color,#fff3);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\\[inset_0_1px_2px_0_rgba\\(0\\,0\\,0\\,0\\.1\\)\\]{--tw-shadow:inset 0 1px 2px 0 var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-error-default{--tw-ring-color:var(--schmancy-sys-color-error-default)}.ring-outline{--tw-ring-color:var(--schmancy-sys-color-outline)}.ring-primary-default{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.ring-secondary-default{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-secondary-default{outline-color:var(--schmancy-sys-color-secondary-default)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xs{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-saturate-150{--tw-backdrop-saturate:saturate(150%);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in{--tw-ease:cubic-bezier(.4,0,1,1);transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{--tw-ease:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{--tw-ease:cubic-bezier(0,0,.2,1);transition-timing-function:cubic-bezier(0,0,.2,1)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}:is(.\\*\\:-ml-2>*){margin-left:-.5rem}:is(.\\*\\:-ml-3>*){margin-left:-.75rem}:is(.\\*\\:border-2>*){border-style:var(--tw-border-style);border-width:2px}@media (hover:hover){.group-hover\\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\\:border-primary-default:is(:where(.group):hover *){border-color:var(--schmancy-sys-color-primary-default)}.group-hover\\:bg-primary-container:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-primary-container)}.group-hover\\:bg-primary-default:is(:where(.group):hover *){background-color:var(--schmancy-sys-color-primary-default)}.group-hover\\:text-surface-on:is(:where(.group):hover *){color:var(--schmancy-sys-color-surface-on)}.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\\:shadow-lg:is(:where(.group):hover *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.last\\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\\:ring-1:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\\:ring-error-default:focus-within{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus-within\\:ring-secondary-default:focus-within{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus-within\\:ring-inset:focus-within{--tw-ring-inset:inset}@media (hover:hover){.hover\\:mr-3:hover{margin-right:.75rem}.hover\\:-translate-y-px:hover{--tw-translate-y:-1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\\:scale-\\[1\\.02\\]:hover{scale:1.02}.hover\\:rounded-r-full:hover{border-top-right-radius:3.40282e38px;border-bottom-right-radius:3.40282e38px}.hover\\:border-outlineVariant:hover{border-color:var(--schmancy-sys-color-outlineVariant)}.hover\\:bg-error-container:hover{background-color:var(--schmancy-sys-color-error-container)}.hover\\:bg-green-700:hover{background-color:#00813a;background-color:oklch(52.7% .154 150.069)}.hover\\:bg-orange-700:hover{background-color:#c43e00;background-color:oklch(55.3% .195 38.402)}.hover\\:bg-primary-default:hover{background-color:var(--schmancy-sys-color-primary-default)}.hover\\:bg-primary-on:hover{background-color:var(--schmancy-sys-color-primary-on)}.hover\\:bg-red-700:hover{background-color:#bf000f;background-color:oklch(50.5% .213 27.518)}.hover\\:bg-secondary-container:hover{background-color:var(--schmancy-sys-color-secondary-container)}.hover\\:bg-surface-container:hover{background-color:var(--schmancy-sys-color-surface-container)}.hover\\:bg-surface-high:hover{background-color:var(--schmancy-sys-color-surface-high)}.hover\\:bg-surface-on:hover{background-color:var(--schmancy-sys-color-surface-on)}.hover\\:text-error-container:hover{color:var(--schmancy-sys-color-error-container)}.hover\\:text-primary-default:hover{color:var(--schmancy-sys-color-primary-default)}.hover\\:text-surface-on:hover{color:var(--schmancy-sys-color-surface-on)}.hover\\:opacity-\\[0\\.04\\]:hover{opacity:.04}.hover\\:opacity-\\[0\\.08\\]:hover{opacity:.08}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:shadow-xs:hover{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\\:brightness-95:hover{--tw-brightness:brightness(95%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.hover\\:brightness-\\[0\\.98\\]:hover{--tw-brightness:brightness(.98);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.focus\\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\\:ring-error-default:focus{--tw-ring-color:var(--schmancy-sys-color-error-default)}.focus\\:ring-primary-container:focus{--tw-ring-color:var(--schmancy-sys-color-primary-container)}.focus\\:ring-primary-default:focus{--tw-ring-color:var(--schmancy-sys-color-primary-default)}.focus\\:ring-secondary-default:focus{--tw-ring-color:var(--schmancy-sys-color-secondary-default)}.focus\\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\\:outline-1:focus{outline-style:var(--tw-outline-style);outline-width:1px}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\\:z-1:focus-visible{z-index:1}.focus-visible\\:opacity-\\[0\\.1\\]:focus-visible{opacity:.1}.focus-visible\\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\\:outline-primary-default:focus-visible{outline-color:var(--schmancy-sys-color-primary-default)}.focus-visible\\:outline-solid:focus-visible{--tw-outline-style:solid;outline-style:solid}.active\\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\\:left-4{left:1rem}.sm\\:-mx-2{margin-inline:-.5rem}.sm\\:mt-1{margin-top:.25rem}.sm\\:mt-4{margin-top:1rem}.sm\\:ml-6{margin-left:1.5rem}.sm\\:ml-10{margin-left:2.5rem}.sm\\:h-6{height:1.5rem}.sm\\:h-12{height:3rem}.sm\\:max-h-6{max-height:1.5rem}.sm\\:min-h-\\[48px\\]{min-height:48px}.sm\\:min-h-\\[56px\\]{min-height:56px}.sm\\:w-6{width:1.5rem}.sm\\:w-auto{width:auto}.sm\\:max-w-6{max-width:1.5rem}.sm\\:flex-1{flex:1}.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:justify-between{justify-content:space-between}.sm\\:gap-1\\.5{gap:.375rem}.sm\\:px-2{padding-inline:.5rem}.sm\\:px-3{padding-inline:.75rem}.sm\\:px-6{padding-inline:1.5rem}.sm\\:px-\\[12px\\]{padding-inline:12px}.sm\\:py-1\\.5{padding-block:.375rem}.sm\\:py-2{padding-block:.5rem}.sm\\:py-3{padding-block:.75rem}.sm\\:py-4{padding-block:1rem}.sm\\:pb-4{padding-bottom:1rem}.sm\\:pb-8{padding-bottom:2rem}.sm\\:text-base{font-size:1rem;line-height:var(--tw-leading, 1.5 )}.sm\\:text-lg{font-size:1.125rem;line-height:var(--tw-leading,calc(1.75/1.125))}.sm\\:text-\\[16px\\]{font-size:16px}}@media (min-width:48rem){.md\\:right-0{right:0}.md\\:left-\\[unset\\]{left:unset}.md\\:col-span-2{grid-column:span 2/span 2}.md\\:block{display:block}.md\\:hidden{display:none}.md\\:h-auto{height:auto}.md\\:min-h-\\[56px\\]{min-height:56px}.md\\:w-48{width:12rem}.md\\:w-64{width:16rem}.md\\:w-auto{width:auto}.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:justify-between{justify-content:space-between}.md\\:gap-2{gap:.5rem}.md\\:px-4{padding-inline:1rem}.md\\:px-\\[16px\\]{padding-inline:16px}.md\\:py-2{padding-block:.5rem}.md\\:text-4xl{font-size:2.25rem;line-height:var(--tw-leading,calc(2.5/2.25))}}@media (min-width:64rem){.lg\\:col-span-2{grid-column:span 2/span 2}.lg\\:w-auto{width:auto}.lg\\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:text-5xl{font-size:3rem;line-height:var(--tw-leading,1)}}@media (min-width:80rem){.xl\\:w-1\\/2{width:50%}.xl\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\\:flex-row{flex-direction:row}}}:host,:root{font-family:var(--schmancy-font-family)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}'),w=e=>{const t=class t extends a.LitElement{};t.styles=[a.unsafeCSS(e),d];let r=t;return r};exports.BaseElement=i,exports.TailwindElement=e=>{class r extends i(w(e)){constructor(){super(...arguments),this.disconnectedCallback=()=>{super.disconnectedCallback()}}}return r};
-//# sourceMappingURL=tailwind.mixin-B5ggvnsv.cjs.map