@mhmo91/schmancy 0.2.200 → 0.2.202

package/dist/typography-CUv4DPU-.js

@@ -0,0 +1,342 @@
+import "rxjs";
+import "lit/directives/class-map.js";
+import "lit/directives/style-map.js";
+import { T as a } from "./tailwind.mixin-DRbXmwPy.js";
+import { css as g, html as y } from "lit";
+import { property as i, customElement as x } from "lit/decorators.js";
+var f = Object.defineProperty, d = Object.getOwnPropertyDescriptor, e = (o, s, p, h) => {
+  for (var l, n = h > 1 ? void 0 : h ? d(s, p) : s, r = o.length - 1; r >= 0; r--) (l = o[r]) && (n = (h ? l(s, p, n) : l(n)) || n);
+  return h && n && f(s, p, n), n;
+};
+let t = class extends a(g`
+	:host {
+		display: inline;
+		font-family: inherit;
+		hyphens: none;
+	}
+
+	/* Display as block when flex/grid classes are applied */
+	:host(.flex) {
+		display: flex;
+	}
+
+	:host(.inline-flex) {
+		display: inline-flex;
+	}
+
+	:host(.grid) {
+		display: grid;
+	}
+
+	:host(.inline-grid) {
+		display: inline-grid;
+	}
+
+	:host(.block) {
+		display: block;
+	}
+
+	/* Text alignment */
+	:host([align='center']) {
+		text-align: center;
+	}
+
+	:host([align='left']) {
+		text-align: start;
+	}
+
+	:host([align='right']) {
+		text-align: right;
+	}
+
+	:host([align='justify']) {
+		text-align: justify;
+	}
+
+	/* Max lines / line clamping */
+	:host([max-lines='1']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 1;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='2']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='3']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='4']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 4;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='5']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 5;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='6']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 6;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	/* Font weight */
+	:host([weight='bold']) {
+		font-weight: 700;
+	}
+
+	:host([weight='medium']) {
+		font-weight: 500;
+	}
+
+	:host([weight='normal']) {
+		font-weight: 400;
+	}
+
+	/* Text transform */
+	:host([transform='uppercase']) {
+		text-transform: uppercase;
+	}
+
+	:host([transform='lowercase']) {
+		text-transform: lowercase;
+	}
+
+	:host([transform='capitalize']) {
+		text-transform: capitalize;
+	}
+
+	:host([transform='normal']) {
+		text-transform: none;
+	}
+
+	/* Display typography variants - Material Design 3 + Extended */
+	:host([type='display'][token='xl']) {
+		font-size: 72px;
+		line-height: 80px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='lg']) {
+		font-size: 57px;
+		line-height: 64px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='md']) {
+		font-size: 45px;
+		line-height: 52px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='sm']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='xs']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	/* Headline typography variants - Material Design 3 + Extended */
+	:host([type='headline'][token='xl']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='lg']) {
+		font-size: 32px;
+		line-height: 40px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='md']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='sm']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='xs']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	/* Title typography variants - Material Design 3 + Extended */
+	:host([type='title'][token='xl']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='lg']) {
+		font-size: 22px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Subtitle typography variants - Extended from Material Design 3 */
+	:host([type='subtitle'][token='xl']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='lg']) {
+		font-size: 18px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Body typography variants - Material Design 3 + Extended */
+	:host([type='body'][token='xl']) {
+		font-size: 18px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='lg']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='md']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='sm']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 400;
+	}
+
+	/* Label typography variants - Material Design 3 + Extended */
+	:host([type='label'][token='xl']) {
+		font-size: 16px;
+		line-height: 22px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='lg']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='md']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='sm']) {
+		font-size: 11px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 500;
+	}
+
+	/* Custom properties for dynamic values */
+	:host([letter-spacing]) {
+		letter-spacing: var(--typography-letter-spacing);
+	}
+
+	:host([font-size]) {
+		font-size: var(--typography-font-size);
+	}
+
+	:host([line-height]) {
+		line-height: var(--typography-line-height);
+	}
+`) {
+  constructor() {
+    super(...arguments), this.type = "body", this.token = "md";
+  }
+  updated(o) {
+    super.updated(o), o.has("letterSpacing") && this.letterSpacing && this.style.setProperty("--typography-letter-spacing", this.letterSpacing), o.has("fontSize") && this.fontSize && this.style.setProperty("--typography-font-size", this.fontSize), o.has("lineHeight") && this.lineHeight && this.style.setProperty("--typography-line-height", this.lineHeight);
+  }
+  render() {
+    return y`<slot></slot>`;
+  }
+};
+e([i({ type: String, reflect: !0 })], t.prototype, "type", 2), e([i({ type: String, reflect: !0 })], t.prototype, "token", 2), e([i({ type: String, reflect: !0 })], t.prototype, "align", 2), e([i({ type: String, reflect: !0 })], t.prototype, "weight", 2), e([i({ type: String, attribute: "line-height", reflect: !0 })], t.prototype, "lineHeight", 2), e([i({ type: String, reflect: !0 })], t.prototype, "transform", 2), e([i({ type: Number, attribute: "max-lines", reflect: !0 })], t.prototype, "maxLines", 2), e([i({ type: String, attribute: "letter-spacing", reflect: !0 })], t.prototype, "letterSpacing", 2), e([i({ type: String, attribute: "font-size", reflect: !0 })], t.prototype, "fontSize", 2), t = e([x("schmancy-typography")], t);
+export {
+  t as S
+};
+//# sourceMappingURL=typography-CUv4DPU-.js.map

