@mhmo91/schmancy 0.2.201 → 0.2.202

package/dist/typography-BLd8VN8Q.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-BLd8VN8Q.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' | 'caption'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption'\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\t// Check if the host element has layout-related classes\n\t\tconst hasFlexClass = this.classList?.contains('flex')\n\t\tconst hasGridClass = this.classList?.contains('grid')\n\t\tconst hasInlineFlexClass = this.classList?.contains('inline-flex')\n\t\tconst hasInlineGridClass = this.classList?.contains('inline-grid')\n\t\t\n\t\t// Determine which element to use based on layout classes\n\t\tconst isLayoutContainer = hasFlexClass || hasGridClass || hasInlineFlexClass || hasInlineGridClass\n\t\t\n\t\t// Extract layout-related classes from the host element\n\t\tconst layoutClasses: string[] = []\n\t\tif (this.classList) {\n\t\t\tthis.classList.forEach((className) => {\n\t\t\t\t// Include flex/grid related classes\n\t\t\t\tif (className.startsWith('flex') || \n\t\t\t\t\tclassName.startsWith('grid') || \n\t\t\t\t\tclassName.startsWith('gap') || \n\t\t\t\t\tclassName.startsWith('items') || \n\t\t\t\t\tclassName.startsWith('justify') || \n\t\t\t\t\tclassName.startsWith('content') || \n\t\t\t\t\tclassName.startsWith('place') ||\n\t\t\t\t\tclassName === 'inline-flex' ||\n\t\t\t\t\tclassName === 'inline-grid') {\n\t\t\t\t\tlayoutClasses.push(className)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tconst classes = {\n\t\t\t// Apply layout classes if this is a layout container\n\t\t\t...layoutClasses.reduce((acc, cls) => ({ ...acc, [cls]: true }), {}),\n\t\t\t\n\t\t\t// Typography-specific classes\n\t\t\t'hyphens-none': 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-[18px] tracking-[0.1px] leading-[24px]': this.type === 'label' && this.token === '2xl',\n\t\t\t'font-medium text-[16px] tracking-[0.1px] leading-[22px]': this.type === 'label' && this.token === 'xl',\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// Caption\n\t\t\t'text-[12px] tracking-[0.3px] leading-[16px]': this.type === 'caption' && this.token === 'lg',\n\t\t\t'text-[11px] tracking-[0.4px] leading-[16px]': this.type === 'caption' && this.token === 'md',\n\t\t\t'text-[10px] tracking-[0.4px] leading-[13px]': this.type === 'caption' && this.token === 'sm',\n\t\t\t'text-[9px] tracking-[0.4px] leading-[12px]': this.type === 'caption' && 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\t// Use div for layout containers, span for inline text\n\t\tif (isLayoutContainer) {\n\t\t\treturn html`\n\t\t\t\t<div style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t`\n\t\t} else {\n\t\t\treturn html`\n\t\t\t\t<span style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t`\n\t\t}\n\t}\n}\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-typography': SchmancyTypography\n\t}\n}\n"],"names":["SchmancyTypography","TailwindElement","constructor","super","arguments","this","token","render","hasFlexClass","classList","contains","hasGridClass","hasInlineFlexClass","hasInlineGridClass","isLayoutContainer","layoutClasses","forEach","className","startsWith","push","classes","reduce","acc","cls","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-ClEPUgIN.js

