@mhmo91/schmancy 0.2.190 → 0.2.191

package/dist/{icon-B2TAMsVV.cjs → icon-Bxc6Xls9.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-CzWOVqVp.cjs");require("./tailwind.mixin-BQxmEoe0.cjs");const m=require("lit"),a=require("lit/decorators.js");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,c=(t,e,r,i)=>{for(var l,s=i>1?void 0:i?p(e,r):e,o=t.length-1;o>=0;o--)(l=t[o])&&(s=(i?l(e,r,s):l(s))||s);return i&&s&&h(e,r,s),s};let n=class extends u.$LitElement(m.css`
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-CzWOVqVp.cjs");require("./tailwind.mixin-BQxmEoe0.cjs");const m=require("lit"),a=require("lit/decorators.js");var h=Object.defineProperty,p=Object.getOwnPropertyDescriptor,c=(t,e,r,s)=>{for(var l,i=s>1?void 0:s?p(e,r):e,o=t.length-1;o>=0;o--)(l=t[o])&&(i=(s?l(e,r,i):l(i))||i);return s&&i&&h(e,r,i),i};let n=class extends u.$LitElement(m.css`
 	.material-symbols-outlined {
 		font-family: 'Material Symbols Outlined';
 		font-weight: normal;
@@ -18,13 +18,13 @@
 			'opsz' 24;
 	}
 	:host {
-		display: flex;
+		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 	}
 `){constructor(){super(...arguments),this.size="24px",this.busy=!1}connectedCallback(){var t;if(super.connectedCallback(),!document.head.querySelector("#material-icons")){let e=document.createElement("link",{is:"material-icons"});e.rel="stylesheet",e.id="material-icons",e.href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200",(t=document.querySelector("head"))==null||t.append(e),this.busy=!1}}render(){const t={fontSize:this.size,width:this.size,height:this.size,lineHeight:"1",display:"flex",alignItems:"center",justifyContent:"center"};return m.html`
-			<span class="material-symbols-outlined" style=${this.styleMap(t)}>
+			<span class="material-symbols-outlined w-fit" style=${this.styleMap(t)}>
 				<slot .hidden=${this.busy}></slot>
 			</span>
 		`}};c([a.property({type:String,reflect:!0})],n.prototype,"size",2),c([a.state()],n.prototype,"busy",2),n=c([a.customElement("schmancy-icon")],n);
-//# sourceMappingURL=icon-B2TAMsVV.cjs.map
+//# sourceMappingURL=icon-Bxc6Xls9.cjs.map

package/dist/icon-Bxc6Xls9.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-Bxc6Xls9.cjs","sources":["../src/icons/icon.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\n/**\n * @element schmancy-icon\n * Material Symbols icon component with configurable size\n */\n@customElement('schmancy-icon')\nexport default class SchmancyIcon extends $LitElement(css`\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\tfont-variation-settings:\n\t\t\t'FILL' 0,\n\t\t\t'wght' 400,\n\t\t\t'GRAD' 0,\n\t\t\t'opsz' 24;\n\t}\n\t:host {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t}\n`) {\n\t/**\n\t * Icon size - can be specified in any CSS unit (px, rem, em, etc.)\n\t * Default is 24px\n\t */\n\t@property({ type: String, reflect: true })\n\tsize: string = '24px'\n\n\t@state() busy = false\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tif (!document.head.querySelector('#material-icons')) {\n\t\t\tlet link = document.createElement('link', {\n\t\t\t\tis: 'material-icons',\n\t\t\t})\n\t\t\tlink.rel = 'stylesheet'\n\t\t\tlink.id = 'material-icons'\n\t\t\tlink.href =\n\t\t\t\t'https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200'\n\t\t\tdocument.querySelector('head')?.append(link)\n\t\t\tthis.busy = false\n\t\t}\n\t}\n\n\tprotected render(): unknown {\n\t\t// Ensure size is respected and properly applied\n\t\tconst style = {\n\t\t\tfontSize: this.size,\n\t\t\twidth: this.size,\n\t\t\theight: this.size,\n\t\t\tlineHeight: '1',\n\t\t\tdisplay: 'flex',\n\t\t\talignItems: 'center',\n\t\t\tjustifyContent: 'center',\n\t\t}\n\n\t\treturn html`\n\t\t\t<span class=\"material-symbols-outlined w-fit\" style=${this.styleMap(style)}>\n\t\t\t\t<slot .hidden=${this.busy}></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon': SchmancyIcon\n\t}\n}\n"],"names":["SchmancyIcon","$LitElement","css","super","arguments","this","size","busy","connectedCallback","document","head","querySelector","link","createElement","is","rel","id","href","append","render","style","fontSize","width","height","lineHeight","display","alignItems","justifyContent","html","styleMap","__decorateClass","property","type","String","reflect","prototype","state","customElement"],"mappings":"6bASA,IAAqBA,EAArB,cAA0CC,EAAAA,YAAYC,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,CAAtD,CAAA,CAAA,aAAAC,CAAAA,MAAAA,GAAAC,SA8BgBC,EAAAA,KAAAC,KAAA,OAECD,KAAAE,KAAA,EAAA,CAEhB,mBAEC,OAAA,GADAJ,MAAMK,kBACDC,EAAAA,CAAAA,SAASC,KAAKC,cAAc,iBAAoB,EAAA,CAChD,IAAAC,EAAOH,SAASI,cAAc,OAAQ,CACzCC,GAAI,mBAELF,EAAKG,IAAM,aACXH,EAAKI,GAAK,iBACVJ,EAAKK,KACJ,wHACDR,EAAAA,SAASE,cAAc,MAASO,IAAhCT,MAAAA,EAAgCS,OAAON,GACvCP,KAAKE,KAAAA,EAAO,CACb,CAGS,QAAAY,CAET,MAAMC,EAAQ,CACbC,SAAUhB,KAAKC,KACfgB,MAAOjB,KAAKC,KACZiB,OAAQlB,KAAKC,KACbkB,WAAY,IACZC,QAAS,OACTC,WAAY,SACZC,eAAgB,QAGV,EAAA,OAAAC,EAAAA;AAAAA,yDACgDvB,KAAKwB,SAAST,CAAAA,CAAAA;AAAAA,oBACnDf,KAAKE,IAAAA;AAAAA;AAAAA,GAAI,CAjC5BuB,EAAAA,EAAA,CADCC,EAAAA,SAAS,CAAEC,KAAMC,OAAQC,QAAS,EAAA,CAAA,CAAA,EA7BflC,EA8BpBmC,UAAA,OAAA,CAAA,EAESL,EAAA,CAARM,EAAMA,MAhCapC,CAAAA,EAAAA,EAgCXmC,UAAA,OAAA,CAhCWnC,EAAAA,EAArB8B,EAAA,CADCO,EAAAA,cAAc,eACMrC,CAAAA,EAAAA,CAAAA"}

package/dist/{icon-button-CRaJHBpp.js → icon-button-BiMuO20G.js}

@@ -1,17 +1,17 @@
 import "rxjs";
-import { classMap as c } from "lit/directives/class-map.js";
+import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as m } from "./litElement.mixin-DeLVcdRg.js";
+import { $ as v } from "./litElement.mixin-DeLVcdRg.js";
 import "./tailwind.mixin-u1MaZkeY.js";
-import { css as y, html as p, LitElement as x } from "lit";
-import { query as g, property as s, queryAssignedElements as v, customElement as $ } from "lit/decorators.js";
+import { css as m, html as p, LitElement as y } from "lit";
+import { query as x, property as s, queryAssignedElements as f, customElement as g } from "lit/decorators.js";
 import { ifDefined as n } from "lit/directives/if-defined.js";