package/dist/typography-CUv4DPU-.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-CUv4DPU-.js","sources":["../src/typography/typography.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n// Material Design 3 typography - https://m3.material.io/styles/typography/type-scale-tokens\n\n/**\n * @element schmancy-typography\n * @slot - The text for the typography.\n */\n@customElement('schmancy-typography')\nexport class SchmancyTypography extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline;\n\t\tfont-family: inherit;\n\t\thyphens: none;\n\t}\n\n\t/* Display as block when flex/grid classes are applied */\n\t:host(.flex) {\n\t\tdisplay: flex;\n\t}\n\n\t:host(.inline-flex) {\n\t\tdisplay: inline-flex;\n\t}\n\n\t:host(.grid) {\n\t\tdisplay: grid;\n\t}\n\n\t:host(.inline-grid) {\n\t\tdisplay: inline-grid;\n\t}\n\n\t:host(.block) {\n\t\tdisplay: block;\n\t}\n\n\t/* Text alignment */\n\t:host([align='center']) {\n\t\ttext-align: center;\n\t}\n\n\t:host([align='left']) {\n\t\ttext-align: start;\n\t}\n\n\t:host([align='right']) {\n\t\ttext-align: right;\n\t}\n\n\t:host([align='justify']) {\n\t\ttext-align: justify;\n\t}\n\n\t/* Max lines / line clamping */\n\t:host([max-lines='1']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 1;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='2']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 2;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='3']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 3;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='4']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 4;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='5']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 5;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t:host([max-lines='6']) {\n\t\tdisplay: -webkit-box;\n\t\t-webkit-line-clamp: 6;\n\t\t-webkit-box-orient: vertical;\n\t\toverflow: hidden;\n\t}\n\n\t/* Font weight */\n\t:host([weight='bold']) {\n\t\tfont-weight: 700;\n\t}\n\n\t:host([weight='medium']) {\n\t\tfont-weight: 500;\n\t}\n\n\t:host([weight='normal']) {\n\t\tfont-weight: 400;\n\t}\n\n\t/* Text transform */\n\t:host([transform='uppercase']) {\n\t\ttext-transform: uppercase;\n\t}\n\n\t:host([transform='lowercase']) {\n\t\ttext-transform: lowercase;\n\t}\n\n\t:host([transform='capitalize']) {\n\t\ttext-transform: capitalize;\n\t}\n\n\t:host([transform='normal']) {\n\t\ttext-transform: none;\n\t}\n\n\t/* Display typography variants - Material Design 3 + Extended */\n\t:host([type='display'][token='xl']) {\n\t\tfont-size: 72px;\n\t\tline-height: 80px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='lg']) {\n\t\tfont-size: 57px;\n\t\tline-height: 64px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='md']) {\n\t\tfont-size: 45px;\n\t\tline-height: 52px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='sm']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='display'][token='xs']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Headline typography variants - Material Design 3 + Extended */\n\t:host([type='headline'][token='xl']) {\n\t\tfont-size: 36px;\n\t\tline-height: 44px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='lg']) {\n\t\tfont-size: 32px;\n\t\tline-height: 40px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='md']) {\n\t\tfont-size: 28px;\n\t\tline-height: 36px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='sm']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='headline'][token='xs']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Title typography variants - Material Design 3 + Extended */\n\t:host([type='title'][token='xl']) {\n\t\tfont-size: 24px;\n\t\tline-height: 32px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='lg']) {\n\t\tfont-size: 22px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='title'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='title'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Subtitle typography variants - Extended from Material Design 3 */\n\t:host([type='subtitle'][token='xl']) {\n\t\tfont-size: 20px;\n\t\tline-height: 28px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='lg']) {\n\t\tfont-size: 18px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='md']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='sm']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='subtitle'][token='xs']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Body typography variants - Material Design 3 + Extended */\n\t:host([type='body'][token='xl']) {\n\t\tfont-size: 18px;\n\t\tline-height: 28px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='lg']) {\n\t\tfont-size: 16px;\n\t\tline-height: 24px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='md']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='sm']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 400;\n\t}\n\n\t:host([type='body'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 400;\n\t}\n\n\t/* Label typography variants - Material Design 3 + Extended */\n\t:host([type='label'][token='xl']) {\n\t\tfont-size: 16px;\n\t\tline-height: 22px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='lg']) {\n\t\tfont-size: 14px;\n\t\tline-height: 20px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='md']) {\n\t\tfont-size: 12px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='sm']) {\n\t\tfont-size: 11px;\n\t\tline-height: 16px;\n\t\tfont-weight: 500;\n\t}\n\n\t:host([type='label'][token='xs']) {\n\t\tfont-size: 10px;\n\t\tline-height: 14px;\n\t\tfont-weight: 500;\n\t}\n\n\t/* Custom properties for dynamic values */\n\t:host([letter-spacing]) {\n\t\tletter-spacing: var(--typography-letter-spacing);\n\t}\n\n\t:host([font-size]) {\n\t\tfont-size: var(--typography-font-size);\n\t}\n\n\t:host([line-height]) {\n\t\tline-height: var(--typography-line-height);\n\t}\n`) {\n\t/**\n\t * @attr type - The type of the typography.\n\t * @default 'body'\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' = 'body'\n\n\t/**\n\t * @attr token - The token of the typography.\n\t * @default 'md'\n\t * @type {'xs' | 'sm' | 'md' | 'lg' | 'xl'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttoken: 'xs' | 'sm' | 'md' | 'lg' | 'xl' = 'md'\n\n\t/**\n\t * @attr\n\t * @default inherit\n\t * @type {'left' |'center' |'right'}\n\t */\n\t@property({ type: String, reflect: true })\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, reflect: true })\n\tweight: 'normal' | 'medium' | 'bold' | undefined\n\n\t@property({ type: String, attribute: 'line-height', reflect: true }) \n\tlineHeight: string | undefined\n\t\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, reflect: true }) \n\ttransform: 'uppercase' | 'lowercase' | 'capitalize' | 'normal' | undefined\n\n\t@property({ type: Number, attribute: 'max-lines', reflect: true }) \n\tmaxLines: 1 | 2 | 3 | 4 | 5 | 6 | undefined\n\n\t@property({ type: String, attribute: 'letter-spacing', reflect: true }) \n\tletterSpacing: string | undefined\n\t\n\t@property({ type: String, attribute: 'font-size', reflect: true }) \n\tfontSize: string | undefined\n\n\tupdated(changedProperties: Map<string | number | symbol, unknown>) {\n\t\tsuper.updated(changedProperties)\n\t\t\n\t\t// Update CSS custom properties for dynamic values\n\t\tif (changedProperties.has('letterSpacing') && this.letterSpacing) {\n\t\t\tthis.style.setProperty('--typography-letter-spacing', this.letterSpacing)\n\t\t}\n\t\t\n\t\tif (changedProperties.has('fontSize') && this.fontSize) {\n\t\t\tthis.style.setProperty('--typography-font-size', this.fontSize)\n\t\t}\n\t\t\n\t\tif (changedProperties.has('lineHeight') && this.lineHeight) {\n\t\t\tthis.style.setProperty('--typography-line-height', this.lineHeight)\n\t\t}\n\t}\n\n\trender() {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}"],"names":["SchmancyTypography","TailwindElement","css","super","arguments","this","type","token","changedProperties","updated","has","letterSpacing","style","setProperty","fontSize","lineHeight","html","__decorateClass","property","String","reflect","prototype","attribute","Number","customElement"],"mappings":";;;;;;;;;;AAWa,IAAAA,IAAN,cAAiCC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AA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"}

