@mhmo91/schmancy 0.5.16 → 0.5.18

package/dist/badge.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DNiWurOB.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-3C1rkJ1T.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-BnhiKcim.js";
+import { a as e, S } from "./avatar-CxDF7O9q.js";
 export {
   e as ScBadgeV2,
   S as SchmancyBadgeV2

package/dist/{boat-C_5lajE1.cjs → boat-COig4aPk.cjs}

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

package/dist/{boat-C_5lajE1.cjs.map → boat-COig4aPk.cjs.map}

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

package/dist/{boat-Cdj946Gt.js → boat-X1OG5F2J.js}

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

package/dist/{boat-Cdj946Gt.js.map → boat-X1OG5F2J.js.map}

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

package/dist/boat.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-C_5lajE1.cjs");Object.defineProperty(exports,"SchmancyBoat",{enumerable:!0,get:()=>e.SchmancyBoat});
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./boat-COig4aPk.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-Cdj946Gt.js";
+import { S as c } from "./boat-X1OG5F2J.js";
 export {
   c as SchmancyBoat
 };

package/dist/busy.cjs

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

package/dist/busy.js

@@ -1,2 +1,2 @@
-import "./spinner-BG5ueufA.js";
+import "./spinner-CwsNWGqj.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-DAQLtaOG.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-C5YpXRdC.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-CrJ2c2kL.js";
+import { S as n, a as o } from "./icon-button-7b5uVTan.js";
 export {
   n as SchmancyButton,
   o as SchmnacyIconButton

package/dist/card.cjs

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

package/dist/card.js

@@ -1,2 +1,2 @@
-import "./media-u34OCQWn.js";
+import "./media-BKviPW_h.js";
 //# sourceMappingURL=card.js.map

package/dist/{checkbox-C7iXDlMd.cjs → checkbox-BKyJeBzr.cjs}

@@ -1,4 +1,4 @@
-"use strict";const d=require("./tslib.es6-DgOcxv4s.cjs"),s=require("lit/decorators.js"),c=require("lit"),$=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-B-Iki5zy.cjs"),G=require("lit/directives/when.js"),F=Symbol("attachableController");let B;c.isServer||(B=new MutationObserver(o=>{for(const e of o)e.target[F]?.hostConnected()}));class D{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[F]=this,B?.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 H=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new D(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[L]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[L]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of H)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const L=Symbol("handledByFocusRing"),Y=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"),s=require("lit/decorators.js"),c=require("lit"),$=require("lit/directives/class-map.js");require("rxjs"),require("lit/directives/style-map.js");const _=require("./tailwind.mixin-D2o72t31.cjs"),G=require("lit/directives/when.js"),F=Symbol("attachableController");let B;c.isServer||(B=new MutationObserver(o=>{for(const e of o)e.target[F]?.hostConnected()}));class D{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[F]=this,B?.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 H=["focusin","focusout","pointerdown"];class z extends c.LitElement{constructor(){super(...arguments),this.visible=!1,this.inward=!1,this.attachableController=new D(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[L]){switch(e.type){default:return;case"focusin":this.visible=this.control?.matches(":focus-visible")??!1;break;case"focusout":case"pointerdown":this.visible=!1}e[L]=!0}}onControlChange(e,t){if(!c.isServer)for(const r of H)e?.removeEventListener(r,this),t?.addEventListener(r,this)}update(e){e.has("visible")&&this.dispatchEvent(new Event("visibility-changed")),super.update(e)}}d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"visible",void 0),d.t([s.property({type:Boolean,reflect:!0})],z.prototype,"inward",void 0);const L=Symbol("handledByFocusRing"),Y=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=[Y],C=d.t([s.customElement("md-focus-ring")],C);const K="cubic-bezier(0.2, 0, 0, 1)";var l;(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"})(l||(l={}));const W=["click","contextmenu","pointercancel","pointerdown","pointerenter","pointerleave","pointerup"],j=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=l.INACTIVE,this.checkBoundsAfterContextMenu=!1,this.attachableController=new D(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 ${$.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!==l.INACTIVE&&this.endPressAnimation())}handlePointerup(e){if(this.shouldReactToEvent(e)){if(this.state!==l.HOLDING)return this.state===l.TOUCH_DELAY?(this.state=l.WAITING_FOR_CLICK,void this.startPressAnimation(this.rippleStartEvent)):void 0;this.state=l.WAITING_FOR_CLICK}}async handlePointerdown(e){if(this.shouldReactToEvent(e)){if(this.rippleStartEvent=e,!this.isTouch(e))return this.state=l.WAITING_FOR_CLICK,void this.startPressAnimation(e);this.checkBoundsAfterContextMenu&&!this.inBounds(e)||(this.checkBoundsAfterContextMenu=!1,this.state=l.TOUCH_DELAY,await new Promise(t=>{setTimeout(t,150)}),this.state===l.TOUCH_DELAY&&(this.state=l.HOLDING,this.startPressAnimation(e)))}}handleClick(){this.disabled||(this.state!==l.WAITING_FOR_CLICK?this.state===l.INACTIVE&&(this.startPressAnimation(),this.endPressAnimation()):this.endPressAnimation())}handlePointercancel(e){this.shouldReactToEvent(e)&&this.endPressAnimation()}handleContextmenu(){this.disabled||(this.checkBoundsAfterContextMenu=!0,this.endPressAnimation())}determineRippleSize(){const{height:e,width:t}=this.getBoundingClientRect(),r=Math.max(e,t),i=Math.max(.35*r,75),a=Math.floor(.2*r),n=Math.sqrt(t**2+e**2)+10;this.initialSize=a,this.rippleScale=""+(n+i)/a,this.rippleSize=`${a}px`}getNormalizedPointerEventCoords(e){const{scrollX:t,scrollY:r}=window,{left:i,top:a}=this.getBoundingClientRect(),n=t+i,h=r+a,{pageX:v,pageY:y}=e;return{x:v-n,y:y-h}}getTranslationCoordinates(e){const{height:t,width:r}=this.getBoundingClientRect(),i={x:(r-this.initialSize)/2,y:(t-this.initialSize)/2};let a;return a=e instanceof PointerEvent?this.getNormalizedPointerEventCoords(e):{x:r/2,y:t/2},a={x:a.x-this.initialSize/2,y:a.y-this.initialSize/2},{startPoint:a,endPoint:i}}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:K,fill:"forwards"})}async endPressAnimation(){this.rippleStartEvent=void 0,this.state=l.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}inBounds({x:e,y:t}){const{top:r,left:i,bottom:a,right:n}=this.getBoundingClientRect();return e>=i&&e<=n&&t>=r&&t<=a}isTouch({pointerType:e}){return e==="touch"}async handleEvent(e){if(!j?.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 W)e?.removeEventListener(r,this),t?.addEventListener(r,this)}}d.t([s.property({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),d.t([s.state()],f.prototype,"hovered",void 0),d.t([s.state()],f.prototype,"pressed",void 0),d.t([s.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([s.customElement("md-ripple")],w);const N=["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=N.map(U);function S(o){return J.includes(o)}function U(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 u=Symbol("internals"),P=Symbol("privateInternals"),M=Symbol("createValidator"),R=Symbol("getValidityAnchor"),T=Symbol("privateValidator"),m=Symbol("privateSyncValidity"),k=Symbol("privateCustomValidationMessage"),x=Symbol("getFormValue"),V=Symbol("getFormState");class Z{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 ee extends Z{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 te=function(o){var e;if(c.isServer)return o;class t extends o{constructor(){super(...arguments),this[e]=new Set}attributeChangedCallback(i,a,n){if(!S(i))return void super.attributeChangedCallback(i,a,n);if(this[g].has(i))return;this[g].add(i),this.removeAttribute(i),this[g].delete(i);const h=A(i);n===null?delete this.dataset[h]:this.dataset[h]=n,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 N){const a=U(i),n=E(a),h=A(a);r.createProperty(i,{attribute:a,noAccessor:!0}),r.createProperty(Symbol(n),{attribute:n,noAccessor:!0}),Object.defineProperty(r.prototype,i,{configurable:!0,enumerable:!0,get(){return this.dataset[h]??null},set(v){const y=this.dataset[h]??null;v!==y&&(v===null?delete this.dataset[h]:this.dataset[h]=v,this.requestUpdate(i,y))}})}}(t),t}(function(o){var e;class t extends o{constructor(){super(...arguments),this[e]=""}get validity(){return this[m](),this[u].validity}get validationMessage(){return this[m](),this[u].validationMessage}get willValidate(){return this[m](),this[u].willValidate}checkValidity(){return this[m](),this[u].checkValidity()}reportValidity(){return this[m](),this[u].reportValidity()}setCustomValidity(i){this[k]=i,this[m]()}requestUpdate(i,a,n){super.requestUpdate(i,a,n),this[m]()}firstUpdated(i){super.firstUpdated(i),this[m]()}[(e=k,m)](){if(c.isServer)return;this[T]||(this[T]=this[M]());const{validity:i,validationMessage:a}=this[T].getValidity(),n=!!this[k],h=this[k]||a;this[u].setValidity({...i,customError:n},h,this[R]()??void 0)}[M](){throw new Error("Implement [createValidator]")}[R](){throw new Error("Implement [getValidityAnchor]")}}return t}(function(o){class e extends o{get form(){return this[u].form}get labels(){return this[u].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 n=r==="disabled"?i!==null:i;return void this.requestUpdate(r,n)}super.attributeChangedCallback(r,i,a)}requestUpdate(r,i,a){super.requestUpdate(r,i,a),this[u].setFormValue(this[x](),this[V]())}[x](){throw new Error("Implement [getFormValue]")}[V](){return this[x]()}formDisabledCallback(r){this.disabled=r}}return e.formAssociated=!0,d.t([s.property({noAccessor:!0})],e.prototype,"name",null),d.t([s.property({type:Boolean,noAccessor:!0})],e.prototype,"disabled",null),e}((O=c.LitElement,class extends O{get[u](){return this[P]||(this[P]=this.attachInternals()),this[P]}}))));var O;class p extends te{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,n=$.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:h,ariaInvalid:v}=this;return c.html`
       <div class="container ${n}">
@@ -37,4 +37,4 @@
 				${G.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,b([s.property({type:Boolean,reflect:!0})],exports.SchmancyCheckboxElement.prototype,"value",2),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"checked",1),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"disabled",2),b([s.property({type:Boolean})],exports.SchmancyCheckboxElement.prototype,"required",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"name",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"id",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"label",2),b([s.property({type:String})],exports.SchmancyCheckboxElement.prototype,"size",2),exports.SchmancyCheckboxElement=b([s.customElement("schmancy-checkbox")],exports.SchmancyCheckboxElement);
-//# sourceMappingURL=checkbox-C7iXDlMd.cjs.map
+//# sourceMappingURL=checkbox-BKyJeBzr.cjs.map