-import { when as f } from "lit/directives/when.js";
-var w = Object.defineProperty, L = Object.getOwnPropertyDescriptor, l = (t, e, i, d) => {
-  for (var b, a = d > 1 ? void 0 : d ? L(e, i) : e, u = t.length - 1; u >= 0; u--) (b = t[u]) && (a = (d ? b(e, i, a) : b(a)) || a);
-  return d && a && w(e, i, a), a;
+import { when as u } from "lit/directives/when.js";
+var $ = Object.defineProperty, w = Object.getOwnPropertyDescriptor, o = (t, e, i, d) => {
+  for (var b, a = d > 1 ? void 0 : d ? w(e, i) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (a = (d ? b(e, i, a) : b(a)) || a);
+  return d && a && $(e, i, a), a;
 };
-let r = class extends m(y`
+let r = class extends v(m`
 	:host {
 		display: block;
 		width: fit-content;
@@ -62,7 +62,7 @@ let r = class extends m(y`
 					aria-disabled=${this.disabled}
 					@click=${this.disabled ? this._preventDefault : void 0}
 				>
-					${f(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
+					${u(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
 					<slot name="prefix"></slot>
 					<slot></slot>
 					<slot name="suffix"></slot>
@@ -76,7 +76,7 @@ let r = class extends m(y`
 				type=${n(this.type)}
 				tabindex=${n(this.disabled ? "-1" : void 0)}
 			>
-				${f(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
+				${u(!this.disabled, () => p`<div class="${this.classMap(e)}"></div>`)}
 				<slot name="prefix"></slot>
 				<slot></slot>
 				<slot name="suffix"></slot>
@@ -84,12 +84,12 @@ let r = class extends m(y`
 		`;
   }
 };
-r.shadowRootOptions = { ...x.shadowRootOptions, mode: "open", delegatesFocus: !0 }, l([g('[part="base"]', !0)], r.prototype, "nativeElement", 2), l([s({ reflect: !0, type: String })], r.prototype, "variant", 2), l([s()], r.prototype, "width", 2), l([s({ reflect: !0, type: String })], r.prototype, "type", 2), l([s()], r.prototype, "href", 2), l([s({ type: Boolean, reflect: !0 })], r.prototype, "disabled", 2), l([s({ attribute: "aria-label" })], r.prototype, "ariaLabel", 1), l([v({ slot: "prefix", flatten: !0, selector: "img" })], r.prototype, "prefixImgs", 2), l([v({ slot: "suffix", flatten: !0, selector: "img" })], r.prototype, "suffixImgs", 2), r = l([$("schmancy-button")], r);
-var z = Object.defineProperty, E = Object.getOwnPropertyDescriptor, h = (t, e, i, d) => {
-  for (var b, a = d > 1 ? void 0 : d ? E(e, i) : e, u = t.length - 1; u >= 0; u--) (b = t[u]) && (a = (d ? b(e, i, a) : b(a)) || a);
-  return d && a && z(e, i, a), a;
+r.shadowRootOptions = { ...y.shadowRootOptions, mode: "open", delegatesFocus: !0 }, o([x('[part="base"]', !0)], r.prototype, "nativeElement", 2), o([s({ reflect: !0, type: String })], r.prototype, "variant", 2), o([s()], r.prototype, "width", 2), o([s({ reflect: !0, type: String })], r.prototype, "type", 2), o([s()], r.prototype, "href", 2), o([s({ type: Boolean, reflect: !0 })], r.prototype, "disabled", 2), o([s({ attribute: "aria-label" })], r.prototype, "ariaLabel", 1), o([f({ slot: "prefix", flatten: !0, selector: "img" })], r.prototype, "prefixImgs", 2), o([f({ slot: "suffix", flatten: !0, selector: "img" })], r.prototype, "suffixImgs", 2), r = o([g("schmancy-button")], r);
+var L = Object.defineProperty, z = Object.getOwnPropertyDescriptor, h = (t, e, i, d) => {
+  for (var b, a = d > 1 ? void 0 : d ? z(e, i) : e, c = t.length - 1; c >= 0; c--) (b = t[c]) && (a = (d ? b(e, i, a) : b(a)) || a);
+  return d && a && L(e, i, a), a;
 };
-let o = class extends m(y`
+let l = class extends v(m`
 	:host {
 		display: block;
 	}
@@ -125,12 +125,12 @@ let o = class extends m(y`
 					part="base"
 					href=${n(this.disabled ? void 0 : this.href)}
 					aria-label=${n(this.ariaLabel)}
-					class="${c(t)}"
+					class="${this.classMap(t)}"
 					tabindex=${this.disabled ? "-1" : "0"}
 					aria-disabled=${this.disabled}
 					@click=${this.disabled ? this._preventDefault : void 0}
 				>
-					${f(!this.disabled, () => p`<div class="absolute inset-0 ${c(e)}"></div>`)}
+					${u(!this.disabled, () => p`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
 					<schmancy-icon size=${this.size === "sm" ? "18px" : this.size === "md" ? "24px" : "32px"}>
 						<slot></slot>
 					</schmancy-icon>
@@ -140,11 +140,11 @@ let o = class extends m(y`
 				part="base"
 				aria-label=${n(this.ariaLabel)}
 				?disabled=${this.disabled}
-				class="${c(t)}"
+				class="${this.classMap(t)}"
 				type=${n(this.type)}
 				tabindex=${n(this.disabled ? "-1" : void 0)}
 			>
-				${f(!this.disabled, () => p`<div class="absolute inset-0 ${c(e)}"></div>`)}
+				${u(!this.disabled, () => p`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
 				<schmancy-icon size=${this.size === "sm" ? "18px" : this.size === "md" ? "24px" : "32px"}>
 					<slot></slot>
 				</schmancy-icon>
@@ -152,9 +152,9 @@ let o = class extends m(y`
 		`;
   }
 };
-o.shadowRootOptions = { ...x.shadowRootOptions, mode: "open", delegatesFocus: !0 }, h([g('[part="base"]', !0)], o.prototype, "nativeElement", 2), h([s({ type: String })], o.prototype, "size", 2), h([s({ reflect: !0, type: String })], o.prototype, "variant", 2), h([s()], o.prototype, "width", 2), h([s({ reflect: !0, type: String })], o.prototype, "type", 2), h([s()], o.prototype, "href", 2), h([s({ type: Boolean, reflect: !0 })], o.prototype, "disabled", 2), h([s({ attribute: "aria-label" })], o.prototype, "ariaLabel", 1), o = h([$("schmancy-icon-button")], o);
+l.shadowRootOptions = { ...y.shadowRootOptions, mode: "open", delegatesFocus: !0 }, h([x('[part="base"]', !0)], l.prototype, "nativeElement", 2), h([s({ type: String })], l.prototype, "size", 2), h([s({ reflect: !0, type: String })], l.prototype, "variant", 2), h([s()], l.prototype, "width", 2), h([s({ reflect: !0, type: String })], l.prototype, "type", 2), h([s()], l.prototype, "href", 2), h([s({ type: Boolean, reflect: !0 })], l.prototype, "disabled", 2), h([s({ attribute: "aria-label" })], l.prototype, "ariaLabel", 1), l = h([g("schmancy-icon-button")], l);
 export {
   r as S,
-  o as a
+  l as a
 };
-//# sourceMappingURL=icon-button-CRaJHBpp.js.map
+//# sourceMappingURL=icon-button-BiMuO20G.js.map

package/dist/icon-button-BiMuO20G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-BiMuO20G.js","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\twidth: fit-content;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-[24px]', 'max-w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 py-[8px] px-[16px] transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant === 'outlined' ||\n\t\t\t\t\tthis.variant === 'text' ||\n\t\t\t\t\tthis.variant === 'filled' ||\n\t\t\t\t\tthis.variant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': this.variant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'filled tonal',\n\t\t\t'text-primary-default': this.variant === 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': this.variant === 'filled',\n\t\t\t'hover:bg-primary-default': this.variant === 'outlined' || this.variant === 'elevated' || this.variant === 'text',\n\t\t\t'hover:bg-secondary-container': this.variant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant === 'outlined' ||\n\t\t\t\t\tthis.variant === 'text' ||\n\t\t\t\t\tthis.variant === 'filled' ||\n\t\t\t\t\tthis.variant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': this.variant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'filled tonal',\n\t\t\t'text-primary-default': this.variant === 'text',\n\t\t\t'px-[6px] py-[6px]': this.size === 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size === 'md',\n\t\t\t'px-[12px] py-[12px]': this.size === 'lg',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': this.variant === 'filled',\n\t\t\t'hover:bg-primary-default': this.variant === 'outlined' || this.variant === 'elevated' || this.variant === 'text',\n\t\t\t'hover:bg-secondary-container': this.variant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-icon>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-icon>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","imgClasses","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","classes","stateLayerClasses","href","html","ifDefined","ariaLabel","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties"],"mappings":"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"}

package/dist/{icon-button-v16_Wpuk.cjs → icon-button-CiOtCyCN.cjs}

@@ -1,4 +1,4 @@
-"use strict";require("rxjs");const p=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const b=require("./litElement.mixin-CzWOVqVp.cjs");require("./tailwind.mixin-BQxmEoe0.cjs");const r=require("lit"),i=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),u=require("lit/directives/when.js");var f=Object.defineProperty,y=Object.getOwnPropertyDescriptor,n=(t,e,a,l)=>{for(var h,s=l>1?void 0:l?y(e,a):e,c=t.length-1;c>=0;c--)(h=t[c])&&(s=(l?h(e,a,s):h(s))||s);return l&&s&&f(e,a,s),s};exports.SchmancyButton=class extends b.$LitElement(r.css`
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const u=require("./litElement.mixin-CzWOVqVp.cjs");require("./tailwind.mixin-BQxmEoe0.cjs");const r=require("lit"),i=require("lit/decorators.js"),o=require("lit/directives/if-defined.js"),p=require("lit/directives/when.js");var b=Object.defineProperty,f=Object.getOwnPropertyDescriptor,n=(t,e,a,l)=>{for(var d,s=l>1?void 0:l?f(e,a):e,c=t.length-1;c>=0;c--)(d=t[c])&&(s=(l?d(e,a,s):d(s))||s);return l&&s&&b(e,a,s),s};exports.SchmancyButton=class extends u.$LitElement(r.css`
 	:host {
 		display: block;
 		width: fit-content;
@@ -13,7 +13,7 @@
 					aria-disabled=${this.disabled}
 					@click=${this.disabled?this._preventDefault:void 0}
 				>
-					${u.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
+					${p.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
 					<slot name="prefix"></slot>
 					<slot></slot>
 					<slot name="suffix"></slot>
@@ -27,12 +27,12 @@
 				type=${o.ifDefined(this.type)}
 				tabindex=${o.ifDefined(this.disabled?"-1":void 0)}
 			>
-				${u.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
+				${p.when(!this.disabled,()=>r.html`<div class="${this.classMap(e)}"></div>`)}
 				<slot name="prefix"></slot>
 				<slot></slot>
 				<slot name="suffix"></slot>
 			</button>
-		`}},exports.SchmancyButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([i.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),n([i.property()],exports.SchmancyButton.prototype,"width",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),n([i.property()],exports.SchmancyButton.prototype,"href",2),n([i.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),n([i.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),n([i.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),n([i.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=n([i.customElement("schmancy-button")],exports.SchmancyButton);var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,d=(t,e,a,l)=>{for(var h,s=l>1?void 0:l?v(e,a):e,c=t.length-1;c>=0;c--)(h=t[c])&&(s=(l?h(e,a,s):h(s))||s);return l&&s&&m(e,a,s),s};exports.SchmnacyIconButton=class extends b.$LitElement(r.css`
+		`}},exports.SchmancyButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},n([i.query('[part="base"]',!0)],exports.SchmancyButton.prototype,"nativeElement",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"variant",2),n([i.property()],exports.SchmancyButton.prototype,"width",2),n([i.property({reflect:!0,type:String})],exports.SchmancyButton.prototype,"type",2),n([i.property()],exports.SchmancyButton.prototype,"href",2),n([i.property({type:Boolean,reflect:!0})],exports.SchmancyButton.prototype,"disabled",2),n([i.property({attribute:"aria-label"})],exports.SchmancyButton.prototype,"ariaLabel",1),n([i.queryAssignedElements({slot:"prefix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"prefixImgs",2),n([i.queryAssignedElements({slot:"suffix",flatten:!0,selector:"img"})],exports.SchmancyButton.prototype,"suffixImgs",2),exports.SchmancyButton=n([i.customElement("schmancy-button")],exports.SchmancyButton);var y=Object.defineProperty,m=Object.getOwnPropertyDescriptor,h=(t,e,a,l)=>{for(var d,s=l>1?void 0:l?m(e,a):e,c=t.length-1;c>=0;c--)(d=t[c])&&(s=(l?d(e,a,s):d(s))||s);return l&&s&&y(e,a,s),s};exports.SchmnacyIconButton=class extends u.$LitElement(r.css`
 	:host {
 		display: block;
 	}
@@ -41,12 +41,12 @@
 					part="base"
 					href=${o.ifDefined(this.disabled?void 0:this.href)}
 					aria-label=${o.ifDefined(this.ariaLabel)}
-					class="${p.classMap(t)}"
+					class="${this.classMap(t)}"
 					tabindex=${this.disabled?"-1":"0"}
 					aria-disabled=${this.disabled}
 					@click=${this.disabled?this._preventDefault:void 0}
 				>
-					${u.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${p.classMap(e)}"></div>`)}
+					${p.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
 					<schmancy-icon size=${this.size==="sm"?"18px":this.size==="md"?"24px":"32px"}>
 						<slot></slot>
 					</schmancy-icon>
@@ -56,14 +56,14 @@
 				part="base"
 				aria-label=${o.ifDefined(this.ariaLabel)}
 				?disabled=${this.disabled}
-				class="${p.classMap(t)}"
+				class="${this.classMap(t)}"
 				type=${o.ifDefined(this.type)}
 				tabindex=${o.ifDefined(this.disabled?"-1":void 0)}
 			>
-				${u.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${p.classMap(e)}"></div>`)}
+				${p.when(!this.disabled,()=>r.html`<div class="absolute inset-0 ${this.classMap(e)}"></div>`)}
 				<schmancy-icon size=${this.size==="sm"?"18px":this.size==="md"?"24px":"32px"}>
 					<slot></slot>
 				</schmancy-icon>
 			</button>
-		`}},exports.SchmnacyIconButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},d([i.query('[part="base"]',!0)],exports.SchmnacyIconButton.prototype,"nativeElement",2),d([i.property({type:String})],exports.SchmnacyIconButton.prototype,"size",2),d([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"variant",2),d([i.property()],exports.SchmnacyIconButton.prototype,"width",2),d([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"type",2),d([i.property()],exports.SchmnacyIconButton.prototype,"href",2),d([i.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"disabled",2),d([i.property({attribute:"aria-label"})],exports.SchmnacyIconButton.prototype,"ariaLabel",1),exports.SchmnacyIconButton=d([i.customElement("schmancy-icon-button")],exports.SchmnacyIconButton);
-//# sourceMappingURL=icon-button-v16_Wpuk.cjs.map
+		`}},exports.SchmnacyIconButton.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},h([i.query('[part="base"]',!0)],exports.SchmnacyIconButton.prototype,"nativeElement",2),h([i.property({type:String})],exports.SchmnacyIconButton.prototype,"size",2),h([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"variant",2),h([i.property()],exports.SchmnacyIconButton.prototype,"width",2),h([i.property({reflect:!0,type:String})],exports.SchmnacyIconButton.prototype,"type",2),h([i.property()],exports.SchmnacyIconButton.prototype,"href",2),h([i.property({type:Boolean,reflect:!0})],exports.SchmnacyIconButton.prototype,"disabled",2),h([i.property({attribute:"aria-label"})],exports.SchmnacyIconButton.prototype,"ariaLabel",1),exports.SchmnacyIconButton=h([i.customElement("schmancy-icon-button")],exports.SchmnacyIconButton);
+//# sourceMappingURL=icon-button-CiOtCyCN.cjs.map

package/dist/icon-button-CiOtCyCN.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-button-CiOtCyCN.cjs","sources":["../src/button/button.ts","../src/button/icon-button.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, queryAssignedElements } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\n\nexport interface SchmancyButtonEventMap {\n\tSchmancyFocus: CustomEvent<void>\n\tSchmancyBlur: CustomEvent<void>\n}\n\nexport type ButtonVariant = 'elevated' | 'filled' | 'filled tonal' | 'outlined' | 'text'\n\n/**\n * A button component.\n * @element schmancy-button\n * @slot - The default slot.\n * @slot prefix - The prefix slot.\n * @slot suffix - The suffix slot.\n */\n@customElement('schmancy-button')\nexport class SchmancyButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\twidth: fit-content;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t * @public\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t * @public\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t@queryAssignedElements({\n\t\tslot: 'prefix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate prefixImgs!: HTMLImageElement[]\n\n\t@queryAssignedElements({\n\t\tslot: 'suffix',\n\t\tflatten: true,\n\t\tselector: 'img',\n\t})\n\tprivate suffixImgs!: HTMLImageElement[]\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tprotected get imgClasses(): string[] {\n\t\treturn ['max-h-[24px]', 'max-w-[24px]', 'object-contain']\n\t}\n\n\tfirstUpdated() {\n\t\t// Add image classes and ensure decorative images have an empty alt.\n\t\tthis.prefixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t\tthis.suffixImgs?.forEach(img => {\n\t\t\timg.classList.add(...this.imgClasses)\n\t\t\tif (!img.hasAttribute('alt')) {\n\t\t\t\timg.setAttribute('alt', '')\n\t\t\t}\n\t\t})\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 py-[8px] px-[16px] transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant === 'outlined' ||\n\t\t\t\t\tthis.variant === 'text' ||\n\t\t\t\t\tthis.variant === 'filled' ||\n\t\t\t\t\tthis.variant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant === 'elevated',\n\t\t\t'w-full tex-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-solid border-outline': this.variant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'filled tonal',\n\t\t\t'text-primary-default': this.variant === 'text',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'absolute inset-0 hover:opacity-[0.08] z-0 rounded-full': true,\n\t\t\t'hover:bg-primary-on': this.variant === 'filled',\n\t\t\t'hover:bg-primary-default': this.variant === 'outlined' || this.variant === 'elevated' || this.variant === 'text',\n\t\t\t'hover:bg-secondary-container': this.variant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<slot name=\"prefix\"></slot>\n\t\t\t\t<slot></slot>\n\t\t\t\t<slot name=\"suffix\"></slot>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-button': SchmancyButton\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html, LitElement, PropertyValueMap } from 'lit'\nimport { customElement, property, query } from 'lit/decorators.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\nimport { when } from 'lit/directives/when.js'\nimport { ButtonVariant } from './button'\n\n/**\n * An icon button component.\n * @element schmancy-icon-button\n * @slot - The default slot.\n */\n@customElement('schmancy-icon-button')\nexport class SchmnacyIconButton extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t@query('[part=\"base\"]', true)\n\tprivate nativeElement!: HTMLElement\n\n\tprivate _ariaLabel!: string\n\n\t/**\n\t * The size of the icon.\n\t * @attr\n\t * @default 'md'\n\t */\n\t@property({ type: String })\n\tpublic size: 'sm' | 'md' | 'lg' = 'md'\n\n\t/**\n\t * The variant of the button.\n\t * @attr\n\t * @default 'text'\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic variant: ButtonVariant = 'text'\n\n\t/**\n\t * The width of the button.\n\t * @attr\n\t * @type {'full' | 'auto'}\n\t * @default 'auto'\n\t */\n\t@property()\n\tpublic width: 'full' | 'auto' = 'auto'\n\n\t/**\n\t * The type of the button.\n\t * Defaults to 'button' (preventing accidental form submissions).\n\t * @attr\n\t */\n\t@property({ reflect: true, type: String })\n\tpublic type: 'button' | 'reset' | 'submit' = 'button'\n\n\t/**\n\t * The URL the button points to.\n\t * If provided, the component will render as an anchor element.\n\t * @attr\n\t */\n\t@property()\n\tpublic href?: string\n\n\t/**\n\t * Determines whether the button is disabled.\n\t * @attr\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tpublic disabled = false\n\n\t// Manage aria-label manually so that we can always use our internal property.\n\tpublic override set ariaLabel(value: string) {\n\t\tconst oldVal = this._ariaLabel\n\t\tthis._ariaLabel = value\n\n\t\tif (this.hasAttribute('aria-label')) {\n\t\t\tthis.removeAttribute('aria-label')\n\t\t}\n\t\tthis.requestUpdate('ariaLabel', oldVal)\n\t}\n\n\t@property({ attribute: 'aria-label' })\n\tpublic override get ariaLabel() {\n\t\treturn this._ariaLabel\n\t}\n\n\t/** Sets focus in the button. */\n\tpublic override focus(options?: FocusOptions) {\n\t\tthis.nativeElement.focus(options)\n\t}\n\n\t/** Removes focus from the button. */\n\tpublic override blur() {\n\t\tthis.nativeElement.blur()\n\t}\n\n\tclick(): void {\n\t\tthis.dispatchEvent(new Event('click', { bubbles: true, composed: true }))\n\t}\n\n\t// Prevent default behavior when the component is disabled.\n\tprivate _preventDefault(event: Event) {\n\t\tevent.preventDefault()\n\t\tevent.stopPropagation()\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void {\n\t\t// Add any first-update logic here if needed.\n\t}\n\n\trender() {\n\t\t// Compute classes for the interactive element.\n\t\tconst classes = {\n\t\t\t'z-0 h-full transition-all duration-200 relative rounded-full inline-flex justify-center items-center gap-[8px] outline-secondary-default focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 outline-hidden':\n\t\t\t\ttrue,\n\t\t\t'opacity-[0.38]': this.disabled,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'hover:shadow-xs':\n\t\t\t\t!this.disabled &&\n\t\t\t\t(this.variant === 'outlined' ||\n\t\t\t\t\tthis.variant === 'text' ||\n\t\t\t\t\tthis.variant === 'filled' ||\n\t\t\t\t\tthis.variant === 'filled tonal'),\n\t\t\t'hover:shadow-sm': !this.disabled && this.variant === 'elevated',\n\t\t\t'w-full text-center': this.width === 'full',\n\t\t\t'bg-surface-low text-primary-default shadow-xs': this.variant === 'elevated',\n\t\t\t'bg-transparent text-primary-default border-1 border-outline': this.variant === 'outlined',\n\t\t\t'bg-primary-default text-primary-on': this.variant === 'filled',\n\t\t\t'bg-secondary-container text-secondary-onContainer': this.variant === 'filled tonal',\n\t\t\t'text-primary-default': this.variant === 'text',\n\t\t\t'px-[6px] py-[6px]': this.size === 'sm',\n\t\t\t'px-[8px] py-[8px]': this.size === 'md',\n\t\t\t'px-[12px] py-[12px]': this.size === 'lg',\n\t\t}\n\n\t\tconst stateLayerClasses = {\n\t\t\t'hover:opacity-[0.08] rounded-full z-0': true,\n\t\t\t'hover:bg-primary-on': this.variant === 'filled',\n\t\t\t'hover:bg-primary-default': this.variant === 'outlined' || this.variant === 'elevated' || this.variant === 'text',\n\t\t\t'hover:bg-secondary-container': this.variant === 'filled tonal',\n\t\t}\n\n\t\t// If href is provided, render an anchor element.\n\t\tif (this.href) {\n\t\t\treturn html`\n\t\t\t\t<a\n\t\t\t\t\tpart=\"base\"\n\t\t\t\t\thref=${ifDefined(this.disabled ? undefined : this.href)}\n\t\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\t\t@click=${this.disabled ? this._preventDefault : undefined}\n\t\t\t\t>\n\t\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</schmancy-icon>\n\t\t\t\t</a>\n\t\t\t`\n\t\t}\n\n\t\t// Otherwise, render a native button element.\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tpart=\"base\"\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\tclass=\"${this.classMap(classes)}\"\n\t\t\t\ttype=${ifDefined(this.type)}\n\t\t\t\ttabindex=${ifDefined(this.disabled ? '-1' : undefined)}\n\t\t\t>\n\t\t\t\t${when(!this.disabled, () => html`<div class=\"absolute inset-0 ${this.classMap(stateLayerClasses)}\"></div>`)}\n\t\t\t\t<schmancy-icon size=${this.size === 'sm' ? '18px' : this.size === 'md' ? '24px' : '32px'}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</schmancy-icon>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-icon-button': SchmnacyIconButton\n\t}\n}\n"],"names":["SchmancyButton","$LitElement","css","constructor","super","arguments","this","variant","width","type","disabled","value","oldVal","_ariaLabel","hasAttribute","removeAttribute","requestUpdate","options","nativeElement","focus","blur","imgClasses","prefixImgs","forEach","img","classList","add","setAttribute","suffixImgs","dispatchEvent","Event","bubbles","composed","event","preventDefault","stopPropagation","render","classes","stateLayerClasses","href","html","ifDefined","ariaLabel","classMap","_preventDefault","when","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","query","prototype","property","reflect","String","Boolean","attribute","queryAssignedElements","slot","flatten","selector","customElement","SchmnacyIconButton","size","_changedProperties"],"mappings":"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"}

package/dist/icons.cjs

@@ -1,2 +1,2 @@
-"use strict";require("./icon-B2TAMsVV.cjs");
+"use strict";require("./icon-Bxc6Xls9.cjs");
 //# sourceMappingURL=icons.cjs.map

package/dist/icons.js

@@ -1,2 +1,2 @@
-import "./icon-CgdV8xXm.js";
+import "./icon-B1CA-Jmf.js";
 //# sourceMappingURL=icons.js.map

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-1uYn8Ziy.cjs");const a=require("./area.component-GhcXWZom.cjs");require("./autocomplete-BYRVh7wm.cjs");const r=require("./avatar-DIw8oQCK.cjs");require("./spinner-CXcN_7iP.cjs");const h=require("./icon-button-v16_Wpuk.cjs"),O=require("./checkbox-CsJ1Zl7_.cjs");require("./chips-tWAKSPgh.cjs");const D=require("./payment-card-form-Cs1Fe-jn.cjs"),P=require("./date-range-B36F2jCL.cjs"),u=require("./delay-DPjF4boE.cjs"),c=require("./dialog-content-nFxzBHR3.cjs"),y=require("./ripple-C2BHbhcS.cjs");require("./divider-S-V_G4uT.cjs");const b=require("./dropdown-content-FchGZaYf.cjs"),p=require("./timezone-1funzjSl.cjs");require("./form-eYkcvIGx.cjs"),require("./icon-B2TAMsVV.cjs"),require("./input-BesJg4Lr.cjs");const n=require("./flex-CeNZzdB_.cjs"),m=require("./list-CkKqFSsQ.cjs");require("./menu-w6S-1zwg.cjs");const o=require("./notification-service-GqFYX3BY.cjs");require("./option-H_5RmXzL.cjs");const g=require("./radio-button-Bun4Rw8J.cjs"),j=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const q=require("./select-fDXX9rZH.cjs"),i=require("./sheet-VbYRmLjY.cjs"),d=require("./slider-CnRmBcSn.cjs"),S=require("./schmancy-steps-container-BOfglmzy.cjs"),t=require("./context-object-CP7HbDFQ.cjs"),e=require("./selector-hook-CyvD9WN9.cjs"),s=require("./surface-heIK476k.cjs"),f=require("./table-D0JKsZBA.cjs");require("./tabs-compatibility-CW6GHYpE.cjs"),require("./textarea-BQNINluA.cjs");const l=require("./theme.component-BvX40hsa.cjs"),w=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-D0hfmSaA.cjs");const C=require("./tooltip-BWEQ7v1X.cjs"),T=require("./tree-D79ONm20.cjs"),M=require("./types.cjs"),I=require("./typewriter-CGuc9kZU.cjs"),N=require("./typography-JoSITcA_.cjs"),A=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=a.FINDING_MORTIES,exports.HERE_RICKY=a.HERE_RICKY,exports.HISTORY_STRATEGY=a.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>a.SchmancyArea}),exports.area=a.area,exports.routerHistory=a.routerHistory,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>h.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>h.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>O.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>D.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>P.SchmancyDateRange}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>u.SchmancyDelay}),exports.delayContext=u.delayContext,exports.$dialog=c.$dialog,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>c.ConfirmDialog}),exports.DialogService=c.DialogService,Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>c.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>c.SchmancyDialogContent}),exports.color=y.color,exports.fullHeight=y.fullHeight,exports.ripple=y.ripple,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>b.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>b.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>p.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>p.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>n.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>n.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>n.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>n.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.SchmancyListTypeContext=m.SchmancyListTypeContext,exports.$notify=o.$notify,exports.NotificationAudioService=o.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>o.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>o.SchmancyNotificationContainer}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>g.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>g.RadioGroup}),exports.mutationObserver=j.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>q.SchmancySelect}),exports.SchmancySheetPosition=i.SchmancySheetPosition,exports.SheetHereMorty=i.SheetHereMorty,exports.SheetWhereAreYouRicky=i.SheetWhereAreYouRicky,exports.sheet=i.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>d.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>d.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>S.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>S.SchmancyStepsContainer}),exports.StepsController=S.StepsController,exports.stepsContext=S.stepsContext,exports.BaseStore=t.BaseStore,exports.IndexedDBStorageManager=t.IndexedDBStorageManager,exports.LocalStorageManager=t.LocalStorageManager,exports.MemoryStorageManager=t.MemoryStorageManager,exports.SchmancyArrayStore=t.SchmancyArrayStore,exports.SchmancyStoreObject=t.SchmancyStoreObject,exports.SessionStorageManager=t.SessionStorageManager,exports.StoreError=t.StoreError,exports.createStorageManager=t.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>s.SchmancySurface}),exports.SchmancySurfaceTypeContext=s.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>f.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>f.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>l.SchmancyThemeComponent}),exports.formateTheme=l.formateTheme,exports.tailwindStyles=l.tailwindStyles,exports.SchmancyTheme=w.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>C.SchmancyTooltip}),exports.tooltip=C.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>T.SchmancyTree}),exports.SchmancyEvents=M.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>I.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>N.SchmancyTypography}),exports.intersection$=A.intersection$;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),require("./animated-text-1uYn8Ziy.cjs");const a=require("./area.component-GhcXWZom.cjs");require("./autocomplete-BYRVh7wm.cjs");const r=require("./avatar-BlmUbVv3.cjs");require("./spinner-CXcN_7iP.cjs");const h=require("./icon-button-CiOtCyCN.cjs"),O=require("./checkbox-CsJ1Zl7_.cjs");require("./chips-tWAKSPgh.cjs");const D=require("./payment-card-form-Cs1Fe-jn.cjs"),P=require("./date-range-B36F2jCL.cjs"),u=require("./delay-DPjF4boE.cjs"),c=require("./dialog-content-nFxzBHR3.cjs"),y=require("./ripple-C2BHbhcS.cjs");require("./divider-S-V_G4uT.cjs");const b=require("./dropdown-content-FchGZaYf.cjs"),p=require("./timezone-1funzjSl.cjs");require("./form-eYkcvIGx.cjs"),require("./icon-Bxc6Xls9.cjs"),require("./input-BesJg4Lr.cjs");const n=require("./flex-CeNZzdB_.cjs"),m=require("./list-CkKqFSsQ.cjs");require("./menu-w6S-1zwg.cjs");const o=require("./notification-service-GqFYX3BY.cjs");require("./option-H_5RmXzL.cjs");const g=require("./radio-button-Bun4Rw8J.cjs"),j=require("./rxjs-utils.cjs");require("rxjs"),require("./index-DyJ0oDpR.cjs");const q=require("./select-fDXX9rZH.cjs"),i=require("./sheet-VbYRmLjY.cjs"),d=require("./slider-CnRmBcSn.cjs"),S=require("./schmancy-steps-container-BOfglmzy.cjs"),t=require("./context-object-CP7HbDFQ.cjs"),e=require("./selector-hook-CyvD9WN9.cjs"),s=require("./surface-heIK476k.cjs"),f=require("./table-D0JKsZBA.cjs");require("./tabs-compatibility-CW6GHYpE.cjs"),require("./textarea-BQNINluA.cjs");const l=require("./theme.component-BvX40hsa.cjs"),w=require("./theme.interface-Xg5Zi46a.cjs");require("./theme-button-D0hfmSaA.cjs");const C=require("./tooltip-BWEQ7v1X.cjs"),T=require("./tree-D79ONm20.cjs"),M=require("./types.cjs"),I=require("./typewriter-CGuc9kZU.cjs"),N=require("./typography-Dy963fcX.cjs"),A=require("./intersection-CVvaDv96.cjs");exports.FINDING_MORTIES=a.FINDING_MORTIES,exports.HERE_RICKY=a.HERE_RICKY,exports.HISTORY_STRATEGY=a.HISTORY_STRATEGY,Object.defineProperty(exports,"SchmancyArea",{enumerable:!0,get:()=>a.SchmancyArea}),exports.area=a.area,exports.routerHistory=a.routerHistory,exports.$drawer=r.$drawer,exports.HereMorty=r.HereMorty,Object.defineProperty(exports,"SchmancyAvatar",{enumerable:!0,get:()=>r.SchmancyAvatar}),Object.defineProperty(exports,"SchmancyBadgeV2",{enumerable:!0,get:()=>r.SchmancyBadgeV2}),Object.defineProperty(exports,"SchmancyContentDrawer",{enumerable:!0,get:()=>r.SchmancyContentDrawer}),exports.SchmancyContentDrawerID=r.SchmancyContentDrawerID,Object.defineProperty(exports,"SchmancyContentDrawerMain",{enumerable:!0,get:()=>r.SchmancyContentDrawerMain}),exports.SchmancyContentDrawerMaxHeight=r.SchmancyContentDrawerMaxHeight,exports.SchmancyContentDrawerMinWidth=r.SchmancyContentDrawerMinWidth,Object.defineProperty(exports,"SchmancyContentDrawerSheet",{enumerable:!0,get:()=>r.SchmancyContentDrawerSheet}),exports.SchmancyContentDrawerSheetMode=r.SchmancyContentDrawerSheetMode,exports.SchmancyContentDrawerSheetState=r.SchmancyContentDrawerSheetState,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>r.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=r.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=r.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>r.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>r.SchmancyNavigationDrawerSidebar}),Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>r.SchmancyTeleportation}),exports.WhereAreYouRicky=r.WhereAreYouRicky,exports.schmancyContentDrawer=r.schmancyContentDrawer,exports.schmancyNavDrawer=r.schmancyNavDrawer,exports.teleport=r.teleport,Object.defineProperty(exports,"SchmancyButton",{enumerable:!0,get:()=>h.SchmancyButton}),Object.defineProperty(exports,"SchmnacyIconButton",{enumerable:!0,get:()=>h.SchmnacyIconButton}),Object.defineProperty(exports,"SchmancyCheckbox",{enumerable:!0,get:()=>O.SchmancyCheckbox}),Object.defineProperty(exports,"SchmancyPaymentCardForm",{enumerable:!0,get:()=>D.SchmancyPaymentCardForm}),Object.defineProperty(exports,"SchmancyDateRange",{enumerable:!0,get:()=>P.SchmancyDateRange}),Object.defineProperty(exports,"SchmancyDelay",{enumerable:!0,get:()=>u.SchmancyDelay}),exports.delayContext=u.delayContext,exports.$dialog=c.$dialog,Object.defineProperty(exports,"ConfirmDialog",{enumerable:!0,get:()=>c.ConfirmDialog}),exports.DialogService=c.DialogService,Object.defineProperty(exports,"SchmancyDialog",{enumerable:!0,get:()=>c.SchmancyDialog}),Object.defineProperty(exports,"SchmancyDialogContent",{enumerable:!0,get:()=>c.SchmancyDialogContent}),exports.color=y.color,exports.fullHeight=y.fullHeight,exports.ripple=y.ripple,Object.defineProperty(exports,"SchmancyDropdown",{enumerable:!0,get:()=>b.SchmancyDropdown}),Object.defineProperty(exports,"SchmancyDropdownContent",{enumerable:!0,get:()=>b.SchmancyDropdownContent}),Object.defineProperty(exports,"SchmancyCountriesSelect",{enumerable:!0,get:()=>p.SchmancyCountriesSelect}),Object.defineProperty(exports,"SchmancyTimezonesSelect",{enumerable:!0,get:()=>p.SchmancyTimezonesSelect}),Object.defineProperty(exports,"SchmancyFlex",{enumerable:!0,get:()=>n.SchmancyFlex}),Object.defineProperty(exports,"SchmancyFlexV2",{enumerable:!0,get:()=>n.SchmancyFlexV2}),Object.defineProperty(exports,"SchmancyGrid",{enumerable:!0,get:()=>n.SchmancyGrid}),Object.defineProperty(exports,"SchmancyScroll",{enumerable:!0,get:()=>n.SchmancyScroll}),Object.defineProperty(exports,"List",{enumerable:!0,get:()=>m.List}),Object.defineProperty(exports,"SchmancyListItem",{enumerable:!0,get:()=>m.SchmancyListItem}),exports.SchmancyListTypeContext=m.SchmancyListTypeContext,exports.$notify=o.$notify,exports.NotificationAudioService=o.NotificationAudioService,Object.defineProperty(exports,"SchmancyNotification",{enumerable:!0,get:()=>o.SchmancyNotification}),Object.defineProperty(exports,"SchmancyNotificationContainer",{enumerable:!0,get:()=>o.SchmancyNotificationContainer}),Object.defineProperty(exports,"RadioButton",{enumerable:!0,get:()=>g.RadioButton}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:()=>g.RadioGroup}),exports.mutationObserver=j.mutationObserver,Object.defineProperty(exports,"SchmancySelect",{enumerable:!0,get:()=>q.SchmancySelect}),exports.SchmancySheetPosition=i.SchmancySheetPosition,exports.SheetHereMorty=i.SheetHereMorty,exports.SheetWhereAreYouRicky=i.SheetWhereAreYouRicky,exports.sheet=i.sheet,Object.defineProperty(exports,"SchmancySlide",{enumerable:!0,get:()=>d.SchmancySlide}),Object.defineProperty(exports,"SchmancySlider",{enumerable:!0,get:()=>d.SchmancySlider}),Object.defineProperty(exports,"SchmancyStep",{enumerable:!0,get:()=>S.SchmancyStep}),Object.defineProperty(exports,"SchmancyStepsContainer",{enumerable:!0,get:()=>S.SchmancyStepsContainer}),exports.StepsController=S.StepsController,exports.stepsContext=S.stepsContext,exports.BaseStore=t.BaseStore,exports.IndexedDBStorageManager=t.IndexedDBStorageManager,exports.LocalStorageManager=t.LocalStorageManager,exports.MemoryStorageManager=t.MemoryStorageManager,exports.SchmancyArrayStore=t.SchmancyArrayStore,exports.SchmancyStoreObject=t.SchmancyStoreObject,exports.SessionStorageManager=t.SessionStorageManager,exports.StoreError=t.StoreError,exports.createStorageManager=t.createStorageManager,exports.compareValues=e.compareValues,exports.createArrayContext=e.createArrayContext,exports.createCollectionSelector=e.createCollectionSelector,exports.createCompoundSelector=e.createCompoundSelector,exports.createContext=e.createContext,exports.createCountSelector=e.createCountSelector,exports.createEntriesSelector=e.createEntriesSelector,exports.createFilterSelector=e.createFilterSelector,exports.createFindSelector=e.createFindSelector,exports.createItemSelector=e.createItemSelector,exports.createItemsSelector=e.createItemsSelector,exports.createKeysSelector=e.createKeysSelector,exports.createMapSelector=e.createMapSelector,exports.createOptimizedSelector=e.createOptimizedSelector,exports.createSelector=e.createSelector,exports.createSortSelector=e.createSortSelector,exports.createTestArrayContext=e.createTestArrayContext,exports.filterArray=e.filterArray,exports.filterArrayItems=e.filterArrayItems,exports.filterMap=e.filterMap,exports.filterMapItems=e.filterMapItems,exports.getFieldValue=e.getFieldValue,exports.isArray=e.isArray,exports.isDate=e.isDate,exports.isIterable=e.isIterable,exports.isMap=e.isMap,exports.isNil=e.isNil,exports.isNumber=e.isNumber,exports.isPlainObject=e.isPlainObject,exports.isSet=e.isSet,exports.isString=e.isString,exports.select=e.select,exports.selectItem=e.selectItem,Object.defineProperty(exports,"SchmancySurface",{enumerable:!0,get:()=>s.SchmancySurface}),exports.SchmancySurfaceTypeContext=s.SchmancySurfaceTypeContext,Object.defineProperty(exports,"SchmancyDataTable",{enumerable:!0,get:()=>f.SchmancyDataTable}),Object.defineProperty(exports,"SchmancyTableRow",{enumerable:!0,get:()=>f.SchmancyTableRow}),Object.defineProperty(exports,"SchmancyThemeComponent",{enumerable:!0,get:()=>l.SchmancyThemeComponent}),exports.formateTheme=l.formateTheme,exports.tailwindStyles=l.tailwindStyles,exports.SchmancyTheme=w.SchmancyTheme,Object.defineProperty(exports,"SchmancyTooltip",{enumerable:!0,get:()=>C.SchmancyTooltip}),exports.tooltip=C.tooltip,Object.defineProperty(exports,"SchmancyTree",{enumerable:!0,get:()=>T.SchmancyTree}),exports.SchmancyEvents=M.SchmancyEvents,Object.defineProperty(exports,"TypewriterElement",{enumerable:!0,get:()=>I.TypewriterElement}),Object.defineProperty(exports,"SchmancyTypography",{enumerable:!0,get:()=>N.SchmancyTypography}),exports.intersection$=A.intersection$;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,9 +1,9 @@
 import "./animated-text-CuWNIpQo.js";
 import { F as C, H as D, b as d, S as g, a as w, r as b } from "./area.component-DbfkjQSm.js";
 import "./autocomplete-CG_Kcz6l.js";