package/dist/typography-DrDWI6Bh.cjs

@@ -0,0 +1,318 @@
+"use strict";require("rxjs"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const a=require("./tailwind.mixin-B1NF3tDz.cjs"),r=require("lit"),t=require("lit/decorators.js");var y=Object.defineProperty,g=Object.getOwnPropertyDescriptor,e=(i,n,h,p)=>{for(var s,o=p>1?void 0:p?g(n,h):n,l=i.length-1;l>=0;l--)(s=i[l])&&(o=(p?s(n,h,o):s(o))||o);return p&&o&&y(n,h,o),o};exports.SchmancyTypography=class extends a.TailwindElement(r.css`
+	:host {
+		display: inline;
+		font-family: inherit;
+		hyphens: none;
+	}
+
+	/* Display as block when flex/grid classes are applied */
+	:host(.flex) {
+		display: flex;
+	}
+
+	:host(.inline-flex) {
+		display: inline-flex;
+	}
+
+	:host(.grid) {
+		display: grid;
+	}
+
+	:host(.inline-grid) {
+		display: inline-grid;
+	}
+
+	:host(.block) {
+		display: block;
+	}
+
+	/* Text alignment */
+	:host([align='center']) {
+		text-align: center;
+	}
+
+	:host([align='left']) {
+		text-align: start;
+	}
+
+	:host([align='right']) {
+		text-align: right;
+	}
+
+	:host([align='justify']) {
+		text-align: justify;
+	}
+
+	/* Max lines / line clamping */
+	:host([max-lines='1']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 1;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='2']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 2;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='3']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 3;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='4']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 4;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='5']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 5;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	:host([max-lines='6']) {
+		display: -webkit-box;
+		-webkit-line-clamp: 6;
+		-webkit-box-orient: vertical;
+		overflow: hidden;
+	}
+
+	/* Font weight */
+	:host([weight='bold']) {
+		font-weight: 700;
+	}
+
+	:host([weight='medium']) {
+		font-weight: 500;
+	}
+
+	:host([weight='normal']) {
+		font-weight: 400;
+	}
+
+	/* Text transform */
+	:host([transform='uppercase']) {
+		text-transform: uppercase;
+	}
+
+	:host([transform='lowercase']) {
+		text-transform: lowercase;
+	}
+
+	:host([transform='capitalize']) {
+		text-transform: capitalize;
+	}
+
+	:host([transform='normal']) {
+		text-transform: none;
+	}
+
+	/* Display typography variants - Material Design 3 + Extended */
+	:host([type='display'][token='xl']) {
+		font-size: 72px;
+		line-height: 80px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='lg']) {
+		font-size: 57px;
+		line-height: 64px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='md']) {
+		font-size: 45px;
+		line-height: 52px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='sm']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='display'][token='xs']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	/* Headline typography variants - Material Design 3 + Extended */
+	:host([type='headline'][token='xl']) {
+		font-size: 36px;
+		line-height: 44px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='lg']) {
+		font-size: 32px;
+		line-height: 40px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='md']) {
+		font-size: 28px;
+		line-height: 36px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='sm']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='headline'][token='xs']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	/* Title typography variants - Material Design 3 + Extended */
+	:host([type='title'][token='xl']) {
+		font-size: 24px;
+		line-height: 32px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='lg']) {
+		font-size: 22px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='title'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='title'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Subtitle typography variants - Extended from Material Design 3 */
+	:host([type='subtitle'][token='xl']) {
+		font-size: 20px;
+		line-height: 28px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='lg']) {
+		font-size: 18px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='md']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='sm']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='subtitle'][token='xs']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	/* Body typography variants - Material Design 3 + Extended */
+	:host([type='body'][token='xl']) {
+		font-size: 18px;
+		line-height: 28px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='lg']) {
+		font-size: 16px;
+		line-height: 24px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='md']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='sm']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 400;
+	}
+
+	:host([type='body'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 400;
+	}
+
+	/* Label typography variants - Material Design 3 + Extended */
+	:host([type='label'][token='xl']) {
+		font-size: 16px;
+		line-height: 22px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='lg']) {
+		font-size: 14px;
+		line-height: 20px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='md']) {
+		font-size: 12px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='sm']) {
+		font-size: 11px;
+		line-height: 16px;
+		font-weight: 500;
+	}
+
+	:host([type='label'][token='xs']) {
+		font-size: 10px;
+		line-height: 14px;
+		font-weight: 500;
+	}
+
+	/* Custom properties for dynamic values */
+	:host([letter-spacing]) {
+		letter-spacing: var(--typography-letter-spacing);
+	}
+
+	:host([font-size]) {
+		font-size: var(--typography-font-size);
+	}
+
+	:host([line-height]) {
+		line-height: var(--typography-line-height);
+	}
+`){constructor(){super(...arguments),this.type="body",this.token="md"}updated(i){super.updated(i),i.has("letterSpacing")&&this.letterSpacing&&this.style.setProperty("--typography-letter-spacing",this.letterSpacing),i.has("fontSize")&&this.fontSize&&this.style.setProperty("--typography-font-size",this.fontSize),i.has("lineHeight")&&this.lineHeight&&this.style.setProperty("--typography-line-height",this.lineHeight)}render(){return r.html`<slot></slot>`}},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,reflect:!0})],exports.SchmancyTypography.prototype,"align",2),e([t.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"weight",2),e([t.property({type:String,attribute:"line-height",reflect:!0})],exports.SchmancyTypography.prototype,"lineHeight",2),e([t.property({type:String,reflect:!0})],exports.SchmancyTypography.prototype,"transform",2),e([t.property({type:Number,attribute:"max-lines",reflect:!0})],exports.SchmancyTypography.prototype,"maxLines",2),e([t.property({type:String,attribute:"letter-spacing",reflect:!0})],exports.SchmancyTypography.prototype,"letterSpacing",2),e([t.property({type:String,attribute:"font-size",reflect:!0})],exports.SchmancyTypography.prototype,"fontSize",2),exports.SchmancyTypography=e([t.customElement("schmancy-typography")],exports.SchmancyTypography);
+//# sourceMappingURL=typography-DrDWI6Bh.cjs.map