@@ -1,37 +0,0 @@
-import "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as f } from "./tailwind.mixin-C3BFeflA.js";
-import { html as y } from "lit";
-import { property as n, customElement as u } from "lit/decorators.js";
-var b = Object.defineProperty, S = Object.getOwnPropertyDescriptor, s = (o, p, l, x) => {
-  for (var h, i = x > 1 ? void 0 : x ? S(p, l) : p, a = o.length - 1; a >= 0; a--) (h = o[a]) && (i = (x ? h(p, l, i) : h(i)) || i);
-  return x && i && b(p, l, i), i;
-};
-let e = class extends f("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() {
-    var g, d, c, m;
-    const o = (g = this.classList) == null ? void 0 : g.contains("flex"), p = (d = this.classList) == null ? void 0 : d.contains("grid"), l = (c = this.classList) == null ? void 0 : c.contains("inline-flex"), x = (m = this.classList) == null ? void 0 : m.contains("inline-grid"), h = o || p || l || x, i = [];
-    this.classList && this.classList.forEach((t) => {
-      (t.startsWith("flex") || t.startsWith("grid") || t.startsWith("gap") || t.startsWith("items") || t.startsWith("justify") || t.startsWith("content") || t.startsWith("place") || t === "inline-flex" || t === "inline-grid") && i.push(t);
-    });
-    const a = { ...i.reduce((t, k) => ({ ...t, [k]: !0 }), {}), "hyphens-none": !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-[18px] tracking-[0.1px] leading-[24px]": this.type === "label" && this.token === "2xl", "font-medium text-[16px] tracking-[0.1px] leading-[22px]": this.type === "label" && this.token === "xl", "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", "text-[12px] tracking-[0.3px] leading-[16px]": this.type === "caption" && this.token === "lg", "text-[11px] tracking-[0.4px] leading-[16px]": this.type === "caption" && this.token === "md", "text-[10px] tracking-[0.4px] leading-[13px]": this.type === "caption" && this.token === "sm", "text-[9px] tracking-[0.4px] leading-[12px]": this.type === "caption" && 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" }, r = { letterSpacing: this.letterSpacing, fontSize: this.fontSize, lineHeight: this.lineHeight };
-    return h ? y`
-				<div style=${this.styleMap(r)} class=${this.classMap(a)}>
-					<slot></slot>
-				</div>
-			` : y`
-				<span style=${this.styleMap(r)} class=${this.classMap(a)}>
-					<slot></slot>
-				</span>
-			`;
-  }
-};
-s([n({ type: String, reflect: !0 })], e.prototype, "type", 2), s([n({ type: String, reflect: !0 })], e.prototype, "token", 2), s([n({ type: String })], e.prototype, "align", 2), s([n({ type: String })], e.prototype, "weight", 2), s([n({ type: String })], e.prototype, "lineHeight", 2), s([n({ type: String })], e.prototype, "transform", 2), s([n({ type: Number })], e.prototype, "maxLines", 2), s([n({ type: String })], e.prototype, "letterSpacing", 2), s([n({ type: String })], e.prototype, "fontSize", 2), e = s([u("schmancy-typography")], e);
-export {
-  e as S
-};
-//# sourceMappingURL=typography-ClEPUgIN.js.map

package/dist/typography-ClEPUgIN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography-ClEPUgIN.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' | 'caption'}\n\t */\n\t@property({ type: String, reflect: true })\n\ttype: 'display' | 'headline' | 'title' | 'subtitle' | 'body' | 'label' | 'caption'\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\t// Check if the host element has layout-related classes\n\t\tconst hasFlexClass = this.classList?.contains('flex')\n\t\tconst hasGridClass = this.classList?.contains('grid')\n\t\tconst hasInlineFlexClass = this.classList?.contains('inline-flex')\n\t\tconst hasInlineGridClass = this.classList?.contains('inline-grid')\n\t\t\n\t\t// Determine which element to use based on layout classes\n\t\tconst isLayoutContainer = hasFlexClass || hasGridClass || hasInlineFlexClass || hasInlineGridClass\n\t\t\n\t\t// Extract layout-related classes from the host element\n\t\tconst layoutClasses: string[] = []\n\t\tif (this.classList) {\n\t\t\tthis.classList.forEach((className) => {\n\t\t\t\t// Include flex/grid related classes\n\t\t\t\tif (className.startsWith('flex') || \n\t\t\t\t\tclassName.startsWith('grid') || \n\t\t\t\t\tclassName.startsWith('gap') || \n\t\t\t\t\tclassName.startsWith('items') || \n\t\t\t\t\tclassName.startsWith('justify') || \n\t\t\t\t\tclassName.startsWith('content') || \n\t\t\t\t\tclassName.startsWith('place') ||\n\t\t\t\t\tclassName === 'inline-flex' ||\n\t\t\t\t\tclassName === 'inline-grid') {\n\t\t\t\t\tlayoutClasses.push(className)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\tconst classes = {\n\t\t\t// Apply layout classes if this is a layout container\n\t\t\t...layoutClasses.reduce((acc, cls) => ({ ...acc, [cls]: true }), {}),\n\t\t\t\n\t\t\t// Typography-specific classes\n\t\t\t'hyphens-none': 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-[18px] tracking-[0.1px] leading-[24px]': this.type === 'label' && this.token === '2xl',\n\t\t\t'font-medium text-[16px] tracking-[0.1px] leading-[22px]': this.type === 'label' && this.token === 'xl',\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// Caption\n\t\t\t'text-[12px] tracking-[0.3px] leading-[16px]': this.type === 'caption' && this.token === 'lg',\n\t\t\t'text-[11px] tracking-[0.4px] leading-[16px]': this.type === 'caption' && this.token === 'md',\n\t\t\t'text-[10px] tracking-[0.4px] leading-[13px]': this.type === 'caption' && this.token === 'sm',\n\t\t\t'text-[9px] tracking-[0.4px] leading-[12px]': this.type === 'caption' && 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\t// Use div for layout containers, span for inline text\n\t\tif (isLayoutContainer) {\n\t\t\treturn html`\n\t\t\t\t<div style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t`\n\t\t} else {\n\t\t\treturn html`\n\t\t\t\t<span style=${this.styleMap(styles)} class=${this.classMap(classes)}>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\t\t\t`\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","hasFlexClass","classList","contains","hasGridClass","hasInlineFlexClass","hasInlineGridClass","isLayoutContainer","layoutClasses","forEach","className","startsWith","push","classes","reduce","acc","cls","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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"}