-import { $ as M, H as T, q as I, S as A, f as N, c as v, g as R, d as E, e as F, h as H, a as B, b as $, j as L, l as O, m as k, n as G, k as Y, o as j, p as V, W, s as z, i as P, t as _ } from "./avatar-CjMQMn0-.js";
+import { $ as M, H as T, q as I, S as A, f as N, c as v, g as R, d as E, e as F, h as H, a as B, b as $, j as L, l as O, m as k, n as G, k as Y, o as j, p as V, W, s as z, i as P, t as _ } from "./avatar-DcGAJNjf.js";
 import "./spinner-BELDf4x_.js";
-import { S as K, a as J } from "./icon-button-CRaJHBpp.js";
+import { S as K, a as J } from "./icon-button-BiMuO20G.js";
 import { S as U } from "./checkbox-yujx-Axh.js";
 import "./chips-YWxRttHr.js";
 import { S as Z } from "./payment-card-form-DzemM9qi.js";
@@ -15,7 +15,7 @@ import "./divider-k7o6OTqW.js";
 import { S as xa, a as Ca } from "./dropdown-content-BZpKqm6U.js";
 import { S as da, a as ga } from "./timezone-4GjiROPl.js";
 import "./form-B2CIvFBp.js";
-import "./icon-CgdV8xXm.js";
+import "./icon-B1CA-Jmf.js";
 import "./input-WQrLtis4.js";
 import { S as ba, c as ua, a as Ma, b as Ta } from "./flex-WYtKeTr4.js";
 import { L as Aa, a as Na, S as va } from "./list-C0ZJ2QEd.js";
