@mhmo91/schmancy 0.9.4 → 0.9.6

package/dist/layout-CnsXeCAy.js

@@ -1,267 +0,0 @@
-import { i as e, t } from "./tailwind.mixin-BCJOOX1_.js";
-import "./mixins.js";
-import "./scroll-cBDzye64.js";
-import { debounceTime as n, distinctUntilChanged as r, fromEvent as i, map as a, startWith as o, takeUntil as s } from "rxjs";
-import { classMap as c } from "lit/directives/class-map.js";
-import { styleMap as l } from "lit/directives/style-map.js";
-import { customElement as u, property as d, queryAssignedElements as f } from "lit/decorators.js";
-import { css as p, html as m, unsafeCSS as h } from "lit";
-var g = class extends t() {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.center = void 0, this.display = void 0, this.overflow = void 0, this.overflowX = void 0, this.overflowY = void 0, this.position = void 0;
-	}
-	static {
-		this.styles = [this.styles];
-	}
-	connectedCallback() {
-		super.connectedCallback(), this.style.setProperty("padding", this.padding ?? ""), this.style.setProperty("margin", this.margin ?? ""), this.style.setProperty("width", this.width ?? ""), this.style.setProperty("height", this.height ?? ""), this.style.setProperty("min-width", this.minWidth ?? ""), this.style.setProperty("min-height", this.minHeight ?? ""), this.style.setProperty("max-width", this.maxWidth ?? ""), this.style.setProperty("max-height", this.maxHeight ?? ""), this.style.setProperty("display", this.display ?? ""), this.style.setProperty("overflow", this.overflow ?? ""), this.style.setProperty("overflow-x", this.overflowX ?? ""), this.style.setProperty("overflow-y", this.overflowY ?? ""), this.style.setProperty("position", this.position ?? ""), this.style.setProperty("top", this.top ?? ""), this.style.setProperty("right", this.right ?? ""), this.style.setProperty("bottom", this.bottom ?? ""), this.style.setProperty("left", this.left ?? ""), this.style.setProperty("inset", this.inset ?? ""), this.style.setProperty("z-index", this.zIndex ?? ""), this.style.setProperty("border", this.border ?? ""), this.style.setProperty("border-top", this.borderTop ?? ""), this.style.setProperty("border-right", this.borderRight ?? ""), this.style.setProperty("border-bottom", this.borderBottom ?? ""), this.style.setProperty("border-left", this.borderLeft ?? ""), this.style.setProperty("border-color", this.borderColor ?? ""), this.style.setProperty("border-radius", this.borderRadius ?? ""), this.style.setProperty("border-width", this.borderWidth ?? ""), this.style.setProperty("box-shadow", this.boxShadow ?? ""), this.style.setProperty("opacity", this.opacity ?? ""), this.style.setProperty("background", this.background ?? ""), this.style.setProperty("background-image", this.backgroundImage ?? ""), this.style.setProperty("background-position", this.backgroundPosition ?? ""), this.style.setProperty("background-size", this.backgroundSize ?? ""), this.style.setProperty("background-repeat", this.backgroundRepeat ?? ""), this.style.setProperty("background-attachment", this.backgroundAttachment ?? ""), this.style.setProperty("background-color", this.backgroundColor ?? ""), this.style.setProperty("background-clip", this.backgroundClip ?? ""), this.style.setProperty("background-origin", this.backgroundOrigin ?? ""), this.style.setProperty("background-blend-mode", this.backgroundBlendMode ?? ""), this.style.setProperty("filter", this.filter ?? ""), this.style.setProperty("backdrop-filter", this.backdropFilter ?? ""), this.center && (this.style.setProperty("margin-left", "auto"), this.style.setProperty("margin-right", "auto"));
-	}
-};
-e([d({ type: Boolean })], g.prototype, "center", void 0), e([d({ type: String })], g.prototype, "padding", void 0), e([d({ type: String })], g.prototype, "margin", void 0), e([d({ type: String })], g.prototype, "width", void 0), e([d({ type: String })], g.prototype, "height", void 0), e([d({ type: String })], g.prototype, "minWidth", void 0), e([d({ type: String })], g.prototype, "minHeight", void 0), e([d({ type: String })], g.prototype, "maxWidth", void 0), e([d({ type: String })], g.prototype, "maxHeight", void 0), e([d({ type: String })], g.prototype, "display", void 0), e([d({ type: String })], g.prototype, "overflow", void 0), e([d({ type: String })], g.prototype, "overflowX", void 0), e([d({ type: String })], g.prototype, "overflowY", void 0), e([d({ type: String })], g.prototype, "position", void 0), e([d({ type: String })], g.prototype, "top", void 0), e([d({ type: String })], g.prototype, "right", void 0), e([d({ type: String })], g.prototype, "bottom", void 0), e([d({ type: String })], g.prototype, "left", void 0), e([d({ type: String })], g.prototype, "inset", void 0), e([d({ type: String })], g.prototype, "zIndex", void 0), e([d({ type: String })], g.prototype, "border", void 0), e([d({ type: String })], g.prototype, "borderTop", void 0), e([d({ type: String })], g.prototype, "borderRight", void 0), e([d({ type: String })], g.prototype, "borderBottom", void 0), e([d({ type: String })], g.prototype, "borderLeft", void 0), e([d({ type: String })], g.prototype, "borderColor", void 0), e([d({ type: String })], g.prototype, "borderRadius", void 0), e([d({ type: String })], g.prototype, "borderWidth", void 0), e([d({ type: String })], g.prototype, "boxShadow", void 0), e([d({ type: String })], g.prototype, "opacity", void 0), e([d({ type: String })], g.prototype, "background", void 0), e([d({ type: String })], g.prototype, "backgroundImage", void 0), e([d({ type: String })], g.prototype, "backgroundPosition", void 0), e([d({ type: String })], g.prototype, "backgroundSize", void 0), e([d({ type: String })], g.prototype, "backgroundRepeat", void 0), e([d({ type: String })], g.prototype, "backgroundAttachment", void 0), e([d({ type: String })], g.prototype, "backgroundColor", void 0), e([d({ type: String })], g.prototype, "backgroundClip", void 0), e([d({ type: String })], g.prototype, "backgroundOrigin", void 0), e([d({ type: String })], g.prototype, "backgroundBlendMode", void 0), e([d({ type: String })], g.prototype, "filter", void 0), e([d({ type: String })], g.prototype, "backdropFilter", void 0);
-var _ = class extends g {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.flow = "col", this.wrap = "wrap", this.align = "start", this.justify = "start", this.gap = "none";
-	}
-	static {
-		this.styles = [g.styles, h(":host{background-color:inherit;display:block}")];
-	}
-	render() {
-		return m`
-			<section class=${c({
-			flex: !0,
-			"flex-col": this.flow === "row",
-			"flex-col-reverse": this.flow === "row-reverse",
-			"flex-row": this.flow === "col",
-			"flex-row-reverse": this.flow === "col-reverse",
-			"flex-wrap": this.wrap === "wrap",
-			"flex-wrap-reverse": this.wrap === "wrap-reverse",
-			"flex-nowrap": this.wrap === "nowrap",
-			"items-start": this.align === "start",
-			"items-center": this.align === "center",
-			"items-end": this.align === "end",
-			"items-stretch": this.align === "stretch",
-			"justify-baseline": this.align === "baseline",
-			"justify-center": this.justify === "center",
-			"justify-end": this.justify === "end",
-			"justify-start": this.justify === "start",
-			"justify-stretch": this.justify === "stretch",
-			"justify-between": this.justify === "between",
-			"gap-0": this.gap === "none",
-			"gap-2": this.gap === "sm",
-			"gap-4": this.gap === "md",
-			"gap-8": this.gap === "lg"
-		})} style=${l({})}>
-				<slot></slot>
-			</section>
-		`;
-	}
-};
-e([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "flow", void 0), e([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "wrap", void 0), e([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "align", void 0), e([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "justify", void 0), e([d({
-	type: String,
-	reflect: !0
-})], _.prototype, "gap", void 0), _ = e([u("schmancy-flex")], _);
-var v = class extends g {
-	constructor(...e) {
-		super(...e), this.layout = !0, this.flow = "row", this.align = "stretch", this.justify = "stretch", this.content = "stretch", this.gap = "none", this.wrap = !1;
-	}
-	static {
-		this.styles = [g.styles, h(":host{width:-webkit-fill-available;height:max-content;display:block}")];
-	}
-	firstUpdated() {
-		this.rcols && i(window, "resize").pipe(a((e) => e.target), o(1), a(() => this.clientWidth ? this.clientWidth : window.innerWidth), r(), s(this.disconnecting), n(10), a((e) => {
-			let t;
-			return this.rcols?.["2xl"] && e >= 1536 ? t = this.rcols?.["2xl"] : this.rcols?.xl && e >= 1280 ? t = this.rcols?.xl : this.rcols?.lg && e >= 1024 ? t = this.rcols?.lg : this.rcols?.md && e >= 768 ? t = this.rcols?.md : this.rcols?.sm && e >= 640 ? t = this.rcols?.sm : this.rcols?.xs && e < 640 && (t = this.rcols?.xs), t;
-		})).subscribe((e) => {
-			this.cols = e;
-		});
-	}
-	render() {
-		let e = {
-			"h-full": !0,
-			"grid flex-1": !0,
-			"grid-flow-row auto-rows-max": this.flow === "row",
-			"grid-flow-col auto-cols-max": this.flow === "col",
-			"grid-flow-row-dense": this.flow === "row-dense",
-			"grid-flow-col-dense": this.flow === "col-dense",
-			"grid-flow-dense": this.flow === "dense",
-			"justify-center": this.content === "center",
-			"justify-end": this.content === "end",
-			"justify-start": this.content === "start",
-			"justify-stretch": this.content === "stretch",
-			"justify-between": this.content === "between",
-			"justify-around": this.content === "around",
-			"justify-evenly": this.content === "evenly",
-			"justify-items-center": this.justify === "center",
-			"justify-items-end": this.justify === "end",
-			"justify-items-start": this.justify === "start",
-			"justify-items-stretch": this.justify === "stretch",
-			"items-center": this.align === "center",
-			"items-end": this.align === "end",
-			"items-start": this.align === "start",
-			"items-stretch": this.align === "stretch",
-			"items-baseline": this.align === "baseline",
-			"gap-0": this.gap === "none",
-			"gap-1": this.gap === "xs",
-			"gap-2": this.gap === "sm",
-			"gap-4": this.gap === "md",
-			"gap-8": this.gap === "lg",
-			"flex-nowrap": this.wrap,
-			"flex-wrap": !this.wrap
-		}, t = {
-			gridTemplateRows: this.rows ? this.rows : void 0,
-			gridTemplateColumns: this.cols ? this.cols : void 0
-		};
-		return m`
-			<section class="${this.classMap(e)}" style=${this.styleMap(t)}>
-				<slot> </slot>
-			</section>
-		`;
-	}
-};
-e([d({ type: String })], v.prototype, "flow", void 0), e([d({ type: String })], v.prototype, "align", void 0), e([d({ type: String })], v.prototype, "justify", void 0), e([d({ type: String })], v.prototype, "content", void 0), e([d({ type: String })], v.prototype, "gap", void 0), e([d({ type: String })], v.prototype, "cols", void 0), e([d({ type: String })], v.prototype, "rows", void 0), e([d({ type: Object })], v.prototype, "rcols", void 0), e([d({ type: Boolean })], v.prototype, "wrap", void 0), e([f()], v.prototype, "assignedElements", void 0), v = e([u("schmancy-grid")], v);
-var y = class extends g {
-	constructor(...e) {
-		super(...e), this.inline = !1, this.flow = "row", this.wrap = "wrap", this.align = "stretch", this.justify = "start", this.gap = "none";
-	}
-	static {
-		this.styles = [g.styles, p`
-			:host {
-				display: block;
-			}
-		`];
-	}
-	render() {
-		let e = this.inline ? "inline-flex" : "flex", t = "";
-		switch (this.flow) {
-			case "row":
-			case "row-dense":
-			default:
-				t = "flex-row";
-				break;
-			case "row-reverse":
-				t = "flex-row-reverse";
-				break;
-			case "col":
-			case "col-dense":
-				t = "flex-col";
-				break;
-			case "col-reverse": t = "flex-col-reverse";
-		}
-		let n = "";
-		switch (this.flow === "row-dense" || this.flow === "col-dense" ? "wrap" : this.wrap) {
-			case "wrap":
-			default:
-				n = "flex-wrap";
-				break;
-			case "nowrap":
-				n = "flex-nowrap";
-				break;
-			case "wrap-reverse": n = "flex-wrap-reverse";
-		}
-		let r = "";
-		switch (this.align) {
-			case "start":
-				r = "items-start";
-				break;
-			case "center":
-				r = "items-center";
-				break;
-			case "end":
-				r = "items-end";
-				break;
-			case "stretch":
-			default:
-				r = "items-stretch";
-				break;
-			case "baseline": r = "items-baseline";
-		}
-		let i = "";
-		switch (this.justify) {
-			case "start":
-			default:
-				i = "justify-start";
-				break;
-			case "center":
-				i = "justify-center";
-				break;
-			case "end":
-				i = "justify-end";
-				break;
-			case "between":
-				i = "justify-between";
-				break;
-			case "around":
-				i = "justify-around";
-				break;
-			case "evenly": i = "justify-evenly";
-		}
-		let a = "";
-		if (this.content) switch (this.content) {
-			case "start":
-				a = "content-start";
-				break;
-			case "center":
-				a = "content-center";
-				break;
-			case "end":
-				a = "content-end";
-				break;
-			case "between":
-				a = "content-between";
-				break;
-			case "around":
-				a = "content-around";
-				break;
-			case "evenly": a = "content-evenly";
-		}
-		let o = this.gap === "none" ? "gap-0" : `gap-${this.gap}`;
-		return m`
-			<section class=${[
-			e,
-			t,
-			n,
-			r,
-			i,
-			a,
-			o
-		].filter(Boolean).join(" ")}>
-				<slot></slot>
-			</section>
-		`;
-	}
-};
-e([d({
-	type: Boolean,
-	reflect: !0
-})], y.prototype, "inline", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "flow", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "wrap", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "align", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "justify", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "content", void 0), e([d({
-	type: String,
-	reflect: !0
-})], y.prototype, "gap", void 0), y = e([u("sch-flex")], y);
-export { v as n, _ as r, y as t };

package/dist/layout-CnsXeCAy.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-CnsXeCAy.js","names":[],"sources":["../src/layout/layout.ts","../src/layout/flex/flex.scss?inline","../src/layout/flex/flex.ts","../src/layout/grid/grid.scss?inline","../src/layout/grid/grid.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n",":host {\n\tdisplay: block;\n\tbackground-color: inherit;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n",":host {\n\theight: max-content;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"mappings":"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"}

package/dist/layout-DNYG3phx.cjs

@@ -1,17 +0,0 @@
-require(`./chunk-BCfY8kxB.cjs`);const e=require(`./tailwind.mixin-BF1Huas7.cjs`);require(`./mixins.cjs`),require(`./scroll-QMCmbbDv.cjs`);let t=require(`rxjs`),n=require(`lit/directives/class-map.js`),r=require(`lit/directives/style-map.js`),i=require(`lit/decorators.js`),a=require(`lit`);var o=class extends e.t(){constructor(...e){super(...e),this.layout=!0,this.center=void 0,this.display=void 0,this.overflow=void 0,this.overflowX=void 0,this.overflowY=void 0,this.position=void 0}static{this.styles=[this.styles]}connectedCallback(){super.connectedCallback(),this.style.setProperty(`padding`,this.padding??``),this.style.setProperty(`margin`,this.margin??``),this.style.setProperty(`width`,this.width??``),this.style.setProperty(`height`,this.height??``),this.style.setProperty(`min-width`,this.minWidth??``),this.style.setProperty(`min-height`,this.minHeight??``),this.style.setProperty(`max-width`,this.maxWidth??``),this.style.setProperty(`max-height`,this.maxHeight??``),this.style.setProperty(`display`,this.display??``),this.style.setProperty(`overflow`,this.overflow??``),this.style.setProperty(`overflow-x`,this.overflowX??``),this.style.setProperty(`overflow-y`,this.overflowY??``),this.style.setProperty(`position`,this.position??``),this.style.setProperty(`top`,this.top??``),this.style.setProperty(`right`,this.right??``),this.style.setProperty(`bottom`,this.bottom??``),this.style.setProperty(`left`,this.left??``),this.style.setProperty(`inset`,this.inset??``),this.style.setProperty(`z-index`,this.zIndex??``),this.style.setProperty(`border`,this.border??``),this.style.setProperty(`border-top`,this.borderTop??``),this.style.setProperty(`border-right`,this.borderRight??``),this.style.setProperty(`border-bottom`,this.borderBottom??``),this.style.setProperty(`border-left`,this.borderLeft??``),this.style.setProperty(`border-color`,this.borderColor??``),this.style.setProperty(`border-radius`,this.borderRadius??``),this.style.setProperty(`border-width`,this.borderWidth??``),this.style.setProperty(`box-shadow`,this.boxShadow??``),this.style.setProperty(`opacity`,this.opacity??``),this.style.setProperty(`background`,this.background??``),this.style.setProperty(`background-image`,this.backgroundImage??``),this.style.setProperty(`background-position`,this.backgroundPosition??``),this.style.setProperty(`background-size`,this.backgroundSize??``),this.style.setProperty(`background-repeat`,this.backgroundRepeat??``),this.style.setProperty(`background-attachment`,this.backgroundAttachment??``),this.style.setProperty(`background-color`,this.backgroundColor??``),this.style.setProperty(`background-clip`,this.backgroundClip??``),this.style.setProperty(`background-origin`,this.backgroundOrigin??``),this.style.setProperty(`background-blend-mode`,this.backgroundBlendMode??``),this.style.setProperty(`filter`,this.filter??``),this.style.setProperty(`backdrop-filter`,this.backdropFilter??``),this.center&&(this.style.setProperty(`margin-left`,`auto`),this.style.setProperty(`margin-right`,`auto`))}};e.i([(0,i.property)({type:Boolean})],o.prototype,`center`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`padding`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`margin`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`width`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`height`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`minWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`minHeight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`maxWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`maxHeight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`display`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflow`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflowX`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`overflowY`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`position`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`top`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`right`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`bottom`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`left`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`inset`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`zIndex`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`border`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderTop`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderRight`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderBottom`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderLeft`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderColor`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderRadius`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`borderWidth`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`boxShadow`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`opacity`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`background`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundImage`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundPosition`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundSize`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundRepeat`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundAttachment`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundColor`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundClip`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundOrigin`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backgroundBlendMode`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`filter`,void 0),e.i([(0,i.property)({type:String})],o.prototype,`backdropFilter`,void 0);var s=class extends o{constructor(...e){super(...e),this.layout=!0,this.flow=`col`,this.wrap=`wrap`,this.align=`start`,this.justify=`start`,this.gap=`none`}static{this.styles=[o.styles,(0,a.unsafeCSS)(`:host{background-color:inherit;display:block}`)]}render(){return a.html`
-			<section class=${(0,n.classMap)({flex:!0,"flex-col":this.flow===`row`,"flex-col-reverse":this.flow===`row-reverse`,"flex-row":this.flow===`col`,"flex-row-reverse":this.flow===`col-reverse`,"flex-wrap":this.wrap===`wrap`,"flex-wrap-reverse":this.wrap===`wrap-reverse`,"flex-nowrap":this.wrap===`nowrap`,"items-start":this.align===`start`,"items-center":this.align===`center`,"items-end":this.align===`end`,"items-stretch":this.align===`stretch`,"justify-baseline":this.align===`baseline`,"justify-center":this.justify===`center`,"justify-end":this.justify===`end`,"justify-start":this.justify===`start`,"justify-stretch":this.justify===`stretch`,"justify-between":this.justify===`between`,"gap-0":this.gap===`none`,"gap-2":this.gap===`sm`,"gap-4":this.gap===`md`,"gap-8":this.gap===`lg`})} style=${(0,r.styleMap)({})}>
-				<slot></slot>
-			</section>
-		`}};e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`flow`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`wrap`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`align`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`justify`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],s.prototype,`gap`,void 0),s=e.i([(0,i.customElement)(`schmancy-flex`)],s);var c=class extends o{constructor(...e){super(...e),this.layout=!0,this.flow=`row`,this.align=`stretch`,this.justify=`stretch`,this.content=`stretch`,this.gap=`none`,this.wrap=!1}static{this.styles=[o.styles,(0,a.unsafeCSS)(`:host{width:-webkit-fill-available;height:max-content;display:block}`)]}firstUpdated(){this.rcols&&(0,t.fromEvent)(window,`resize`).pipe((0,t.map)(e=>e.target),(0,t.startWith)(1),(0,t.map)(()=>this.clientWidth?this.clientWidth:window.innerWidth),(0,t.distinctUntilChanged)(),(0,t.takeUntil)(this.disconnecting),(0,t.debounceTime)(10),(0,t.map)(e=>{let t;return this.rcols?.[`2xl`]&&e>=1536?t=this.rcols?.[`2xl`]:this.rcols?.xl&&e>=1280?t=this.rcols?.xl:this.rcols?.lg&&e>=1024?t=this.rcols?.lg:this.rcols?.md&&e>=768?t=this.rcols?.md:this.rcols?.sm&&e>=640?t=this.rcols?.sm:this.rcols?.xs&&e<640&&(t=this.rcols?.xs),t})).subscribe(e=>{this.cols=e})}render(){let e={"h-full":!0,"grid flex-1":!0,"grid-flow-row auto-rows-max":this.flow===`row`,"grid-flow-col auto-cols-max":this.flow===`col`,"grid-flow-row-dense":this.flow===`row-dense`,"grid-flow-col-dense":this.flow===`col-dense`,"grid-flow-dense":this.flow===`dense`,"justify-center":this.content===`center`,"justify-end":this.content===`end`,"justify-start":this.content===`start`,"justify-stretch":this.content===`stretch`,"justify-between":this.content===`between`,"justify-around":this.content===`around`,"justify-evenly":this.content===`evenly`,"justify-items-center":this.justify===`center`,"justify-items-end":this.justify===`end`,"justify-items-start":this.justify===`start`,"justify-items-stretch":this.justify===`stretch`,"items-center":this.align===`center`,"items-end":this.align===`end`,"items-start":this.align===`start`,"items-stretch":this.align===`stretch`,"items-baseline":this.align===`baseline`,"gap-0":this.gap===`none`,"gap-1":this.gap===`xs`,"gap-2":this.gap===`sm`,"gap-4":this.gap===`md`,"gap-8":this.gap===`lg`,"flex-nowrap":this.wrap,"flex-wrap":!this.wrap},t={gridTemplateRows:this.rows?this.rows:void 0,gridTemplateColumns:this.cols?this.cols:void 0};return a.html`
-			<section class="${this.classMap(e)}" style=${this.styleMap(t)}>
-				<slot> </slot>
-			</section>
-		`}};e.i([(0,i.property)({type:String})],c.prototype,`flow`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`align`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`justify`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`content`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`gap`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`cols`,void 0),e.i([(0,i.property)({type:String})],c.prototype,`rows`,void 0),e.i([(0,i.property)({type:Object})],c.prototype,`rcols`,void 0),e.i([(0,i.property)({type:Boolean})],c.prototype,`wrap`,void 0),e.i([(0,i.queryAssignedElements)()],c.prototype,`assignedElements`,void 0),c=e.i([(0,i.customElement)(`schmancy-grid`)],c);var l=class extends o{constructor(...e){super(...e),this.inline=!1,this.flow=`row`,this.wrap=`wrap`,this.align=`stretch`,this.justify=`start`,this.gap=`none`}static{this.styles=[o.styles,a.css`
-			:host {
-				display: block;
-			}
-		`]}render(){let e=this.inline?`inline-flex`:`flex`,t=``;switch(this.flow){case`row`:case`row-dense`:default:t=`flex-row`;break;case`row-reverse`:t=`flex-row-reverse`;break;case`col`:case`col-dense`:t=`flex-col`;break;case`col-reverse`:t=`flex-col-reverse`}let n=``;switch(this.flow===`row-dense`||this.flow===`col-dense`?`wrap`:this.wrap){case`wrap`:default:n=`flex-wrap`;break;case`nowrap`:n=`flex-nowrap`;break;case`wrap-reverse`:n=`flex-wrap-reverse`}let r=``;switch(this.align){case`start`:r=`items-start`;break;case`center`:r=`items-center`;break;case`end`:r=`items-end`;break;case`stretch`:default:r=`items-stretch`;break;case`baseline`:r=`items-baseline`}let i=``;switch(this.justify){case`start`:default:i=`justify-start`;break;case`center`:i=`justify-center`;break;case`end`:i=`justify-end`;break;case`between`:i=`justify-between`;break;case`around`:i=`justify-around`;break;case`evenly`:i=`justify-evenly`}let o=``;if(this.content)switch(this.content){case`start`:o=`content-start`;break;case`center`:o=`content-center`;break;case`end`:o=`content-end`;break;case`between`:o=`content-between`;break;case`around`:o=`content-around`;break;case`evenly`:o=`content-evenly`}let s=this.gap===`none`?`gap-0`:`gap-${this.gap}`;return a.html`
-			<section class=${[e,t,n,r,i,o,s].filter(Boolean).join(` `)}>
-				<slot></slot>
-			</section>
-		`}};e.i([(0,i.property)({type:Boolean,reflect:!0})],l.prototype,`inline`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`flow`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`wrap`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`align`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`justify`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`content`,void 0),e.i([(0,i.property)({type:String,reflect:!0})],l.prototype,`gap`,void 0),l=e.i([(0,i.customElement)(`sch-flex`)],l),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});

package/dist/layout-DNYG3phx.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-DNYG3phx.cjs","names":[],"sources":["../src/layout/layout.ts","../src/layout/flex/flex.scss?inline","../src/layout/flex/flex.ts","../src/layout/grid/grid.scss?inline","../src/layout/grid/grid.ts","../src/layout/v2/flex.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { property } from 'lit/decorators.js'\n\n/**\n * @deprecated Use Tailwind CSS utility classes directly on HTML elements instead of this base class.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Use inline styles or Tailwind utility classes for layout properties\n * - Replace properties like padding, margin, width, etc. with their CSS equivalents\n * \n * @class Layout\n */\nexport default class Layout extends TailwindElement() {\n\tstatic styles = [this.styles]\n\tlayout = true\n\t@property({ type: Boolean }) center: boolean | undefined = undefined\n\t@property({ type: String }) padding: string | undefined\n\t@property({ type: String }) margin: string | undefined\n\t@property({ type: String }) width: string | undefined\n\t@property({ type: String }) height: string | undefined\n\t@property({ type: String }) minWidth: string | undefined\n\t@property({ type: String }) minHeight: string | undefined\n\t@property({ type: String }) maxWidth: string | undefined\n\t@property({ type: String }) maxHeight: string | undefined\n\t@property({ type: String }) display:\n\t\t| 'block'\n\t\t| 'inline-block'\n\t\t| 'inline'\n\t\t| 'flex'\n\t\t| 'inline-flex'\n\t\t| 'grid'\n\t\t| 'inline-grid'\n\t\t| 'table'\n\t\t| 'inline-table'\n\t\t| 'flow-root'\n\t\t| 'none'\n\t\t| undefined = undefined\n\t@property({ type: String }) overflow: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowX: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) overflowY: 'visible' | 'hidden' | 'scroll' | 'auto' | undefined = undefined\n\t@property({ type: String }) position: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky' | undefined = undefined\n\t@property({ type: String }) top: string | undefined\n\t@property({ type: String }) right: string | undefined\n\t@property({ type: String }) bottom: string | undefined\n\t@property({ type: String }) left: string | undefined\n\t@property({ type: String }) inset: string | undefined\n\t@property({ type: String }) zIndex: string | undefined\n\n\t@property({ type: String }) border: string | undefined\n\t@property({ type: String }) borderTop: string | undefined\n\t@property({ type: String }) borderRight: string | undefined\n\t@property({ type: String }) borderBottom: string | undefined\n\t@property({ type: String }) borderLeft: string | undefined\n\t@property({ type: String }) borderColor: string | undefined\n\t@property({ type: String }) borderRadius: string | undefined\n\t@property({ type: String }) borderWidth: string | undefined\n\n\t@property({ type: String }) boxShadow: string | undefined\n\t@property({ type: String }) opacity: string | undefined\n\t@property({ type: String }) background: string | undefined\n\t@property({ type: String }) backgroundImage: string | undefined\n\t@property({ type: String }) backgroundPosition: string | undefined\n\t@property({ type: String }) backgroundSize: string | undefined\n\t@property({ type: String }) backgroundRepeat: string | undefined\n\t@property({ type: String }) backgroundAttachment: string | undefined\n\t@property({ type: String }) backgroundColor: string | undefined\n\t@property({ type: String }) backgroundClip: string | undefined\n\t@property({ type: String }) backgroundOrigin: string | undefined\n\t@property({ type: String }) backgroundBlendMode: string | undefined\n\t@property({ type: String }) filter: string | undefined\n\t@property({ type: String }) backdropFilter: string | undefined\n\n\tconnectedCallback(): void {\n\t\tsuper.connectedCallback()\n\t\tthis.style.setProperty('padding', this.padding ?? '')\n\t\tthis.style.setProperty('margin', this.margin ?? '')\n\t\tthis.style.setProperty('width', this.width ?? '')\n\t\tthis.style.setProperty('height', this.height ?? '')\n\t\tthis.style.setProperty('min-width', this.minWidth ?? '')\n\t\tthis.style.setProperty('min-height', this.minHeight ?? '')\n\t\tthis.style.setProperty('max-width', this.maxWidth ?? '')\n\t\tthis.style.setProperty('max-height', this.maxHeight ?? '')\n\t\tthis.style.setProperty('display', this.display ?? '')\n\t\tthis.style.setProperty('overflow', this.overflow ?? '')\n\t\tthis.style.setProperty('overflow-x', this.overflowX ?? '')\n\t\tthis.style.setProperty('overflow-y', this.overflowY ?? '')\n\t\tthis.style.setProperty('position', this.position ?? '')\n\t\tthis.style.setProperty('top', this.top ?? '')\n\t\tthis.style.setProperty('right', this.right ?? '')\n\t\tthis.style.setProperty('bottom', this.bottom ?? '')\n\t\tthis.style.setProperty('left', this.left ?? '')\n\t\tthis.style.setProperty('inset', this.inset ?? '')\n\t\tthis.style.setProperty('z-index', this.zIndex ?? '')\n\t\tthis.style.setProperty('border', this.border ?? '')\n\t\tthis.style.setProperty('border-top', this.borderTop ?? '')\n\t\tthis.style.setProperty('border-right', this.borderRight ?? '')\n\t\tthis.style.setProperty('border-bottom', this.borderBottom ?? '')\n\t\tthis.style.setProperty('border-left', this.borderLeft ?? '')\n\t\tthis.style.setProperty('border-color', this.borderColor ?? '')\n\t\tthis.style.setProperty('border-radius', this.borderRadius ?? '')\n\t\tthis.style.setProperty('border-width', this.borderWidth ?? '')\n\t\tthis.style.setProperty('box-shadow', this.boxShadow ?? '')\n\t\tthis.style.setProperty('opacity', this.opacity ?? '')\n\t\tthis.style.setProperty('background', this.background ?? '')\n\t\tthis.style.setProperty('background-image', this.backgroundImage ?? '')\n\t\tthis.style.setProperty('background-position', this.backgroundPosition ?? '')\n\t\tthis.style.setProperty('background-size', this.backgroundSize ?? '')\n\t\tthis.style.setProperty('background-repeat', this.backgroundRepeat ?? '')\n\t\tthis.style.setProperty('background-attachment', this.backgroundAttachment ?? '')\n\t\tthis.style.setProperty('background-color', this.backgroundColor ?? '')\n\t\tthis.style.setProperty('background-clip', this.backgroundClip ?? '')\n\t\tthis.style.setProperty('background-origin', this.backgroundOrigin ?? '')\n\t\tthis.style.setProperty('background-blend-mode', this.backgroundBlendMode ?? '')\n\t\tthis.style.setProperty('filter', this.filter ?? '')\n\t\tthis.style.setProperty('backdrop-filter', this.backdropFilter ?? '')\n\t\tif (this.center) {\n\t\t\tthis.style.setProperty('margin-left', 'auto')\n\t\t\tthis.style.setProperty('margin-right', 'auto')\n\t\t}\n\t}\n}\n",":host {\n\tdisplay: block;\n\tbackground-color: inherit;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { styleMap } from 'lit/directives/style-map.js'\nimport Layout from '../layout'\nimport style from './flex.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * @element schmancy-flex\n */\n@customElement('schmancy-flex')\nexport class SchmancyFlex extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String, reflect: true }) flow: 'row' | 'row-reverse' | 'col' | 'col-reverse' = 'col'\n\t@property({ type: String, reflect: true }) wrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\t@property({ type: String, reflect: true }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'start'\n\t@property({ type: String, reflect: true }) justify: 'start' | 'center' | 'end' | 'stretch' | 'between' = 'start'\n\t@property({ type: String, reflect: true }) gap: 'none' | 'sm' | 'md' | 'lg' = 'none'\n\n\trender() {\n\t\tconst classes = {\n\t\t\tflex: true,\n\t\t\t// Direction\n\t\t\t'flex-col': this.flow === 'row',\n\t\t\t'flex-col-reverse': this.flow === 'row-reverse',\n\t\t\t'flex-row': this.flow === 'col',\n\t\t\t'flex-row-reverse': this.flow === 'col-reverse',\n\t\t\t// Wrap\n\t\t\t'flex-wrap': this.wrap === 'wrap',\n\t\t\t'flex-wrap-reverse': this.wrap === 'wrap-reverse',\n\t\t\t'flex-nowrap': this.wrap === 'nowrap',\n\t\t\t// Align\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'justify-baseline': this.align === 'baseline',\n\n\t\t\t// Justify\n\t\t\t'justify-center': this.justify === 'center',\n\t\t\t'justify-end': this.justify === 'end',\n\t\t\t'justify-start': this.justify === 'start',\n\t\t\t'justify-stretch': this.justify === 'stretch',\n\t\t\t'justify-between': this.justify === 'between',\n\n\t\t\t// Gap\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t}\n\n\t\tconst styles = {}\n\t\treturn html`\n\t\t\t<section class=${classMap(classes)} style=${styleMap(styles)}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-flex': SchmancyFlex\n\t}\n}\n",":host {\n\theight: max-content;\n\twidth: -webkit-fill-available;\n\tdisplay: block;\n}\n","import { html, unsafeCSS } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { debounceTime, distinctUntilChanged, fromEvent, map, startWith, takeUntil } from 'rxjs'\nimport Layout from '../layout'\nimport style from './grid.scss?inline'\n\n/**\n * @deprecated Use Tailwind CSS grid classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <schmancy-grid> with <div class=\"grid ...\">\n * - Use Tailwind's grid utilities: grid-cols-*, gap-*, items-*, justify-items-*, etc.\n * \n * @element schmancy-grid\n */\n@customElement('schmancy-grid')\nexport class SchmancyGrid extends Layout {\n\tstatic styles = [Layout.styles, unsafeCSS(style)]\n\tlayout = true\n\t@property({ type: String }) flow: 'row' | 'col' | 'dense' | 'row-dense' | 'col-dense' = 'row'\n\t@property({ type: String }) align: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\t@property({ type: String }) justify: 'start' | 'center' | 'end' | 'stretch' = 'stretch'\n\t@property({ type: String }) content: 'start' | 'center' | 'end' | 'stretch' | 'around' | 'evenly' | 'between' =\n\t\t'stretch'\n\t@property({ type: String }) gap: 'none' | 'xs' | 'sm' | 'md' | 'lg' = 'none'\n\n\t@property({ type: String }) cols?: string\n\t@property({ type: String }) rows?: string\n\t@property({ type: Object }) rcols?: {\n\t\txs?: string | number\n\t\tsm?: string | number\n\t\tmd?: string | number\n\t\tlg?: string | number\n\t\txl?: string | number\n\t\t'2xl'?: string | number\n\t}\n\n\t@property({ type: Boolean }) wrap = false\n\n\t@queryAssignedElements() assignedElements!: HTMLElement[]\n\n\tfirstUpdated() {\n\t\tif (this.rcols)\n\t\t\tfromEvent<CustomEvent>(window, 'resize')\n\t\t\t\t.pipe(\n\t\t\t\t\tmap(event => event.target as Window),\n\t\t\t\t\tstartWith(1),\n\t\t\t\t\tmap(() => (this.clientWidth ? this.clientWidth : window.innerWidth)),\n\t\t\t\t\tdistinctUntilChanged(),\n\t\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t\t\tdebounceTime(10),\n\t\t\t\t\tmap(w => {\n\t\t\t\t\t\tlet cols\n\t\t\t\t\t\tif (this.rcols?.['2xl'] && w >= 1536) cols = this.rcols?.['2xl']\n\t\t\t\t\t\telse if (this.rcols?.xl && w >= 1280) cols = this.rcols?.xl\n\t\t\t\t\t\telse if (this.rcols?.lg && w >= 1024) cols = this.rcols?.lg\n\t\t\t\t\t\telse if (this.rcols?.md && w >= 768) cols = this.rcols?.md\n\t\t\t\t\t\telse if (this.rcols?.sm && w >= 640) cols = this.rcols?.sm\n\t\t\t\t\t\telse if (this.rcols?.xs && w < 640) cols = this.rcols?.xs\n\t\t\t\t\t\treturn cols\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t\t.subscribe(cols => {\n\t\t\t\t\tthis.cols = cols\n\t\t\t\t})\n\t}\n\n\trender() {\n\t\tconst classes = {\n\t\t\t'h-full': true,\n\t\t\t'grid flex-1': true,\n\t\t\t// flow classes: https://tailwindcss.com/docs/grid-auto-flow\n\t\t\t'grid-flow-row auto-rows-max': this.flow === 'row',\n\t\t\t'grid-flow-col auto-cols-max': this.flow === 'col',\n\t\t\t'grid-flow-row-dense': this.flow === 'row-dense',\n\t\t\t'grid-flow-col-dense': this.flow === 'col-dense',\n\t\t\t'grid-flow-dense': this.flow === 'dense',\n\n\t\t\t'justify-center': this.content === 'center',\n\t\t\t'justify-end': this.content === 'end',\n\t\t\t'justify-start': this.content === 'start',\n\t\t\t'justify-stretch': this.content === 'stretch',\n\t\t\t'justify-between': this.content === 'between',\n\t\t\t'justify-around': this.content === 'around',\n\t\t\t'justify-evenly': this.content === 'evenly',\n\n\t\t\t'justify-items-center': this.justify === 'center',\n\t\t\t'justify-items-end': this.justify === 'end',\n\t\t\t'justify-items-start': this.justify === 'start',\n\t\t\t'justify-items-stretch': this.justify === 'stretch',\n\t\t\t'items-center': this.align === 'center',\n\t\t\t'items-end': this.align === 'end',\n\t\t\t'items-start': this.align === 'start',\n\t\t\t'items-stretch': this.align === 'stretch',\n\t\t\t'items-baseline': this.align === 'baseline',\n\t\t\t'gap-0': this.gap === 'none',\n\t\t\t'gap-1': this.gap === 'xs',\n\t\t\t'gap-2': this.gap === 'sm',\n\t\t\t'gap-4': this.gap === 'md',\n\t\t\t'gap-8': this.gap === 'lg',\n\t\t\t'flex-nowrap': this.wrap,\n\t\t\t'flex-wrap': !this.wrap,\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateRows: this.rows ? this.rows : undefined,\n\t\t\tgridTemplateColumns: this.cols ? this.cols : undefined,\n\t\t}\n\t\treturn html`\n\t\t\t<section class=\"${this.classMap(classes)}\" style=${this.styleMap(style)}>\n\t\t\t\t<slot> </slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-grid': SchmancyGrid\n\t}\n}\n","import { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport Layout from '../layout'\n\n/**\n * @deprecated Use Tailwind CSS flex classes directly instead of this component.\n * This component will be removed in a future version.\n * \n * Migration guide:\n * - Replace <sch-flex> with <div class=\"flex ...\">\n * - Use Tailwind's flex utilities: flex-row, flex-col, gap-*, items-*, justify-*, etc.\n * \n * Original documentation:\n * \n * SchmancyFlex exposes a flex container with all the Tailwind CSS 4 options:\n *\n * - **Display**: By default uses `flex` but can be set to inline using the `inline` property.\n * - **Flow**: Accepts 'row', 'row-reverse', 'col', 'col-reverse' as well as grid‐like dense variants:\n *    - Dense variants (`row-dense`, `col-dense`) force wrapping.\n * - **Wrap**: 'wrap', 'nowrap', or 'wrap-reverse'\n * - **Align Items**: 'start', 'center', 'end', 'stretch', or 'baseline'\n * - **Justify Content**: 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Align Content** (for multi-line flex containers): 'start', 'center', 'end', 'between', 'around', or 'evenly'\n * - **Gap**: Supports Tailwind’s spacing scale (e.g. 'none', '0', '1', '2', …, '64')\n */\n@customElement('sch-flex')\nexport class SchmancyFlexV2 extends Layout {\n\tstatic styles = [\n\t\tLayout.styles,\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t`,\n\t]\n\t// If true, the container will use inline-flex instead of flex.\n\t@property({ type: Boolean, reflect: true })\n\tinline = false\n\n\t/**\n\t * Flow property that determines the flex direction.\n\t * Allowed values:\n\t *  - Standard: 'row', 'row-reverse', 'col', 'col-reverse'\n\t *  - Dense variants: 'row-dense', 'col-dense' (dense implies wrapping)\n\t */\n\t@property({ type: String, reflect: true })\n\tflow: 'row' | 'row-reverse' | 'col' | 'col-reverse' | 'row-dense' | 'col-dense' = 'row'\n\n\t/**\n\t * Flex-wrap options:\n\t *  - 'wrap', 'nowrap', or 'wrap-reverse'\n\t */\n\t@property({ type: String, reflect: true })\n\twrap: 'wrap' | 'nowrap' | 'wrap-reverse' = 'wrap'\n\n\t/**\n\t * Align-items (vertical alignment of flex items):\n\t *  - 'start', 'center', 'end', 'stretch', or 'baseline'\n\t */\n\t@property({ type: String, reflect: true })\n\talign: 'start' | 'center' | 'end' | 'stretch' | 'baseline' = 'stretch'\n\n\t/**\n\t * Justify-content (horizontal distribution):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tjustify: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly' = 'start'\n\n\t/**\n\t * Align-content (spacing between rows when wrapping):\n\t *  - 'start', 'center', 'end', 'between', 'around', or 'evenly'\n\t */\n\t@property({ type: String, reflect: true })\n\tcontent?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly'\n\n\t/**\n\t * Gap between flex items.\n\t * Options (based on Tailwind CSS 4 spacing scale):\n\t *  - 'none', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '12', '16', '20', '24', '32', '40', '48', '56', or '64'\n\t */\n\t@property({ type: String, reflect: true })\n\tgap:\n\t\t| 'none'\n\t\t| '0'\n\t\t| '1'\n\t\t| '2'\n\t\t| '3'\n\t\t| '4'\n\t\t| '5'\n\t\t| '6'\n\t\t| '7'\n\t\t| '8'\n\t\t| '9'\n\t\t| '10'\n\t\t| '12'\n\t\t| '16'\n\t\t| '20'\n\t\t| '24'\n\t\t| '32'\n\t\t| '40'\n\t\t| '48'\n\t\t| '56'\n\t\t| '64' = 'none'\n\n\trender() {\n\t\t// Determine whether to use inline-flex or flex.\n\t\tconst baseDisplay = this.inline ? 'inline-flex' : 'flex'\n\n\t\t// Map the flow property to a flex-direction class.\n\t\t// (Dense variants use the same class as their standard counterparts.)\n\t\tlet directionClass = ''\n\t\tswitch (this.flow) {\n\t\t\tcase 'row':\n\t\t\tcase 'row-dense':\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t\t\tbreak\n\t\t\tcase 'row-reverse':\n\t\t\t\tdirectionClass = 'flex-row-reverse'\n\t\t\t\tbreak\n\t\t\tcase 'col':\n\t\t\tcase 'col-dense':\n\t\t\t\tdirectionClass = 'flex-col'\n\t\t\t\tbreak\n\t\t\tcase 'col-reverse':\n\t\t\t\tdirectionClass = 'flex-col-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tdirectionClass = 'flex-row'\n\t\t}\n\n\t\t// Dense variants force wrapping regardless of the wrap property.\n\t\tconst isDense = this.flow === 'row-dense' || this.flow === 'col-dense'\n\t\tconst effectiveWrap = isDense ? 'wrap' : this.wrap\n\n\t\tlet wrapClass = ''\n\t\tswitch (effectiveWrap) {\n\t\t\tcase 'wrap':\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t\t\tbreak\n\t\t\tcase 'nowrap':\n\t\t\t\twrapClass = 'flex-nowrap'\n\t\t\t\tbreak\n\t\t\tcase 'wrap-reverse':\n\t\t\t\twrapClass = 'flex-wrap-reverse'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\twrapClass = 'flex-wrap'\n\t\t}\n\n\t\t// Map align-items.\n\t\tlet alignClass = ''\n\t\tswitch (this.align) {\n\t\t\tcase 'start':\n\t\t\t\talignClass = 'items-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\talignClass = 'items-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\talignClass = 'items-end'\n\t\t\t\tbreak\n\t\t\tcase 'stretch':\n\t\t\t\talignClass = 'items-stretch'\n\t\t\t\tbreak\n\t\t\tcase 'baseline':\n\t\t\t\talignClass = 'items-baseline'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\talignClass = 'items-stretch'\n\t\t}\n\n\t\t// Map justify-content.\n\t\tlet justifyClass = ''\n\t\tswitch (this.justify) {\n\t\t\tcase 'start':\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t\t\tbreak\n\t\t\tcase 'center':\n\t\t\t\tjustifyClass = 'justify-center'\n\t\t\t\tbreak\n\t\t\tcase 'end':\n\t\t\t\tjustifyClass = 'justify-end'\n\t\t\t\tbreak\n\t\t\tcase 'between':\n\t\t\t\tjustifyClass = 'justify-between'\n\t\t\t\tbreak\n\t\t\tcase 'around':\n\t\t\t\tjustifyClass = 'justify-around'\n\t\t\t\tbreak\n\t\t\tcase 'evenly':\n\t\t\t\tjustifyClass = 'justify-evenly'\n\t\t\t\tbreak\n\t\t\tdefault:\n\t\t\t\tjustifyClass = 'justify-start'\n\t\t}\n\n\t\t// Map align-content (if provided).\n\t\tlet contentClass = ''\n\t\tif (this.content) {\n\t\t\tswitch (this.content) {\n\t\t\t\tcase 'start':\n\t\t\t\t\tcontentClass = 'content-start'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'center':\n\t\t\t\t\tcontentClass = 'content-center'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'end':\n\t\t\t\t\tcontentClass = 'content-end'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'between':\n\t\t\t\t\tcontentClass = 'content-between'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'around':\n\t\t\t\t\tcontentClass = 'content-around'\n\t\t\t\t\tbreak\n\t\t\t\tcase 'evenly':\n\t\t\t\t\tcontentClass = 'content-evenly'\n\t\t\t\t\tbreak\n\t\t\t}\n\t\t}\n\n\t\t// Map gap value.\n\t\tconst gapClass = this.gap === 'none' ? 'gap-0' : `gap-${this.gap}`\n\n\t\t// Build the complete list of classes.\n\t\tconst classes = [baseDisplay, directionClass, wrapClass, alignClass, justifyClass, contentClass, gapClass]\n\t\t\t.filter(Boolean)\n\t\t\t.join(' ')\n\n\t\treturn html`\n\t\t\t<section class=${classes}>\n\t\t\t\t<slot></slot>\n\t\t\t</section>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'sch-flex': SchmancyFlexV2\n\t}\n}\n"],"mappings":"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"}

package/dist/layout-yxSlLybo.js

@@ -1,94 +0,0 @@
-import { n as e } from "./theme.service-D9lEas89.js";
-import { EMPTY as t, Observable as n, Subject as r, combineLatest as i, fromEvent as a, merge as o, timer as s } from "rxjs";
-import { debounceTime as c, distinctUntilChanged as l, filter as u, map as d, startWith as f, switchMap as p, takeUntil as m, tap as h } from "rxjs/operators";
-import { AsyncDirective as g } from "lit/async-directive.js";
-import { PartType as _, directive as v } from "lit/directive.js";
-function y() {
-	let e = window.visualViewport;
-	return !!e && Math.abs(e.scale - 1) > .01;
-}
-var b = null, x = null, S = 0;
-function C() {
-	if (!b) {
-		b = new r();
-		let e = a(window, "resize", { passive: !0 });
-		x = o(e, window.visualViewport ? o(a(window.visualViewport, "resize", { passive: !0 }), a(window.visualViewport, "scroll", { passive: !0 })) : e, a(window, "orientationchange"), a(document, "focusout", { passive: !0 }).pipe(p(() => s(100)))).pipe(c(16)).subscribe(() => b.next());
-	}
-	return b;
-}
-function w() {
-	S === 0 && x && (x.unsubscribe(), x = null, b = null);
-}
-function T(e) {
-	return new n((t) => {
-		let n = new ResizeObserver((e) => t.next(e));
-		return n.observe(e), () => n.disconnect();
-	});
-}
-var E = v(class extends g {
-	constructor(...e) {
-		super(...e), this.element = null, this.disconnecting$ = new r();
-	}
-	calculateHeight() {
-		if (!this.element) return 0;
-		let e = window.visualViewport?.height ?? window.innerHeight, t = this.element.getBoundingClientRect().top;
-		return Math.max(0, e - t);
-	}
-	applyStyles(e, t) {
-		this.element && (this.element.style.boxSizing = "border-box", this.element.style.height = `${e}px`, this.element.style.paddingBottom = `${t}px`);
-	}
-	setupHeightStream() {
-		if (!this.element) return;
-		let n = this.element;
-		i([
-			o(n.parentElement ? T(n.parentElement) : t, C()).pipe(f(null)),
-			e.bottomOffset$,
-			e.fullscreen$
-		]).pipe(u(() => !y()), d(([, e, t]) => ({
-			height: this.calculateHeight(),
-			padding: t ? 0 : e
-		})), l((e, t) => e.height === t.height && e.padding === t.padding), h(({ height: e, padding: t }) => this.applyStyles(e, t)), m(this.disconnecting$)).subscribe();
-	}
-	render() {}
-	update(e) {
-		if (e.type !== _.ELEMENT) throw Error("fullHeight directive can only be used on elements");
-		let t = e.element;
-		this.element !== t && (this.element = t, S++, this.setupHeightStream());
-	}
-	disconnected() {
-		this.disconnecting$.next(), S--, w(), this.element = null;
-	}
-	reconnected() {
-		this.element && (S++, this.disconnecting$ = new r(), this.setupHeightStream());
-	}
-}), D = v(class extends g {
-	constructor(...e) {
-		super(...e), this.element = null, this.disconnecting$ = new r();
-	}
-	calculateWidth() {
-		if (!this.element) return 0;
-		let e = window.visualViewport?.width ?? window.innerWidth, t = this.element.getBoundingClientRect().left;
-		return Math.max(0, e - t);
-	}
-	applyStyles(e) {
-		this.element && (this.element.style.boxSizing = "border-box", this.element.style.maxWidth = `${e}px`);
-	}
-	setupWidthStream() {
-		if (!this.element) return;
-		let n = this.element;
-		i([o(T(n), n.parentElement ? T(n.parentElement) : t, C()).pipe(f(null)), e.fullscreen$]).pipe(u(() => !y()), d(() => this.calculateWidth()), l(), h((e) => this.applyStyles(e)), m(this.disconnecting$)).subscribe();
-	}
-	render() {}
-	update(e) {
-		if (e.type !== _.ELEMENT) throw Error("fullWidth directive can only be used on elements");
-		let t = e.element;
-		this.element !== t && (this.element = t, S++, this.setupWidthStream());
-	}
-	disconnected() {
-		this.disconnecting$.next(), S--, w(), this.element = null;
-	}
-	reconnected() {
-		this.element && (S++, this.disconnecting$ = new r(), this.setupWidthStream());
-	}
-});
-export { E as n, D as r, T as t };

package/dist/layout-yxSlLybo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout-yxSlLybo.js","names":[],"sources":["../src/directives/layout.ts"],"sourcesContent":["import { directive, ElementPart, PartType } from 'lit/directive.js'\nimport { AsyncDirective } from 'lit/async-directive.js'\nimport { Subject, fromEvent, merge, Observable, EMPTY, timer, combineLatest } from 'rxjs'\nimport { debounceTime, switchMap, takeUntil, distinctUntilChanged, map, tap, startWith, filter } from 'rxjs/operators'\n\n/** Returns true if user is pinch-zoomed (scale !== 1) */\nfunction isZoomed(): boolean {\n\tconst vv = window.visualViewport\n\treturn vv ? Math.abs(vv.scale - 1) > 0.01 : false\n}\nimport { theme } from '../theme/theme.service'\n\n// Shared global update stream (lazy-initialized, cleaned up when no elements use it)\nlet update$: Subject<void> | null = null\nlet updateSub: { unsubscribe: () => void } | null = null\nlet elementCount = 0\n\nfunction getUpdateStream(): Subject<void> {\n\tif (!update$) {\n\t\tupdate$ = new Subject<void>()\n\n\t\tconst windowResize$ = fromEvent(window, 'resize', { passive: true })\n\n\t\tconst viewportEvents$ = window.visualViewport\n\t\t\t? merge(\n\t\t\t\t\tfromEvent(window.visualViewport, 'resize', { passive: true }),\n\t\t\t\t\tfromEvent(window.visualViewport, 'scroll', { passive: true })\n\t\t\t\t)\n\t\t\t: windowResize$\n\n\t\tconst orientation$ = fromEvent(window, 'orientationchange')\n\n\t\t// iOS Safari: force recalc after keyboard dismissal\n\t\tconst focusOut$ = fromEvent(document, 'focusout', { passive: true }).pipe(\n\t\t\tswitchMap(() => timer(100))\n\t\t)\n\n\t\tupdateSub = merge(windowResize$, viewportEvents$, orientation$, focusOut$)\n\t\t\t.pipe(debounceTime(16))\n\t\t\t.subscribe(() => update$!.next())\n\t}\n\treturn update$\n}\n\nfunction cleanup() {\n\tif (elementCount === 0 && updateSub) {\n\t\tupdateSub.unsubscribe()\n\t\tupdateSub = null\n\t\tupdate$ = null\n\t}\n}\n\n\n/**\n * RxJS wrapper for ResizeObserver - auto-cleans on unsubscribe\n */\nexport function fromResizeObserver(element: Element): Observable<ResizeObserverEntry[]> {\n\treturn new Observable(subscriber => {\n\t\tconst observer = new ResizeObserver(entries => subscriber.next(entries))\n\t\tobserver.observe(element)\n\t\treturn () => observer.disconnect()\n\t})\n}\n\n/**\n * fullHeight directive - fills remaining viewport space\n *\n * Reactive sources:\n * - Parent ResizeObserver (layout shifts)\n * - Window resize / visualViewport (viewport changes)\n * - Orientation change (device rotation)\n * - Focus out (mobile keyboard dismiss)\n * - Theme fullscreen toggle\n *\n * Performance:\n * - distinctUntilChanged prevents redundant style writes\n * - debounceTime(16) batches rapid events (~60fps)\n * - Single shared stream for global events\n */\nclass FullHeight extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate calculateHeight(): number {\n\t\tif (!this.element) return 0\n\t\tconst viewportHeight = window.visualViewport?.height ?? window.innerHeight\n\t\tconst topOffset = this.element.getBoundingClientRect().top\n\t\treturn Math.max(0, viewportHeight - topOffset)\n\t}\n\n\tprivate applyStyles(height: number, bottomPadding: number) {\n\t\tif (this.element) {\n\t\t\tthis.element.style.boxSizing = 'border-box'\n\t\t\tthis.element.style.height = `${height}px`\n\t\t\tthis.element.style.paddingBottom = `${bottomPadding}px`\n\t\t}\n\t}\n\n\tprivate setupHeightStream() {\n\t\tif (!this.element) return\n\n\t\tconst element = this.element\n\n\t\t// Parent resize detects layout shifts (e.g., header rendering after load)\n\t\tconst parentResize$ = element.parentElement\n\t\t\t? fromResizeObserver(element.parentElement)\n\t\t\t: EMPTY\n\n\t\t// Global events (resize, viewport, orientation, fullscreen)\n\t\tconst globalEvents$ = getUpdateStream()\n\n\t\t// Combine all sources, calculate height and padding, dedupe, apply\n\t\t// Skip updates while pinch-zoomed to prevent layout thrashing\n\t\tcombineLatest([\n\t\t\tmerge(parentResize$, globalEvents$).pipe(startWith(null)),\n\t\t\ttheme.bottomOffset$,\n\t\t\ttheme.fullscreen$\n\t\t]).pipe(\n\t\t\tfilter(() => !isZoomed()),\n\t\t\tmap(([, bottomOffset, isFullscreen]) => ({\n\t\t\t\theight: this.calculateHeight(),\n\t\t\t\tpadding: isFullscreen ? 0 : bottomOffset\n\t\t\t})),\n\t\t\tdistinctUntilChanged((a, b) => a.height === b.height && a.padding === b.padding),\n\t\t\ttap(({ height, padding }) => this.applyStyles(height, padding)),\n\t\t\ttakeUntil(this.disconnecting$)\n\t\t).subscribe()\n\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: ElementPart) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullHeight directive can only be used on elements')\n\t\t}\n\t\tconst el = part.element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.setupHeightStream()\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.disconnecting$ = new Subject<void>()\n\t\t\tthis.setupHeightStream()\n\t\t}\n\t}\n}\n\nexport const fullHeight = directive(FullHeight)\n\n/**\n * fullWidth directive - fills remaining horizontal viewport space\n *\n * Reactive sources:\n * - Element ResizeObserver (detects when element moves/resizes)\n * - Parent ResizeObserver (layout shifts, e.g., sidebar)\n * - Window resize / visualViewport (viewport changes)\n * - Orientation change (device rotation)\n * - Theme fullscreen toggle (sidebar visibility)\n *\n * Performance:\n * - distinctUntilChanged prevents redundant style writes\n * - debounceTime(16) batches rapid events (~60fps)\n * - Single shared stream for global events\n */\nclass FullWidth extends AsyncDirective {\n\tprivate element: HTMLElement | null = null\n\tprivate disconnecting$ = new Subject<void>()\n\n\tprivate calculateWidth(): number {\n\t\tif (!this.element) return 0\n\t\tconst viewportWidth = window.visualViewport?.width ?? window.innerWidth\n\t\tconst leftOffset = this.element.getBoundingClientRect().left\n\t\treturn Math.max(0, viewportWidth - leftOffset)\n\t}\n\n\tprivate applyStyles(width: number) {\n\t\tif (this.element) {\n\t\t\tthis.element.style.boxSizing = 'border-box'\n\t\t\tthis.element.style.maxWidth = `${width}px`\n\t\t}\n\t}\n\n\tprivate setupWidthStream() {\n\t\tif (!this.element) return\n\n\t\tconst element = this.element\n\n\t\t// Element resize detects when element itself moves (e.g., after layout settles)\n\t\tconst elementResize$ = fromResizeObserver(element)\n\n\t\t// Parent resize detects layout shifts (e.g., sidebar opening/closing)\n\t\tconst parentResize$ = element.parentElement\n\t\t\t? fromResizeObserver(element.parentElement)\n\t\t\t: EMPTY\n\n\t\t// Global events (resize, viewport, orientation)\n\t\tconst globalEvents$ = getUpdateStream()\n\n\t\t// Combine all sources with theme observables for synchronous initial emission\n\t\t// theme.fullscreen$ has shareReplay(1) ensuring immediate emission on subscribe\n\t\t// Skip updates while pinch-zoomed to prevent layout thrashing\n\t\tcombineLatest([\n\t\t\tmerge(elementResize$, parentResize$, globalEvents$).pipe(startWith(null)),\n\t\t\ttheme.fullscreen$\n\t\t]).pipe(\n\t\t\tfilter(() => !isZoomed()),\n\t\t\tmap(() => this.calculateWidth()),\n\t\t\tdistinctUntilChanged(),\n\t\t\ttap(width => this.applyStyles(width)),\n\t\t\ttakeUntil(this.disconnecting$)\n\t\t).subscribe()\n\t}\n\n\trender() {\n\t\treturn\n\t}\n\n\tupdate(part: ElementPart) {\n\t\tif (part.type !== PartType.ELEMENT) {\n\t\t\tthrow new Error('fullWidth directive can only be used on elements')\n\t\t}\n\t\tconst el = part.element as HTMLElement\n\t\tif (this.element !== el) {\n\t\t\tthis.element = el\n\t\t\telementCount++\n\t\t\tthis.setupWidthStream()\n\t\t}\n\t}\n\n\tdisconnected() {\n\t\tthis.disconnecting$.next()\n\t\telementCount--\n\t\tcleanup()\n\t\tthis.element = null\n\t}\n\n\treconnected() {\n\t\tif (this.element) {\n\t\t\telementCount++\n\t\t\tthis.disconnecting$ = new Subject<void>()\n\t\t\tthis.setupWidthStream()\n\t\t}\n\t}\n}\n\nexport const fullWidth = directive(FullWidth)\n"],"mappings":"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"}