@mhmo91/schmancy 0.5.23 → 0.5.24

package/dist/badge.cjs

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

package/dist/badge.js

@@ -1,4 +1,4 @@
-import { a as e, S } from "./avatar-BbJkXEbj.js";
+import { a as e, S } from "./avatar-BCOzG2-D.js";
 export {
   e as ScBadgeV2,
   S as SchmancyBadgeV2

package/dist/boat-Du6EgSxQ.js

@@ -0,0 +1,157 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,51 @@
+"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

@@ -0,0 +1 @@
+{"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/boat.cjs

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

package/dist/boat.js

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

package/dist/busy.cjs

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

package/dist/busy.js

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

package/dist/button.cjs

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

package/dist/button.js

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

package/dist/card.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./media-CTAUAb26.cjs");
+"use strict";require("./media-DR-39DF4.cjs");
 //# sourceMappingURL=card.cjs.map

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-DQi9RiAW.js";
+import "./media-I-gnfGOG.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-DWZfWmmN.cjs → checkbox-DShC2A6P.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),n=require("lit/decorators.js"),c=require("lit"),F=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const G=require("./tailwind.mixin-x6_PgjK6.cjs"),H=require("lit/directives/when.js"),D=Symbol("attachableController");let N;c.isServer||(N=new MutationObserver(o=>{for(const e of o)e.target[D]?.hostConnected()}));class U{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[D]=this,N?.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const Y=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new U(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[O]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[O]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of Y)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([n.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([n.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const O=Symbol("handledByFocusRing"),K=c.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
+"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),n=require("lit/decorators.js"),c=require("lit"),F=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const G=require("./tailwind.mixin-B5ggvnsv.cjs"),H=require("lit/directives/when.js"),D=Symbol("attachableController");let N;c.isServer||(N=new MutationObserver(o=>{for(const e of o)e.target[D]?.hostConnected()}));class U{get htmlFor(){return this.host.getAttribute("for")}set htmlFor(e){e===null?this.host.removeAttribute("for"):this.host.setAttribute("for",e)}get control(){return this.host.hasAttribute("for")?this.htmlFor&&this.host.isConnected?this.host.getRootNode().querySelector(`#${this.htmlFor}`):null:this.currentControl||this.host.parentElement}set control(e){e?this.attach(e):this.detach()}constructor(e,t){this.host=e,this.onControlChange=t,this.currentControl=null,e.addController(this),e[D]=this,N?.observe(e,{attributeFilter:["for"]})}attach(e){e!==this.currentControl&&(this.setCurrentControl(e),this.host.removeAttribute("for"))}detach(){this.setCurrentControl(null),this.host.setAttribute("for","")}hostConnected(){this.setCurrentControl(this.control)}hostDisconnected(){this.setCurrentControl(null)}setCurrentControl(e){this.onControlChange(this.currentControl,e),this.currentControl=e}}const Y=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new U(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}handleEvent(e){if(!e[O]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[O]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of Y)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([n.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([n.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const O=Symbol("handledByFocusRing"),K=c.css`:host{animation-delay:0s,calc(var(--md-focus-ring-duration, 600ms)*.25);animation-duration:calc(var(--md-focus-ring-duration, 600ms)*.25),calc(var(--md-focus-ring-duration, 600ms)*.75);animation-timing-function:cubic-bezier(0.2, 0, 0, 1);box-sizing:border-box;color:var(--md-focus-ring-color, var(--md-sys-color-secondary, #625b71));display:none;pointer-events:none;position:absolute}:host([visible]){display:flex}:host(:not([inward])){animation-name:outward-grow,outward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) + var(--md-focus-ring-outward-offset, 2px));inset:calc(-1*var(--md-focus-ring-outward-offset, 2px));outline:var(--md-focus-ring-width, 3px) solid currentColor}:host([inward]){animation-name:inward-grow,inward-shrink;border-end-end-radius:calc(var(--md-focus-ring-shape-end-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-end-start-radius:calc(var(--md-focus-ring-shape-end-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-end-radius:calc(var(--md-focus-ring-shape-start-end, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border-start-start-radius:calc(var(--md-focus-ring-shape-start-start, var(--md-focus-ring-shape, var(--md-sys-shape-corner-full, 9999px))) - var(--md-focus-ring-inward-offset, 0px));border:var(--md-focus-ring-width, 3px) solid currentColor;inset:var(--md-focus-ring-inward-offset, 0px)}@keyframes outward-grow{from{outline-width:0}to{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes outward-shrink{from{outline-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-grow{from{border-width:0}to{border-width:var(--md-focus-ring-active-width, 8px)}}@keyframes inward-shrink{from{border-width:var(--md-focus-ring-active-width, 8px)}}@media(prefers-reduced-motion){:host{animation:none}}
 `;let C=class extends z{};C.styles=[K],C=d.t([n.customElement("md-focus-ring")],C);const W="cubic-bezier(0.2, 0, 0, 1)";var h;(function(o){o[o.INACTIVE=0]="INACTIVE",o[o.TOUCH_DELAY=1]="TOUCH_DELAY",o[o.HOLDING=2]="HOLDING",o[o.WAITING_FOR_CLICK=3]="WAITING_FOR_CLICK"})(h||(h={}));const j=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],Z=c.isServer?null:window.matchMedia("(forced-colors: active)");class f extends c.LitElement{constructor(){super(...arguments),this.disabled=!1,this.hovered=!1,this.pressed=!1,this.rippleSize="",this.rippleScale="",this.initialSize=0,this.state=h.INACTIVE,this.attachableController=new U(this,this.onControlChange.bind(this))}get htmlFor(){return this.attachableController.htmlFor}set htmlFor(e){this.attachableController.htmlFor=e}get control(){return this.attachableController.control}set control(e){this.attachableController.control=e}attach(e){this.attachableController.attach(e)}detach(){this.attachableController.detach()}connectedCallback(){super.connectedCallback(),this.setAttribute("aria-hidden","true")}render(){const e={hovered:this.hovered,pressed:this.pressed};return c.html`<div class="surface ${F.classMap(e)}"></div>`}update(e){e.has("disabled")&&this.disabled&&(this.hovered=!1,this.pressed=!1),super.update(e)}handlePointerenter(e){this.shouldReactToEvent(e)&&(this.hovered=!0)}handlePointerleave(e){this.shouldReactToEvent(e)&&(this.hovered=!1,this.state!==h.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==h.HOLDING)return this.state===h.TOUCH_DELAY?(this.state=h.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=h.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=h.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.state=h.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,150)}),this.state===h.TOUCH_DELAY&&(this.state=h.HOLDING,this.startPressAnimation(e))}}handleClick(){this.disabled||(this.state!==h.WAITING_FOR_CLICK?this.state===h.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||this.endPressAnimation()}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),r=Math.max(e,t),i=Math.max(.35*r,75),a=this.currentCSSZoom??1,s=Math.floor(.2*r/a),l=Math.sqrt(t**2+e**2)+10;this.initialSize=s;const m=(l+i)/s;this.rippleScale=""+m/a,this.rippleSize=`${s}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:r}=window,{left:i,top:a}=this.getBoundingClientRect(),s=t+i,l=r+a,{pageX:m,pageY:y}=e,M=this.currentCSSZoom??1;return{x:(m-s)/M,y:(y-l)/M}}getTranslationCoordinates(e){const{height:t,width:r}=this.getBoundingClientRect(),i=this.currentCSSZoom??1,a={x:(r/i-this.initialSize)/2,y:(t/i-this.initialSize)/2};let s;return s=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:r/i/2,y:t/i/2},s={x:s.x-this.initialSize/2,y:s.y-this.initialSize/2},{startPoint:s,endPoint:a}}startPressAnimation(e){if(!this.mdRoot)return;this.pressed=!0,this.growAnimation?.cancel(),this.determineRippleSize();const{startPoint:t,endPoint:r}=this.getTranslationCoordinates(e),i=`${t.x}px, ${t.y}px`,a=`${r.x}px, ${r.y}px`;this.growAnimation=this.mdRoot.animate({top:[0,0],left:[0,0],height:[this.rippleSize,this.rippleSize],width:[this.rippleSize,this.rippleSize],transform:[`translate(${i}) scale(1)`,`translate(${a}) scale(${this.rippleScale})`]},{pseudoElement:"::after",duration:450,easing:W,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=h.INACTIVE;const e=this.growAnimation;let t=1/0;typeof e?.currentTime=="number"?t=e.currentTime:e?.currentTime&&(t=e.currentTime.to("ms").value),t>=225?this.pressed=!1:(await new Promise(r=>{setTimeout(r,225-t)}),this.growAnimation===e&&(this.pressed=!1))}shouldReactToEvent(e){if(this.disabled||!e.isPrimary||this.rippleStartEvent&&this.rippleStartEvent.pointerId!==e.pointerId)return!1;if(e.type==="pointerenter"||e.type==="pointerleave")return!this.isTouch(e);const t=e.buttons===1;return this.isTouch(e)||t}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!Z?.matches)switch(e.type){case"click":this.handleClick();break;case"contextmenu":this.handleContextmenu();break;case"pointercancel":this.handlePointercancel(e);break;case"pointerdown":await this.handlePointerdown(e);break;case"pointerenter":this.handlePointerenter(e);break;case"pointerleave":this.handlePointerleave(e);break;case"pointerup":this.handlePointerup(e)}}onControlChange(e,t){if(!c.isServer)for(const r of j)e?.removeEventListener(r,this),t?.addEventListener(r,this)}}d.t([n.property({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),d.t([n.state()],f.prototype,"hovered",void 0),d.t([n.state()],f.prototype,"pressed",void 0),d.t([n.query(".surface")],f.prototype,"mdRoot",void 0);const X=c.css`:host{display:flex;margin:auto;pointer-events:none}:host([disabled]){display:none}@media(forced-colors: active){:host{display:none}}:host,.surface{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.surface{-webkit-tap-highlight-color:rgba(0,0,0,0)}.surface::before,.surface::after{content:"";opacity:0;position:absolute}.surface::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));inset:0;transition:opacity 15ms linear,background-color 15ms linear}.surface::after{background:radial-gradient(closest-side, var(--md-ripple-pressed-color, var(--md-sys-color-on-surface, #1d1b20)) max(100% - 70px, 65%), transparent 100%);transform-origin:center center;transition:opacity 375ms linear}.hovered::before{background-color:var(--md-ripple-hover-color, var(--md-sys-color-on-surface, #1d1b20));opacity:var(--md-ripple-hover-opacity, 0.08)}.pressed::after{opacity:var(--md-ripple-pressed-opacity, 0.12);transition-duration:105ms}
 `;let w=class extends f{};w.styles=[X],w=d.t([n.customElement("md-ripple")],w);const B=["role","ariaAtomic","ariaAutoComplete","ariaBusy","ariaChecked","ariaColCount","ariaColIndex","ariaColSpan","ariaCurrent","ariaDisabled","ariaExpanded","ariaHasPopup","ariaHidden","ariaInvalid","ariaKeyShortcuts","ariaLabel","ariaLevel","ariaLive","ariaModal","ariaMultiLine","ariaMultiSelectable","ariaOrientation","ariaPlaceholder","ariaPosInSet","ariaPressed","ariaReadOnly","ariaRequired","ariaRoleDescription","ariaRowCount","ariaRowIndex","ariaRowSpan","ariaSelected","ariaSetSize","ariaSort","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText"],J=B.map(_);function S(o){return J.includes(o)}function _(o){return o.replace("aria","aria-").replace(/Elements?/g,"").toLowerCase()}const g=Symbol("privateIgnoreAttributeChangesFor");function E(o){return`data-${o}`}function A(o){return o.replace(/-\w/,e=>e[1].toUpperCase())}function Q(o){return o.currentTarget===o.target&&o.composedPath()[0]===o.target&&!o.target.disabled&&!function(e){const t=I;return t&&(e.preventDefault(),e.stopImmediatePropagation()),async function(){I=!0,await null,I=!1}(),t}(o)}let I=!1;const p=Symbol("internals"),P=Symbol("privateInternals"),R=Symbol("createValidator"),V=Symbol("getValidityAnchor"),T=Symbol("privateValidator"),b=Symbol("privateSyncValidity"),k=Symbol("privateCustomValidationMessage"),x=Symbol("getFormValue"),L=Symbol("getFormState");class ee{constructor(e){this.getCurrentState=e,this.currentValidity={validity:{},validationMessage:""}}getValidity(){const e=this.getCurrentState();if(!(!this.prevState||!this.equals(this.prevState,e)))return this.currentValidity;const{validity:t,validationMessage:r}=this.computeValidity(e);return this.prevState=this.copy(e),this.currentValidity={validationMessage:r,validity:{badInput:t.badInput,customError:t.customError,patternMismatch:t.patternMismatch,rangeOverflow:t.rangeOverflow,rangeUnderflow:t.rangeUnderflow,stepMismatch:t.stepMismatch,tooLong:t.tooLong,tooShort:t.tooShort,typeMismatch:t.typeMismatch,valueMissing:t.valueMissing}},this.currentValidity}}class te extends ee{computeValidity(e){return this.checkboxControl||(this.checkboxControl=document.createElement("input"),this.checkboxControl.type="checkbox"),this.checkboxControl.checked=e.checked,this.checkboxControl.required=e.required,{validity:this.checkboxControl.validity,validationMessage:this.checkboxControl.validationMessage}}equals(e,t){return e.checked===t.checked&&e.required===t.required}copy({checked:e,required:t}){return{checked:e,required:t}}}const re=function(o){var e;if(c.isServer)return o;class t extends o{constructor(){super(...arguments),this[e]=new Set}attributeChangedCallback(i,a,s){if(!S(i))return void super.attributeChangedCallback(i,a,s);if(this[g].has(i))return;this[g].add(i),this.removeAttribute(i),this[g].delete(i);const l=A(i);s===null?delete this.dataset[l]:this.dataset[l]=s,this.requestUpdate(A(i),a)}getAttribute(i){return S(i)?super.getAttribute(E(i)):super.getAttribute(i)}removeAttribute(i){super.removeAttribute(i),S(i)&&(super.removeAttribute(E(i)),this.requestUpdate())}}return e=g,function(r){for(const i of B){const a=_(i),s=E(a),l=A(a);r.createProperty(i,{attribute:a,noAccessor:!0}),r.createProperty(Symbol(s),{attribute:s,noAccessor:!0}),Object.defineProperty(r.prototype,i,{configurable:!0,enumerable:!0,get(){return this.dataset[l]??null},set(m){const y=this.dataset[l]??null;m!==y&&(m===null?delete this.dataset[l]:this.dataset[l]=m,this.requestUpdate(i,y))}})}}(t),t}(function(o){var e;class t extends o{constructor(){super(...arguments),this[e]=""}get validity(){return this[b](),this[p].validity}get validationMessage(){return this[b](),this[p].validationMessage}get willValidate(){return this[b](),this[p].willValidate}checkValidity(){return this[b](),this[p].checkValidity()}reportValidity(){return this[b](),this[p].reportValidity()}setCustomValidity(i){this[k]=i,this[b]()}requestUpdate(i,a,s){super.requestUpdate(i,a,s),this[b]()}firstUpdated(i){super.firstUpdated(i),this[b]()}[(e=k,b)](){if(c.isServer)return;this[T]||(this[T]=this[R]());const{validity:i,validationMessage:a}=this[T].getValidity(),s=!!this[k],l=this[k]||a;this[p].setValidity({...i,customError:s},l,this[V]()??void 0)}[R](){throw new Error("Implement [createValidator]")}[V](){throw new Error("Implement [getValidityAnchor]")}}return t}(function(o){class e extends o{get form(){return this[p].form}get labels(){return this[p].labels}get name(){return this.getAttribute("name")??""}set name(r){this.setAttribute("name",r)}get disabled(){return this.hasAttribute("disabled")}set disabled(r){this.toggleAttribute("disabled",r)}attributeChangedCallback(r,i,a){if(r==="name"||r==="disabled"){const s=r==="disabled"?i!==null:i;return void this.requestUpdate(r,s)}super.attributeChangedCallback(r,i,a)}requestUpdate(r,i,a){super.requestUpdate(r,i,a),this[p].setFormValue(this[x](),this[L]())}[x](){throw new Error("Implement [getFormValue]")}[L](){return this[x]()}formDisabledCallback(r){this.disabled=r}}return e.formAssociated=!0,d.t([n.property({noAccessor:!0})],e.prototype,"name",null),d.t([n.property({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}(($=c.LitElement,class extends ${get[p](){return this[P]||(this[P]=this.attachInternals()),this[P]}}))));var $;class u extends re{constructor(){super(),this.checked=!1,this.indeterminate=!1,this.required=!1,this.value="on",this.prevChecked=!1,this.prevDisabled=!1,this.prevIndeterminate=!1,c.isServer||this.addEventListener("click",e=>{Q(e)&&this.input&&(this.focus(),function(t){const r=new MouseEvent("click",{bubbles:!0});t.dispatchEvent(r)}(this.input))})}update(e){(e.has("checked")||e.has("disabled")||e.has("indeterminate"))&&(this.prevChecked=e.get("checked")??this.checked,this.prevDisabled=e.get("disabled")??this.disabled,this.prevIndeterminate=e.get("indeterminate")??this.indeterminate),super.update(e)}render(){const e=!this.prevChecked&&!this.prevIndeterminate,t=this.prevChecked&&!this.prevIndeterminate,r=this.prevIndeterminate,i=this.checked&&!this.indeterminate,a=this.indeterminate,s=F.classMap({disabled:this.disabled,selected:i||a,unselected:!i&&!a,checked:i,indeterminate:a,"prev-unselected":e,"prev-checked":t,"prev-indeterminate":r,"prev-disabled":this.prevDisabled}),{ariaLabel:l,ariaInvalid:m}=this;return c.html`
       <div class="container ${s}">
@@ -37,4 +37,4 @@
 				${H.when(this.label,()=>c.html`<span>${this.label}</span>`,()=>c.html`<slot></slot>`)}
 			</label>
 		`}},exports.SchmancyCheckboxElement.shadowRootOptions={...c.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyCheckboxElement.formAssociated=!0,v([n.property({type:Boolean,reflect:!0})],exports.SchmancyCheckboxElement.prototype,"value",2),v([n.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"checked",1),v([n.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"disabled",2),v([n.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"required",2),v([n.property({type:String})],exports.SchmancyCheckboxElement.prototype,"name",2),v([n.property({type:String})],exports.SchmancyCheckboxElement.prototype,"id",2),v([n.property({type:String})],exports.SchmancyCheckboxElement.prototype,"label",2),v([n.property({type:String})],exports.SchmancyCheckboxElement.prototype,"size",2),exports.SchmancyCheckboxElement=v([n.customElement("schmancy-checkbox")],exports.SchmancyCheckboxElement);
-//# sourceMappingURL=checkbox-DWZfWmmN.cjs.map
+//# sourceMappingURL=checkbox-DShC2A6P.cjs.map