@@ -43,7 +43,7 @@ import { S as or, t as cr } from "./tooltip-C02mtdN1.js";
 import { S as nr } from "./tree-rNdGSQaj.js";
 import { SchmancyEvents as mr } from "./types.js";
 import { T as yr } from "./typewriter-D7BL8ySs.js";
-import { S as pr } from "./typography-BjNrTnRm.js";
+import { S as pr } from "./typography-BwIdcthn.js";
 import { i as fr } from "./intersection-CJxzz8c-.js";
 export {
   sa as $dialog,

package/dist/nav-drawer.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DIw8oQCK.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BlmUbVv3.cjs");exports.$drawer=e.$drawer,Object.defineProperty(exports,"SchmancyDrawerAppbar",{enumerable:!0,get:()=>e.SchmancyDrawerAppbar}),exports.SchmancyDrawerNavbarMode=e.SchmancyDrawerNavbarMode,exports.SchmancyDrawerNavbarState=e.SchmancyDrawerNavbarState,Object.defineProperty(exports,"SchmancyNavigationDrawer",{enumerable:!0,get:()=>e.SchmancyNavigationDrawer}),Object.defineProperty(exports,"SchmancyNavigationDrawerContent",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerContent}),Object.defineProperty(exports,"SchmancyNavigationDrawerSidebar",{enumerable:!0,get:()=>e.SchmancyNavigationDrawerSidebar}),exports.schmancyNavDrawer=e.schmancyNavDrawer;
 //# sourceMappingURL=nav-drawer.cjs.map

package/dist/nav-drawer.js

@@ -1,4 +1,4 @@
-import { $ as c, j as e, l as n, m, n as s, k as i, o, i as t } from "./avatar-CjMQMn0-.js";
+import { $ as c, j as e, l as n, m, n as s, k as i, o, i as t } from "./avatar-DcGAJNjf.js";
 export {
   c as $drawer,
   e as SchmancyDrawerAppbar,

package/dist/teleport.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-DIw8oQCK.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./avatar-BlmUbVv3.cjs");exports.HereMorty=e.HereMorty,Object.defineProperty(exports,"SchmancyTeleportation",{enumerable:!0,get:()=>e.SchmancyTeleportation}),exports.WhereAreYouRicky=e.WhereAreYouRicky,exports.teleport=e.teleport;
 //# sourceMappingURL=teleport.cjs.map

package/dist/teleport.js

@@ -1,4 +1,4 @@
-import { H as o, p as t, W as a, t as p } from "./avatar-CjMQMn0-.js";
+import { H as o, p as t, W as a, t as p } from "./avatar-DcGAJNjf.js";
 export {
   o as HereMorty,
   t as SchmancyTeleportation,

package/dist/typography-BwIdcthn.js

@@ -0,0 +1,28 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { T as o } from "./tailwind.mixin-u1MaZkeY.js";
+import { html as r } from "lit";
+import { property as i, customElement as g } from "lit/decorators.js";
+var m = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (s, p, l, x) => {
+  for (var a, n = x > 1 ? void 0 : x ? d(p, l) : p, h = s.length - 1; h >= 0; h--) (a = s[h]) && (n = (x ? a(p, l, n) : a(n)) || n);
+  return x && n && m(p, l, n), n;
+};
+let t = class extends o("h1,h2,h3,h4,h5,h6,p{margin-block-start:0px;margin-block-end:0px;margin:0}:host{display:block;font-family:inherit}:host(.flex){display:flex}:host(.inline-flex){display:inline-flex}:host(.items-center){align-items:center}:host(.justify-center){justify-content:center}:host(.gap-1){gap:.25rem}:host(.gap-2){gap:.5rem}") {
+  constructor() {
+    super(...arguments), this.token = "md";
+  }
+  render() {
+    const s = { "inline-flex": !0, "hyphens-none items-center": !0, "text-center": this.align === "center", "text-start": this.align === "left", "text-right": this.align === "right", "text-justify": this.align === "justify", "line-clamp-1": this.maxLines === 1, "line-clamp-2": this.maxLines === 2, "line-clamp-3": this.maxLines === 3, "line-clamp-4": this.maxLines === 4, "line-clamp-5": this.maxLines === 5, "line-clamp-6": this.maxLines === 6, "line-clamp-none": this.maxLines === void 0, "text-[72px] tracking-[-0.5px] leading-[80px]": this.type === "display" && this.token === "2xl", "text-[64px] tracking-[-0.25px] leading-[72px]": this.type === "display" && this.token === "xl", "text-[57px] tracking-[-0.25px] leading-[64px]": this.type === "display" && this.token === "lg", "text-[45px] tracking-[0px] leading-[52px]": this.type === "display" && this.token === "md", "text-[36px] tracking-[0px] leading-[44px]": this.type === "display" && this.token === "sm", "text-[28px] tracking-[0px] leading-[36px]": this.type === "display" && this.token === "xs", "text-[36px] tracking-[0px] leading-[44px] headline-xl": this.type === "headline" && this.token === "xl", "text-[32px] tracking-[0px] leading-[40px] headline-lg": this.type === "headline" && this.token === "lg", "text-[28px] tracking-[0px] leading-[36px] headline-md": this.type === "headline" && this.token === "md", "text-[24px] tracking-[0px] leading-[32px] headline-sm": this.type === "headline" && this.token === "sm", "text-[20px] tracking-[0px] leading-[28px] headline-xs": this.type === "headline" && this.token === "xs", "text-[24px] tracking-[0px] leading-[32px] title-xl": this.type === "title" && this.token === "xl", "text-[22px] tracking-[0px] leading-[28px] title-lg": this.type === "title" && this.token === "lg", "font-medium text-[16px] tracking-[0.15px] leading-[24px] title-md": this.type === "title" && this.token === "md", "font-medium text-[14px] tracking-[0.1px] leading-[20px] title-sm": this.type === "title" && this.token === "sm", "font-medium text-[12px] tracking-[0.1px] leading-[16px] title-xs": this.type === "title" && this.token === "xs", "font-medium text-[20px] tracking-[0.15px] leading-[28px] subtitle-xl": this.type === "subtitle" && this.token === "xl", "font-medium text-[18px] tracking-[0.15px] leading-[24px] subtitle-lg": this.type === "subtitle" && this.token === "lg", "font-medium text-[16px] tracking-[0.15px] leading-[24px] subtitle-md": this.type === "subtitle" && this.token === "md", "font-medium text-[14px] tracking-[0.1px] leading-[20px] subtitle-sm": this.type === "subtitle" && this.token === "sm", "font-medium text-[12px] tracking-[0.1px] leading-[16px] subtitle-xs": this.type === "subtitle" && this.token === "xs", "text-[18px] tracking-[0.5px] leading-[28px]": this.type === "body" && this.token === "xl", "text-[16px] tracking-[0.5px] leading-[24px]": this.type === "body" && this.token === "lg", "text-[14px] tracking-[0.25px] leading-[20px]": this.type === "body" && this.token === "md", "text-[12px] tracking-[0.4px] leading-[16px]": this.type === "body" && this.token === "sm", "text-[10px] tracking-[0.4px] leading-[14px]": this.type === "body" && this.token === "xs", "font-medium text-[14px] tracking-[0.1px] leading-[20px]": this.type === "label" && this.token === "lg", "text-[12px] tracking-[0.5px] leading-[16px]": this.type === "label" && this.token === "md", "text-[11px] tracking-[0.5px] leading-[16px]": this.type === "label" && this.token === "sm", "text-[10px] tracking-[0.5px] leading-[14px]": this.type === "label" && this.token === "xs", "font-bold": this.weight === "bold", "font-medium": this.weight === "medium", "font-normal": this.weight === "normal", uppercase: this.transform === "uppercase", lowercase: this.transform === "lowercase", capitalize: this.transform === "capitalize" }, p = { letterSpacing: this.letterSpacing, fontSize: this.fontSize, lineHeight: this.lineHeight };
+    return r`
+			<span style=${this.styleMap(p)} class=${this.classMap(s)}>
+				<slot></slot>
+			</span>
+		`;
+  }
+};
+e([i({ type: String, reflect: !0 })], t.prototype, "type", 2), e([i({ type: String, reflect: !0 })], t.prototype, "token", 2), e([i({ type: String })], t.prototype, "align", 2), e([i({ type: String })], t.prototype, "weight", 2), e([i({ type: String })], t.prototype, "lineHeight", 2), e([i({ type: String })], t.prototype, "transform", 2), e([i({ type: Number })], t.prototype, "maxLines", 2), e([i({ type: String })], t.prototype, "letterSpacing", 2), e([i({ type: String })], t.prototype, "fontSize", 2), t = e([g("schmancy-typography")], t);
+export {
+  t as S
+};
+//# sourceMappingURL=typography-BwIdcthn.js.map

package/dist/typography-BwIdcthn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-BwIdcthn.js","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport typographyStyle from './typography.scss?inline'\n// based on M3 typography https://m3.material.io/styles/typography/overview\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(typographyStyle) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default inherit\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\n\t@property({ type: String }) lineHeight: string | undefined\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String }) transform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number }) maxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t@property({ type: String }) letterSpacing: string | undefined\n\t@property({ type: String }) fontSize: string | undefined\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'inline-flex': true,\n\t\t\t'hyphens-none items-center': true,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-start': this.align === 'left',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t'text-justify': this.align === 'justify',\n\t\t\t'line-clamp-1': this.maxLines === 1,\n\t\t\t'line-clamp-2': this.maxLines === 2,\n\t\t\t'line-clamp-3': this.maxLines === 3,\n\t\t\t'line-clamp-4': this.maxLines === 4,\n\t\t\t'line-clamp-5': this.maxLines === 5,\n\t\t\t'line-clamp-6': this.maxLines === 6,\n\t\t\t'line-clamp-none': this.maxLines === undefined,\n\n\t\t\t// Display\n\t\t\t'text-[72px] tracking-[-0.5px] leading-[80px]': this.type === 'display' && this.token === '2xl',\n\t\t\t'text-[64px] tracking-[-0.25px] leading-[72px]': this.type === 'display' && this.token === 'xl',\n\t\t\t'text-[57px] tracking-[-0.25px] leading-[64px]': this.type === 'display' && this.token === 'lg',\n\t\t\t'text-[45px] tracking-[0px] leading-[52px]': this.type === 'display' && this.token === 'md',\n\t\t\t'text-[36px] tracking-[0px] leading-[44px]': this.type === 'display' && this.token === 'sm',\n\t\t\t'text-[28px] tracking-[0px] leading-[36px]': this.type === 'display' && this.token === 'xs',\n\n\t\t\t// Headline\n\t\t\t'text-[36px] tracking-[0px] leading-[44px] headline-xl': this.type === 'headline' && this.token === 'xl',\n\t\t\t'text-[32px] tracking-[0px] leading-[40px] headline-lg': this.type === 'headline' && this.token === 'lg',\n\t\t\t'text-[28px] tracking-[0px] leading-[36px] headline-md': this.type === 'headline' && this.token === 'md',\n\t\t\t'text-[24px] tracking-[0px] leading-[32px] headline-sm': this.type === 'headline' && this.token === 'sm',\n\t\t\t'text-[20px] tracking-[0px] leading-[28px] headline-xs': this.type === 'headline' && this.token === 'xs',\n\n\t\t\t// Title\n\t\t\t'text-[24px] tracking-[0px] leading-[32px] title-xl': this.type === 'title' && this.token === 'xl',\n\t\t\t'text-[22px] tracking-[0px] leading-[28px] title-lg': this.type === 'title' && this.token === 'lg',\n\t\t\t'font-medium text-[16px] tracking-[0.15px] leading-[24px] title-md': this.type === 'title' && this.token === 'md',\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px] title-sm': this.type === 'title' && this.token === 'sm',\n\t\t\t'font-medium text-[12px] tracking-[0.1px] leading-[16px] title-xs': this.type === 'title' && this.token === 'xs',\n\n\t\t\t// Subtitle\n\t\t\t'font-medium text-[20px] tracking-[0.15px] leading-[28px] subtitle-xl':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'xl',\n\t\t\t'font-medium text-[18px] tracking-[0.15px] leading-[24px] subtitle-lg':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'lg',\n\t\t\t'font-medium text-[16px] tracking-[0.15px] leading-[24px] subtitle-md':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'md',\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px] subtitle-sm':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'sm',\n\t\t\t'font-medium text-[12px] tracking-[0.1px] leading-[16px] subtitle-xs':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'xs',\n\n\t\t\t// Body\n\t\t\t'text-[18px] tracking-[0.5px] leading-[28px]': this.type === 'body' && this.token === 'xl',\n\t\t\t'text-[16px] tracking-[0.5px] leading-[24px]': this.type === 'body' && this.token === 'lg',\n\t\t\t'text-[14px] tracking-[0.25px] leading-[20px]': this.type === 'body' && this.token === 'md',\n\t\t\t'text-[12px] tracking-[0.4px] leading-[16px]': this.type === 'body' && this.token === 'sm',\n\t\t\t'text-[10px] tracking-[0.4px] leading-[14px]': this.type === 'body' && this.token === 'xs',\n\n\t\t\t// Label\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px]': this.type === 'label' && this.token === 'lg',\n\t\t\t'text-[12px] tracking-[0.5px] leading-[16px]': this.type === 'label' && this.token === 'md',\n\t\t\t'text-[11px] tracking-[0.5px] leading-[16px]': this.type === 'label' && this.token === 'sm',\n\t\t\t'text-[10px] tracking-[0.5px] leading-[14px]': this.type === 'label' && this.token === 'xs',\n\n\t\t\t'font-bold': this.weight === 'bold',\n\t\t\t'font-medium': this.weight === 'medium',\n\t\t\t'font-normal': this.weight === 'normal',\n\n\t\t\tuppercase: this.transform === 'uppercase',\n\t\t\tlowercase: this.transform === 'lowercase',\n\t\t\tcapitalize: this.transform === 'capitalize',\n\t\t}\n\n\t\tconst styles = {\n\t\t\tletterSpacing: this.letterSpacing,\n\t\t\tfontSize: this.fontSize,\n\t\t\tlineHeight: this.lineHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<span style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}\n"],"names":["SchmancyTypography","TailwindElement","super","arguments","this","token","render","classes","align","maxLines","type","weight","uppercase","transform","lowercase","capitalize","styles","letterSpacing","fontSize","lineHeight","html","styleMap","classMap","__decorateClass","property","String","reflect","prototype","Number","customElement"],"mappings":"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"}

package/dist/typography-Dy963fcX.cjs

@@ -0,0 +1,6 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("./tailwind.mixin-BQxmEoe0.cjs"),h=require("lit"),t=require("lit/decorators.js");var o=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(n,p,a,s)=>{for(var x,i=s>1?void 0:s?y(p,a):p,l=n.length-1;l>=0;l--)(x=n[l])&&(i=(s?x(p,a,i):x(i))||i);return s&&i&&o(p,a,i),i};exports.SchmancyTypography=class extends r.TailwindElement("h1,h2,h3,h4,h5,h6,p{margin-block-start:0px;margin-block-end:0px;margin:0}:host{display:block;font-family:inherit}:host(.flex){display:flex}:host(.inline-flex){display:inline-flex}:host(.items-center){align-items:center}:host(.justify-center){justify-content:center}:host(.gap-1){gap:.25rem}:host(.gap-2){gap:.5rem}"){constructor(){super(...arguments),this.token="md"}render(){const n={"inline-flex":!0,"hyphens-none items-center":!0,"text-center":this.align==="center","text-start":this.align==="left","text-right":this.align==="right","text-justify":this.align==="justify","line-clamp-1":this.maxLines===1,"line-clamp-2":this.maxLines===2,"line-clamp-3":this.maxLines===3,"line-clamp-4":this.maxLines===4,"line-clamp-5":this.maxLines===5,"line-clamp-6":this.maxLines===6,"line-clamp-none":this.maxLines===void 0,"text-[72px] tracking-[-0.5px] leading-[80px]":this.type==="display"&&this.token==="2xl","text-[64px] tracking-[-0.25px] leading-[72px]":this.type==="display"&&this.token==="xl","text-[57px] tracking-[-0.25px] leading-[64px]":this.type==="display"&&this.token==="lg","text-[45px] tracking-[0px] leading-[52px]":this.type==="display"&&this.token==="md","text-[36px] tracking-[0px] leading-[44px]":this.type==="display"&&this.token==="sm","text-[28px] tracking-[0px] leading-[36px]":this.type==="display"&&this.token==="xs","text-[36px] tracking-[0px] leading-[44px] headline-xl":this.type==="headline"&&this.token==="xl","text-[32px] tracking-[0px] leading-[40px] headline-lg":this.type==="headline"&&this.token==="lg","text-[28px] tracking-[0px] leading-[36px] headline-md":this.type==="headline"&&this.token==="md","text-[24px] tracking-[0px] leading-[32px] headline-sm":this.type==="headline"&&this.token==="sm","text-[20px] tracking-[0px] leading-[28px] headline-xs":this.type==="headline"&&this.token==="xs","text-[24px] tracking-[0px] leading-[32px] title-xl":this.type==="title"&&this.token==="xl","text-[22px] tracking-[0px] leading-[28px] title-lg":this.type==="title"&&this.token==="lg","font-medium text-[16px] tracking-[0.15px] leading-[24px] title-md":this.type==="title"&&this.token==="md","font-medium text-[14px] tracking-[0.1px] leading-[20px] title-sm":this.type==="title"&&this.token==="sm","font-medium text-[12px] tracking-[0.1px] leading-[16px] title-xs":this.type==="title"&&this.token==="xs","font-medium text-[20px] tracking-[0.15px] leading-[28px] subtitle-xl":this.type==="subtitle"&&this.token==="xl","font-medium text-[18px] tracking-[0.15px] leading-[24px] subtitle-lg":this.type==="subtitle"&&this.token==="lg","font-medium text-[16px] tracking-[0.15px] leading-[24px] subtitle-md":this.type==="subtitle"&&this.token==="md","font-medium text-[14px] tracking-[0.1px] leading-[20px] subtitle-sm":this.type==="subtitle"&&this.token==="sm","font-medium text-[12px] tracking-[0.1px] leading-[16px] subtitle-xs":this.type==="subtitle"&&this.token==="xs","text-[18px] tracking-[0.5px] leading-[28px]":this.type==="body"&&this.token==="xl","text-[16px] tracking-[0.5px] leading-[24px]":this.type==="body"&&this.token==="lg","text-[14px] tracking-[0.25px] leading-[20px]":this.type==="body"&&this.token==="md","text-[12px] tracking-[0.4px] leading-[16px]":this.type==="body"&&this.token==="sm","text-[10px] tracking-[0.4px] leading-[14px]":this.type==="body"&&this.token==="xs","font-medium text-[14px] tracking-[0.1px] leading-[20px]":this.type==="label"&&this.token==="lg","text-[12px] tracking-[0.5px] leading-[16px]":this.type==="label"&&this.token==="md","text-[11px] tracking-[0.5px] leading-[16px]":this.type==="label"&&this.token==="sm","text-[10px] tracking-[0.5px] leading-[14px]":this.type==="label"&&this.token==="xs","font-bold":this.weight==="bold","font-medium":this.weight==="medium","font-normal":this.weight==="normal",uppercase:this.transform==="uppercase",lowercase:this.transform==="lowercase",capitalize:this.transform==="capitalize"},p={letterSpacing:this.letterSpacing,fontSize:this.fontSize,lineHeight:this.lineHeight};return h.html`
+			<span style=${this.styleMap(p)} class=${this.classMap(n)}>
+				<slot></slot>
+			</span>
+		`}},e([t.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"type",2),e([t.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"token",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"align",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"weight",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"lineHeight",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"transform",2),e([t.property({type:Number})],exports.SchmancyTypography.prototype,"maxLines",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"letterSpacing",2),e([t.property({type:String})],exports.SchmancyTypography.prototype,"fontSize",2),exports.SchmancyTypography=e([t.customElement("schmancy-typography")],exports.SchmancyTypography);
+//# sourceMappingURL=typography-Dy963fcX.cjs.map

package/dist/typography-Dy963fcX.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-Dy963fcX.cjs","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport typographyStyle from './typography.scss?inline'\n// based on M3 typography https://m3.material.io/styles/typography/overview\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(typographyStyle) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default inherit\n\t * @type {'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String })\n\talign: 'left' | 'center' | 'justify' | 'right' | undefined\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'normal' | 'medium' |'bold'}\n\t * @public\n\t */\n\t@property({ type: String })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\n\t@property({ type: String }) lineHeight: string | undefined\n\t/**\n\t *\n\t * @attr\n\t * @default inherit\n\t * @type {'uppercase' |'lowercase' |'capitalize' |'normal'}\n\t * @public\n\t */\n\t@property({ type: String }) transform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number }) maxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t@property({ type: String }) letterSpacing: string | undefined\n\t@property({ type: String }) fontSize: string | undefined\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'inline-flex': true,\n\t\t\t'hyphens-none items-center': true,\n\t\t\t'text-center': this.align === 'center',\n\t\t\t'text-start': this.align === 'left',\n\t\t\t'text-right': this.align === 'right',\n\t\t\t'text-justify': this.align === 'justify',\n\t\t\t'line-clamp-1': this.maxLines === 1,\n\t\t\t'line-clamp-2': this.maxLines === 2,\n\t\t\t'line-clamp-3': this.maxLines === 3,\n\t\t\t'line-clamp-4': this.maxLines === 4,\n\t\t\t'line-clamp-5': this.maxLines === 5,\n\t\t\t'line-clamp-6': this.maxLines === 6,\n\t\t\t'line-clamp-none': this.maxLines === undefined,\n\n\t\t\t// Display\n\t\t\t'text-[72px] tracking-[-0.5px] leading-[80px]': this.type === 'display' && this.token === '2xl',\n\t\t\t'text-[64px] tracking-[-0.25px] leading-[72px]': this.type === 'display' && this.token === 'xl',\n\t\t\t'text-[57px] tracking-[-0.25px] leading-[64px]': this.type === 'display' && this.token === 'lg',\n\t\t\t'text-[45px] tracking-[0px] leading-[52px]': this.type === 'display' && this.token === 'md',\n\t\t\t'text-[36px] tracking-[0px] leading-[44px]': this.type === 'display' && this.token === 'sm',\n\t\t\t'text-[28px] tracking-[0px] leading-[36px]': this.type === 'display' && this.token === 'xs',\n\n\t\t\t// Headline\n\t\t\t'text-[36px] tracking-[0px] leading-[44px] headline-xl': this.type === 'headline' && this.token === 'xl',\n\t\t\t'text-[32px] tracking-[0px] leading-[40px] headline-lg': this.type === 'headline' && this.token === 'lg',\n\t\t\t'text-[28px] tracking-[0px] leading-[36px] headline-md': this.type === 'headline' && this.token === 'md',\n\t\t\t'text-[24px] tracking-[0px] leading-[32px] headline-sm': this.type === 'headline' && this.token === 'sm',\n\t\t\t'text-[20px] tracking-[0px] leading-[28px] headline-xs': this.type === 'headline' && this.token === 'xs',\n\n\t\t\t// Title\n\t\t\t'text-[24px] tracking-[0px] leading-[32px] title-xl': this.type === 'title' && this.token === 'xl',\n\t\t\t'text-[22px] tracking-[0px] leading-[28px] title-lg': this.type === 'title' && this.token === 'lg',\n\t\t\t'font-medium text-[16px] tracking-[0.15px] leading-[24px] title-md': this.type === 'title' && this.token === 'md',\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px] title-sm': this.type === 'title' && this.token === 'sm',\n\t\t\t'font-medium text-[12px] tracking-[0.1px] leading-[16px] title-xs': this.type === 'title' && this.token === 'xs',\n\n\t\t\t// Subtitle\n\t\t\t'font-medium text-[20px] tracking-[0.15px] leading-[28px] subtitle-xl':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'xl',\n\t\t\t'font-medium text-[18px] tracking-[0.15px] leading-[24px] subtitle-lg':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'lg',\n\t\t\t'font-medium text-[16px] tracking-[0.15px] leading-[24px] subtitle-md':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'md',\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px] subtitle-sm':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'sm',\n\t\t\t'font-medium text-[12px] tracking-[0.1px] leading-[16px] subtitle-xs':\n\t\t\t\tthis.type === 'subtitle' && this.token === 'xs',\n\n\t\t\t// Body\n\t\t\t'text-[18px] tracking-[0.5px] leading-[28px]': this.type === 'body' && this.token === 'xl',\n\t\t\t'text-[16px] tracking-[0.5px] leading-[24px]': this.type === 'body' && this.token === 'lg',\n\t\t\t'text-[14px] tracking-[0.25px] leading-[20px]': this.type === 'body' && this.token === 'md',\n\t\t\t'text-[12px] tracking-[0.4px] leading-[16px]': this.type === 'body' && this.token === 'sm',\n\t\t\t'text-[10px] tracking-[0.4px] leading-[14px]': this.type === 'body' && this.token === 'xs',\n\n\t\t\t// Label\n\t\t\t'font-medium text-[14px] tracking-[0.1px] leading-[20px]': this.type === 'label' && this.token === 'lg',\n\t\t\t'text-[12px] tracking-[0.5px] leading-[16px]': this.type === 'label' && this.token === 'md',\n\t\t\t'text-[11px] tracking-[0.5px] leading-[16px]': this.type === 'label' && this.token === 'sm',\n\t\t\t'text-[10px] tracking-[0.5px] leading-[14px]': this.type === 'label' && this.token === 'xs',\n\n\t\t\t'font-bold': this.weight === 'bold',\n\t\t\t'font-medium': this.weight === 'medium',\n\t\t\t'font-normal': this.weight === 'normal',\n\n\t\t\tuppercase: this.transform === 'uppercase',\n\t\t\tlowercase: this.transform === 'lowercase',\n\t\t\tcapitalize: this.transform === 'capitalize',\n\t\t}\n\n\t\tconst styles = {\n\t\t\tletterSpacing: this.letterSpacing,\n\t\t\tfontSize: this.fontSize,\n\t\t\tlineHeight: this.lineHeight,\n\t\t}\n\n\t\treturn html`\n\t\t\t<span style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t<slot></slot>\n\t\t\t</span>\n\t\t`\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}\n"],"names":["SchmancyTypography","TailwindElement","super","arguments","this","token","render","classes","align","maxLines","type","weight","uppercase","transform","lowercase","capitalize","styles","letterSpacing","fontSize","lineHeight","html","styleMap","classMap","__decorateClass","property","String","reflect","prototype","Number","customElement"],"mappings":"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"}

package/dist/typography.cjs

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

package/dist/typography.js

@@ -1,4 +1,4 @@
-import { S as p } from "./typography-BjNrTnRm.js";
+import { S as p } from "./typography-BwIdcthn.js";
 export {
   p as SchmancyTypography
 };