zxq-com 0.0.30 → 0.0.32

package/dist/styles-BZV65AUo.cjs

@@ -1,453 +0,0 @@
-const e=[0,5,10,15,20,25,30,35,40,50,60,70,80,90,95,98,99,100];var t=`
-  &:not([disabled]) {
-    cursor: pointer;
-    opacity: var(--opacity, 0);
-    transition: opacity var(--speed, 0.2s) cubic-bezier(0, 0, 0.3, 1);
-
-    &:hover,
-    &:focus {
-      opacity: 1;
-    }
-  }`;const n=`
-  ${Array(21).fill(0).map((e,n)=>`.behavior-ho-${n*5} {
-          --opacity: ${n/20};
-          ${t}
-        }`).join(`
-`)}
-
-  .behavior-o-s {
-    overflow: scroll;
-  }
-
-  .behavior-o-a {
-    overflow: auto;
-  }
-
-  .behavior-o-h {
-    overflow: hidden;
-  }
-
-  .behavior-sw-n {
-    scrollbar-width: none;
-  }
-`,r=4,i=`
-  ${Array(25).fill(0).map((e,t)=>`
-        .border-bw-${t} { border-width: ${t}px; }
-        .border-btw-${t} { border-top-width: ${t}px; }
-        .border-bbw-${t} { border-bottom-width: ${t}px; }
-        .border-blw-${t} { border-left-width: ${t}px; }
-        .border-brw-${t} { border-right-width: ${t}px; }
-
-        .border-ow-${t} { outline-width: ${t}px; }
-        .border-br-${t} { border-radius: ${t*4}px; overflow: hidden;}`).join(`
-`)}
-
-  .border-br-50pc {
-    border-radius: 50%;
-  }
-
-  .border-bs-s {
-    border-style: solid;
-  }
-`;function a(...e){let t={};for(let n of e)for(let[e,r]of Object.entries(n)){let n=e.split(`-`).with(-1,``).join(`-`),i=Object.keys(t).filter(e=>e.startsWith(n));for(let e of i)delete t[e];t[e]=r}return t}function o(e,t,...n){let r=structuredClone(e);for(let e of n)for(let n of Object.keys(e)){let e=n.split(`-`).with(-1,``).join(`-`);for(let[i,a]of Object.entries(r)){if(t.includes(i))continue;let r=!1;for(let t=0;t<a.length;t++)a[t].startsWith(e)&&(r=!0,a[t]=n);r||a.push(n)}}return r}function s(e){return e.startsWith(`nv`)?`--nv-${e.slice(2)}`:`--${e[0]}-${e.slice(1)}`}var c=e=>`
-    ${e.map(e=>{let t=l(e);return`.color-bc-${e} { border-color: light-dark(var(${s(e)}), var(${s(t)})); }`}).join(`
-`)}
-
-    ${e.map(e=>{let t=l(e),n=[`.color-bgc-${e} { background-color: light-dark(var(${s(e)}), var(${s(t)})); }`,`.color-bbgc-${e}::backdrop { background-color: light-dark(var(${s(e)}), var(${s(t)})); }`];for(let r=.1;r<1;r+=.1)n.push(`.color-bbgc-${e}_${(r*100).toFixed(0)}::backdrop {
-            background-color: light-dark(oklch(from var(${s(e)}) l c h / calc(alpha * ${r.toFixed(1)})), oklch(from var(${s(t)}) l c h / calc(alpha * ${r.toFixed(1)})) );
-          }
-        `);return n.join(`
-`)}).join(`
-`)}
-
-  ${e.map(e=>{let t=l(e);return`.color-c-${e} { color: light-dark(var(${s(e)}), var(${s(t)})); }`}).join(`
-`)}
-  `,l=t=>{let n=t.match(/^([a-z]+)(\d+)$/);if(!n)return t;let[,r,i]=n,a=100-parseInt(i,10);return`${r}${e.reduce((e,t)=>Math.abs(t-a)<Math.abs(e-a)?t:e)}`},u=t=>e.map(e=>`${t}${e}`);const d=[c(u(`p`)),c(u(`s`)),c(u(`t`)),c(u(`n`)),c(u(`nv`)),c(u(`e`)),`
-    .color-bgc-transparent {
-      background-color: transparent;
-    }
-
-    :host {
-      color-scheme: var(--color-scheme);
-    }
-  `],f=`
-  .g-icon {
-    font-family: "Material Symbols Outlined", "Google Symbols";
-    font-weight: normal;
-    font-style: normal;
-    font-display: optional;
-    font-size: 20px;
-    width: 1em;
-    height: 1em;
-    user-select: none;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: "liga";
-    -webkit-font-smoothing: antialiased;
-    overflow: hidden;
-
-    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48,
-      "ROND" 100;
-
-    &.filled {
-      font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48,
-        "ROND" 100;
-    }
-
-    &.filled-heavy {
-      font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48,
-        "ROND" 100;
-    }
-  }
-`,p=`
-  :host {
-    ${Array(16).fill(0).map((e,t)=>`--g-${t+1}: ${(t+1)*4}px;`).join(`
-`)}
-  }
-
-  ${Array(49).fill(0).map((e,t)=>{let n=t-24,r=n<0?`n${Math.abs(n)}`:n.toString();return`
-        .layout-p-${r} { --padding: ${n*4}px; padding: var(--padding); }
-        .layout-pt-${r} { padding-top: ${n*4}px; }
-        .layout-pr-${r} { padding-right: ${n*4}px; }
-        .layout-pb-${r} { padding-bottom: ${n*4}px; }
-        .layout-pl-${r} { padding-left: ${n*4}px; }
-
-        .layout-m-${r} { --margin: ${n*4}px; margin: var(--margin); }
-        .layout-mt-${r} { margin-top: ${n*4}px; }
-        .layout-mr-${r} { margin-right: ${n*4}px; }
-        .layout-mb-${r} { margin-bottom: ${n*4}px; }
-        .layout-ml-${r} { margin-left: ${n*4}px; }
-
-        .layout-t-${r} { top: ${n*4}px; }
-        .layout-r-${r} { right: ${n*4}px; }
-        .layout-b-${r} { bottom: ${n*4}px; }
-        .layout-l-${r} { left: ${n*4}px; }`}).join(`
-`)}
-
-  ${Array(25).fill(0).map((e,t)=>`
-        .layout-g-${t} { gap: ${t*4}px; }`).join(`
-`)}
-
-  ${Array(8).fill(0).map((e,t)=>`
-        .layout-grd-col${t+1} { grid-template-columns: ${`1fr `.repeat(t+1).trim()}; }`).join(`
-`)}
-
-  .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,t)=>{let n=(t+1)*10;return`.layout-w-${n} { width: ${n}%; max-width: ${n}%; }`}).join(`
-`)}
-
-  ${Array(16).fill(0).map((e,t)=>`.layout-wp-${t} { width: ${t*4}px; }`).join(`
-`)}
-
-  /** Heights **/
-
-  ${Array(10).fill(0).map((e,t)=>{let n=(t+1)*10;return`.layout-h-${n} { height: ${n}%; }`}).join(`
-`)}
-
-  ${Array(16).fill(0).map((e,t)=>`.layout-hp-${t} { height: ${t*4}px; }`).join(`
-`)}
-
-  .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);
-  }
-`,m=`
-  ${Array(21).fill(0).map((e,t)=>`.opacity-el-${t*5} { opacity: ${t/20}; }`).join(`
-`)}
-`,h=`
-  :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,t)=>{let n=(t+1)*100;return`.typography-w-${n} { font-weight: ${n}; }`}).join(`
-`)}
-`,g=[n,i,d,`
-  .g-icon {
-    font-family: "Material Symbols Outlined", "Google Symbols";
-    font-weight: normal;
-    font-style: normal;
-    font-display: optional;
-    font-size: 20px;
-    width: 1em;
-    height: 1em;
-    user-select: none;
-    line-height: 1;
-    letter-spacing: normal;
-    text-transform: none;
-    display: inline-block;
-    white-space: nowrap;
-    word-wrap: normal;
-    direction: ltr;
-    -webkit-font-feature-settings: "liga";
-    -webkit-font-smoothing: antialiased;
-    overflow: hidden;
-
-    font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 48,
-      "ROND" 100;
-
-    &.filled {
-      font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 48,
-        "ROND" 100;
-    }
-
-    &.filled-heavy {
-      font-variation-settings: "FILL" 1, "wght" 700, "GRAD" 0, "opsz" 48,
-        "ROND" 100;
-    }
-  }
-`,p,m,h].flat(1/0).join(`
-`);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return g}});