zxq-com 0.0.30 → 0.0.32

package/dist/styles-BYpMnn-p.js

@@ -1,442 +0,0 @@
-const shades = [
-	0,
-	5,
-	10,
-	15,
-	20,
-	25,
-	30,
-	35,
-	40,
-	50,
-	60,
-	70,
-	80,
-	90,
-	95,
-	98,
-	99,
-	100
-];
-var opacityBehavior = "\n  &:not([disabled]) {\n    cursor: pointer;\n    opacity: var(--opacity, 0);\n    transition: opacity var(--speed, 0.2s) cubic-bezier(0, 0, 0.3, 1);\n\n    &:hover,\n    &:focus {\n      opacity: 1;\n    }\n  }";
-const behavior = `
-  ${Array(21).fill(0).map((e, s) => `.behavior-ho-${s * 5} {
-          --opacity: ${s / 20};
-          ${opacityBehavior}
-        }`).join("\n")}
-
-  .behavior-o-s {
-    overflow: scroll;
-  }
-
-  .behavior-o-a {
-    overflow: auto;
-  }
-
-  .behavior-o-h {
-    overflow: hidden;
-  }
-
-  .behavior-sw-n {
-    scrollbar-width: none;
-  }
-`, border = `
-  ${Array(25).fill(0).map((e, o) => `
-        .border-bw-${o} { border-width: ${o}px; }
-        .border-btw-${o} { border-top-width: ${o}px; }
-        .border-bbw-${o} { border-bottom-width: ${o}px; }
-        .border-blw-${o} { border-left-width: ${o}px; }
-        .border-brw-${o} { border-right-width: ${o}px; }
-
-        .border-ow-${o} { outline-width: ${o}px; }
-        .border-br-${o} { border-radius: ${o * 4}px; overflow: hidden;}`).join("\n")}
-
-  .border-br-50pc {
-    border-radius: 50%;
-  }
-
-  .border-bs-s {
-    border-style: solid;
-  }
-`;
-function merge(...e) {
-	let o = {};
-	for (let s of e) for (let [e, c] of Object.entries(s)) {
-		let s = e.split("-").with(-1, "").join("-"), l = Object.keys(o).filter((e) => e.startsWith(s));
-		for (let e of l) delete o[e];
-		o[e] = c;
-	}
-	return o;
-}
-function appendToAll(e, o, ...s) {
-	let c = structuredClone(e);
-	for (let e of s) for (let s of Object.keys(e)) {
-		let e = s.split("-").with(-1, "").join("-");
-		for (let [l, u] of Object.entries(c)) {
-			if (o.includes(l)) continue;
-			let c = !1;
-			for (let o = 0; o < u.length; o++) u[o].startsWith(e) && (c = !0, u[o] = s);
-			c || u.push(s);
-		}
-	}
-	return c;
-}
-function toProp(e) {
-	return e.startsWith("nv") ? `--nv-${e.slice(2)}` : `--${e[0]}-${e.slice(1)}`;
-}
-var color = (e) => `
-    ${e.map((e) => {
-	let o = getInverseKey(e);
-	return `.color-bc-${e} { border-color: light-dark(var(${toProp(e)}), var(${toProp(o)})); }`;
-}).join("\n")}
-
-    ${e.map((e) => {
-	let o = getInverseKey(e), s = [`.color-bgc-${e} { background-color: light-dark(var(${toProp(e)}), var(${toProp(o)})); }`, `.color-bbgc-${e}::backdrop { background-color: light-dark(var(${toProp(e)}), var(${toProp(o)})); }`];
-	for (let c = .1; c < 1; c += .1) s.push(`.color-bbgc-${e}_${(c * 100).toFixed(0)}::backdrop {
-            background-color: light-dark(oklch(from var(${toProp(e)}) l c h / calc(alpha * ${c.toFixed(1)})), oklch(from var(${toProp(o)}) l c h / calc(alpha * ${c.toFixed(1)})) );
-          }
-        `);
-	return s.join("\n");
-}).join("\n")}
-
-  ${e.map((e) => {
-	let o = getInverseKey(e);
-	return `.color-c-${e} { color: light-dark(var(${toProp(e)}), var(${toProp(o)})); }`;
-}).join("\n")}
-  `, getInverseKey = (o) => {
-	let s = o.match(/^([a-z]+)(\d+)$/);
-	if (!s) return o;
-	let [, c, l] = s, u = 100 - parseInt(l, 10);
-	return `${c}${shades.reduce((e, o) => Math.abs(o - u) < Math.abs(e - u) ? o : e)}`;
-}, keyFactory = (o) => shades.map((e) => `${o}${e}`);
-const structuralStyles = [
-	behavior,
-	border,
-	[
-		color(keyFactory("p")),
-		color(keyFactory("s")),
-		color(keyFactory("t")),
-		color(keyFactory("n")),
-		color(keyFactory("nv")),
-		color(keyFactory("e")),
-		"\n    .color-bgc-transparent {\n      background-color: transparent;\n    }\n\n    :host {\n      color-scheme: var(--color-scheme);\n    }\n  "
-	],
-	"\n  .g-icon {\n    font-family: \"Material Symbols Outlined\", \"Google Symbols\";\n    font-weight: normal;\n    font-style: normal;\n    font-display: optional;\n    font-size: 20px;\n    width: 1em;\n    height: 1em;\n    user-select: none;\n    line-height: 1;\n    letter-spacing: normal;\n    text-transform: none;\n    display: inline-block;\n    white-space: nowrap;\n    word-wrap: normal;\n    direction: ltr;\n    -webkit-font-feature-settings: \"liga\";\n    -webkit-font-smoothing: antialiased;\n    overflow: hidden;\n\n    font-variation-settings: \"FILL\" 0, \"wght\" 300, \"GRAD\" 0, \"opsz\" 48,\n      \"ROND\" 100;\n\n    &.filled {\n      font-variation-settings: \"FILL\" 1, \"wght\" 300, \"GRAD\" 0, \"opsz\" 48,\n        \"ROND\" 100;\n    }\n\n    &.filled-heavy {\n      font-variation-settings: \"FILL\" 1, \"wght\" 700, \"GRAD\" 0, \"opsz\" 48,\n        \"ROND\" 100;\n    }\n  }\n",
-	`
-  :host {
-    ${Array(16).fill(0).map((e, o) => `--g-${o + 1}: ${(o + 1) * 4}px;`).join("\n")}
-  }
-
-  ${Array(49).fill(0).map((e, o) => {
-		let s = o - 24, c = s < 0 ? `n${Math.abs(s)}` : s.toString();
-		return `
-        .layout-p-${c} { --padding: ${s * 4}px; padding: var(--padding); }
-        .layout-pt-${c} { padding-top: ${s * 4}px; }
-        .layout-pr-${c} { padding-right: ${s * 4}px; }
-        .layout-pb-${c} { padding-bottom: ${s * 4}px; }
-        .layout-pl-${c} { padding-left: ${s * 4}px; }
-
-        .layout-m-${c} { --margin: ${s * 4}px; margin: var(--margin); }
-        .layout-mt-${c} { margin-top: ${s * 4}px; }
-        .layout-mr-${c} { margin-right: ${s * 4}px; }
-        .layout-mb-${c} { margin-bottom: ${s * 4}px; }
-        .layout-ml-${c} { margin-left: ${s * 4}px; }
-
-        .layout-t-${c} { top: ${s * 4}px; }
-        .layout-r-${c} { right: ${s * 4}px; }
-        .layout-b-${c} { bottom: ${s * 4}px; }
-        .layout-l-${c} { left: ${s * 4}px; }`;
-	}).join("\n")}
-
-  ${Array(25).fill(0).map((e, o) => `
-        .layout-g-${o} { gap: ${o * 4}px; }`).join("\n")}
-
-  ${Array(8).fill(0).map((e, o) => `
-        .layout-grd-col${o + 1} { grid-template-columns: ${"1fr ".repeat(o + 1).trim()}; }`).join("\n")}
-
-  .layout-pos-a {
-    position: absolute;
-  }
-
-  .layout-pos-rel {
-    position: relative;
-  }
-
-  .layout-dsp-none {
-    display: none;
-  }
-
-  .layout-dsp-block {
-    display: block;
-  }
-
-  .layout-dsp-grid {
-    display: grid;
-  }
-
-  .layout-dsp-iflex {
-    display: inline-flex;
-  }
-
-  .layout-dsp-flexvert {
-    display: flex;
-    flex-direction: column;
-  }
-
-  .layout-dsp-flexhor {
-    display: flex;
-    flex-direction: row;
-  }
-
-  .layout-fw-w {
-    flex-wrap: wrap;
-  }
-
-  .layout-al-fs {
-    align-items: start;
-  }
-
-  .layout-al-fe {
-    align-items: end;
-  }
-
-  .layout-al-c {
-    align-items: center;
-  }
-
-  .layout-as-n {
-    align-self: normal;
-  }
-
-  .layout-js-c {
-    justify-self: center;
-  }
-
-  .layout-sp-c {
-    justify-content: center;
-  }
-
-  .layout-sp-ev {
-    justify-content: space-evenly;
-  }
-
-  .layout-sp-bt {
-    justify-content: space-between;
-  }
-
-  .layout-sp-s {
-    justify-content: start;
-  }
-
-  .layout-sp-e {
-    justify-content: end;
-  }
-
-  .layout-ji-e {
-    justify-items: end;
-  }
-
-  .layout-r-none {
-    resize: none;
-  }
-
-  .layout-fs-c {
-    field-sizing: content;
-  }
-
-  .layout-fs-n {
-    field-sizing: none;
-  }
-
-  .layout-flx-0 {
-    flex: 0 0 auto;
-  }
-
-  .layout-flx-1 {
-    flex: 1 0 auto;
-  }
-
-  .layout-c-s {
-    contain: strict;
-  }
-
-  /** Widths **/
-
-  ${Array(10).fill(0).map((e, o) => {
-		let s = (o + 1) * 10;
-		return `.layout-w-${s} { width: ${s}%; max-width: ${s}%; }`;
-	}).join("\n")}
-
-  ${Array(16).fill(0).map((e, o) => `.layout-wp-${o} { width: ${o * 4}px; }`).join("\n")}
-
-  /** Heights **/
-
-  ${Array(10).fill(0).map((e, o) => {
-		let s = (o + 1) * 10;
-		return `.layout-h-${s} { height: ${s}%; }`;
-	}).join("\n")}
-
-  ${Array(16).fill(0).map((e, o) => `.layout-hp-${o} { height: ${o * 4}px; }`).join("\n")}
-
-  .layout-el-cv {
-    & img,
-    & video {
-      width: 100%;
-      height: 100%;
-      object-fit: cover;
-      margin: 0;
-    }
-  }
-
-  .layout-ar-sq {
-    aspect-ratio: 1 / 1;
-  }
-
-  .layout-ex-fb {
-    margin: calc(var(--padding) * -1) 0 0 calc(var(--padding) * -1);
-    width: calc(100% + var(--padding) * 2);
-    height: calc(100% + var(--padding) * 2);
-  }
-`,
-	`
-  ${Array(21).fill(0).map((e, o) => `.opacity-el-${o * 5} { opacity: ${o / 20}; }`).join("\n")}
-`,
-	`
-  :host {
-    --default-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-    --default-font-family-mono: "Courier New", Courier, monospace;
-  }
-
-  .typography-f-s {
-    font-family: var(--font-family, var(--default-font-family));
-    font-optical-sizing: auto;
-    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0;
-  }
-
-  .typography-f-sf {
-    font-family: var(--font-family-flex, var(--default-font-family));
-    font-optical-sizing: auto;
-  }
-
-  .typography-f-c {
-    font-family: var(--font-family-mono, var(--default-font-family));
-    font-optical-sizing: auto;
-    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0;
-  }
-
-  .typography-v-r {
-    font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "ROND" 100;
-  }
-
-  .typography-ta-s {
-    text-align: start;
-  }
-
-  .typography-ta-c {
-    text-align: center;
-  }
-
-  .typography-fs-n {
-    font-style: normal;
-  }
-
-  .typography-fs-i {
-    font-style: italic;
-  }
-
-  .typography-sz-ls {
-    font-size: 11px;
-    line-height: 16px;
-  }
-
-  .typography-sz-lm {
-    font-size: 12px;
-    line-height: 16px;
-  }
-
-  .typography-sz-ll {
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .typography-sz-bs {
-    font-size: 12px;
-    line-height: 16px;
-  }
-
-  .typography-sz-bm {
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .typography-sz-bl {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  .typography-sz-ts {
-    font-size: 14px;
-    line-height: 20px;
-  }
-
-  .typography-sz-tm {
-    font-size: 16px;
-    line-height: 24px;
-  }
-
-  .typography-sz-tl {
-    font-size: 22px;
-    line-height: 28px;
-  }
-
-  .typography-sz-hs {
-    font-size: 24px;
-    line-height: 32px;
-  }
-
-  .typography-sz-hm {
-    font-size: 28px;
-    line-height: 36px;
-  }
-
-  .typography-sz-hl {
-    font-size: 32px;
-    line-height: 40px;
-  }
-
-  .typography-sz-ds {
-    font-size: 36px;
-    line-height: 44px;
-  }
-
-  .typography-sz-dm {
-    font-size: 45px;
-    line-height: 52px;
-  }
-
-  .typography-sz-dl {
-    font-size: 57px;
-    line-height: 64px;
-  }
-
-  .typography-ws-p {
-    white-space: pre-line;
-  }
-
-  .typography-ws-nw {
-    white-space: nowrap;
-  }
-
-  .typography-td-none {
-    text-decoration: none;
-  }
-
-  /** Weights **/
-
-  ${Array(9).fill(0).map((e, o) => {
-		let s = (o + 1) * 100;
-		return `.typography-w-${s} { font-weight: ${s}; }`;
-	}).join("\n")}
-`
-].flat(Infinity).join("\n");
-export { appendToAll as n, merge as r, structuralStyles as t };