@mechane-ai/elements 0.8.0 → 0.9.0

package/dist/assets/stylex.css

@@ -1,4 +1,217 @@
-@layer priority1;
+@layer priority1 {
+  :root, .x1i152zt {
+    --x1asdyoo: 4px;
+    --xz1oyae: 6px;
+  }
+
+  :root, .x1sjug0q {
+    --x1hdxzrk: 32px;
+    --xymjgzc: 36px;
+    --x6uufy4: 44px;
+    --x1ud0cvw: 16px;
+    --xrzkwmd: 10px;
+    --xjz2qh5: 7px;
+    --x1z0o8cd: 6px;
+    --xxx3t85: 2px;
+    --x9ngs59: .45;
+  }
+
+  :root, .x102x4ow {
+    --x1nlt3ga: #5178a8;
+    --x5yb4il: #568b76;
+    --x3s82iy: #9077ac;
+    --x1t7wf97: #b18843;
+    --x13umt8e: #4f9296;
+    --x1f0bn7f: #ac7186;
+    --xiumgsg: #b95d66;
+    --x1l35zjm: #46799f;
+    --x5dm89x: #e7e7e7;
+  }
+
+  :root, .x181h4q1 {
+    --x1t6rq9: #785ba1;
+    --x1pa6z6o: #21684f;
+    --x4crkt3: #626262;
+    --x1ih6ezv: #754c00;
+    --x1gibtqd: #1c628f;
+  }
+
+  :root, .xm90lv7 {
+    --x7wqmh8: #f5f5f5;
+    --x13kja51: #fff;
+    --x169lqhw: #0a0a0a;
+    --x1umbgym: #333;
+    --x1m6gvuh: #fff;
+    --x24btp3: #545454;
+    --x1x21x07: #9d9d9d;
+    --xe11pje: #ebebeb;
+    --xzqn2nu: #0a69e2;
+    --x1mu3en6: #21684f;
+    --x197nfi7: #eef6f1;
+    --x17jbh5p: #875900;
+    --xpslqxl: #fff7e6;
+    --x5peq9z: #b13838;
+    --xo9v4xm: #922d2d;
+    --x1im53j: #fff1f1;
+    --x1i8t5sg: #0006;
+  }
+
+  :root, .xledmcz {
+    --xax3y77: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;
+    --xntcpct: ui-monospace, SFMono-Regular, Menlo, monospace;
+    --x105xqs: 13px;
+    --x1eh4a5a: 20px;
+    --x1kk28mq: 1.6;
+    --xobsf79: 12px;
+    --xdvbmuj: 18px;
+    --x1af0fv0: 14px;
+    --x18ymnwu: 16px;
+    --xehpjyu: 16px;
+    --x170noae: 22px;
+    --x14wionz: 36px;
+    --x1o42vor: 44px;
+    --x3ivco5: 28px;
+    --x1q14agh: 36px;
+    --xgto76l: -.035em;
+  }
+
+  :root, .x6mvf7n {
+    --xervi70: #993029;
+    --x1scgmo8: #994a29;
+    --xu5wby9: #992949;
+    --x1lp5jki: #992968;
+    --x1y31bxi: #992990;
+    --xzwo5h9: #7f2999;
+    --xt4yqhf: #612999;
+    --x15jwn1l: #432999;
+    --x1mq9snr: #292999;
+    --x1uo55dg: #294799;
+    --xiuxd98: #296199;
+    --x1ge60hr: #277693;
+    --x30ad9v: #22797f;
+    --xjm3f38: #217b72;
+    --xclnw48: #217d63;
+    --x1deadh4: #217d51;
+    --xh5lcut: #227f3f;
+    --xhi6zkb: #227f2a;
+    --xwl956u: #327d21;
+    --xibm5mh: #4c7b21;
+    --xyheekc: #64751f;
+    --x1d3dkqv: #7b7021;
+    --xh8xsxd: #8d6725;
+    --x9u8ejr: #995829;
+  }
+
+  :root, .x1e8hs47 {
+    --xfou7vv: 0 4px 16px #00000014;
+  }
+
+  :root, .xi13snk {
+    --xjighox: 2px;
+    --x1xijsos: 4px;
+    --xxhyxt: 8px;
+    --x1drqizm: 12px;
+    --x1qq5i99: 16px;
+    --x1iwxfi2: 24px;
+    --x153fiic: 32px;
+  }
+
+  :root, .xtoz1ri {
+    --xjjzqp4: .14s;
+    --x5xz5r2: cubic-bezier(.23, 1, .32, 1);
+    --xrmqybo: .22s;
+    --xumjr7l: cubic-bezier(.32, .72, 0, 1);
+  }
+
+  :root, .xb205vt {
+    --xyyn5jb: 240px;
+    --xrzfcxb: 48px;
+    --x10l6e8v: 34px;
+    --xx48xrz: 8px;
+    --x1owne4c: 7px;
+    --xmfa1iy: 40px;
+    --x1ma1b3z: 14px;
+    --x7ukacq: 84.0%;
+    --x11mzuvh: 980px;
+    --x13hs181: 44px;
+    --x1p8em4u: 64px;
+    --xikiree: 32px;
+    --xtf6uwx: 52px;
+    --xyg5iyl: 480px;
+    --xmu2bot: 240px;
+  }
+
+  .x12671sc.x12671sc, .x12671sc.x12671sc:root {
+    --x1mu3en6: #8ed3b3;
+    --x197nfi7: #152b22;
+    --x7wqmh8: #191919;
+    --x5peq9z: #f59696;
+    --xo9v4xm: #ffc3c3;
+    --x1im53j: #321c1c;
+    --x1x21x07: #777;
+    --xzqn2nu: #79b3ff;
+    --x169lqhw: #f2f2f2;
+    --x1umbgym: #d6d6d6;
+    --x1m6gvuh: #0a0a0a;
+    --xe11pje: #303030;
+    --x24btp3: #b0b0b0;
+    --x1i8t5sg: #0009;
+    --x13kja51: #101010;
+    --x17jbh5p: #edc479;
+    --xpslqxl: #302511;
+  }
+
+  .xqsppe0.xqsppe0, .xqsppe0.xqsppe0:root {
+    --x4crkt3: #a3a3a3;
+    --x1t6rq9: #c4a1e5;
+    --x1ih6ezv: #edc479;
+    --x1pa6z6o: #8ed3b3;
+    --x1gibtqd: #84bce3;
+  }
+
+  .xuezpbh.xuezpbh, .xuezpbh.xuezpbh:root {
+    --x5dm89x: #363636;
+    --xiumgsg: #e0929b;
+    --x1l35zjm: #80add0;
+    --x1nlt3ga: #86a9d3;
+    --x5yb4il: #83b69f;
+    --x3s82iy: #b49bce;
+    --x1t7wf97: #cfad70;
+    --x13umt8e: #80bbc0;
+    --x1f0bn7f: #d39aad;
+  }
+
+  .x1on89sr.x1on89sr, .x1on89sr.x1on89sr:root {
+    --xervi70: #e7938d;
+    --x1uo55dg: #8da5e7;
+    --xiuxd98: #8dbae7;
+    --x1ge60hr: #8dcfe7;
+    --x30ad9v: #8de1e7;
+    --xjm3f38: #8de7de;
+    --xclnw48: #8de7ce;
+    --x1deadh4: #8de7bc;
+    --xh5lcut: #8de7aa;
+    --xhi6zkb: #8de795;
+    --xwl956u: #9ee78d;
+    --x1scgmo8: #e7a88d;
+    --xibm5mh: #b9e78d;
+    --xyheekc: #d5e78d;
+    --x1d3dkqv: #e7dc8d;
+    --xh8xsxd: #e7c68d;
+    --x9u8ejr: #e7b38d;
+    --xu5wby9: #e78da7;
+    --x1lp5jki: #e78dc0;
+    --x1y31bxi: #e78ddf;
+    --xzwo5h9: #d28de7;
+    --xt4yqhf: #ba8de7;
+    --x15jwn1l: #a28de7;
+    --x1mq9snr: #8d8de7;
+  }
+
+  .x8g9w8d.x8g9w8d, .x8g9w8d.x8g9w8d:root {
+    --xfou7vv: 0 4px 16px #0006;
+  }
+}
 
 @layer priority2 {
   .x15r89dc {
@@ -275,6 +488,10 @@
     padding-block: var(--x1drqizm);
   }
 
+  .xi2fr2z {
+    padding-block: var(--x1iwxfi2);
+  }
+
   .x1ydxw8w {
     padding-block: var(--x1qq5i99);
   }
@@ -355,10 +572,18 @@
     text-decoration: none;
   }
 
+  .x1bn55bi[data-checked] {
+    border-color: var(--x169lqhw);
+  }
+
   .x76gt29:is([data-invalid], [aria-invalid="true"]), .xs95o9x[data-invalid] {
     border-color: var(--x5peq9z);
   }
 
+  .x1gd1hh4:focus-within {
+    border-color: var(--xzqn2nu);
+  }
+
   @media (width <= 650px) {
     .xp7zxbh.xp7zxbh {
       grid-column: 1 / -1;
@@ -471,6 +696,18 @@
     background-image: var(--x-backgroundImage);
   }
 
+  .xpu655y {
+    border-block-color: var(--xe11pje);
+  }
+
+  .xykt701 {
+    border-block-style: solid;
+  }
+
+  .x1kbiq1m {
+    border-block-width: 1px;
+  }
+
   .x1mwwwfo {
     border-collapse: collapse;
   }
@@ -536,6 +773,10 @@
     color: var(--x-color);
   }
 
+  .xaldbr7 {
+    color: var(--x15jwn1l);
+  }
+
   .xbixft {
     color: var(--x169lqhw);
   }
@@ -544,26 +785,118 @@
     color: var(--x17jbh5p);
   }
 
+  .xh1iifm {
+    color: var(--x1d3dkqv);
+  }
+
+  .xwu6q0j {
+    color: var(--x1deadh4);
+  }
+
+  .xti44e0 {
+    color: var(--x1ge60hr);
+  }
+
+  .x1g2ccfw {
+    color: var(--x1lp5jki);
+  }
+
   .x1ymx3u3 {
     color: var(--x1m6gvuh);
   }
 
+  .xluaxyv {
+    color: var(--x1mq9snr);
+  }
+
   .x7ixh4y {
     color: var(--x1mu3en6);
   }
 
+  .xxelmfz {
+    color: var(--x1scgmo8);
+  }
+
+  .x1gp8k07 {
+    color: var(--x1uo55dg);
+  }
+
   .x12ldcl5 {
     color: var(--x1x21x07);
   }
 
+  .x6pms0m {
+    color: var(--x1y31bxi);
+  }
+
   .x153jb6y {
     color: var(--x24btp3);
   }
 
+  .x169v04l {
+    color: var(--x30ad9v);
+  }
+
   .xr5kp14 {
     color: var(--x5peq9z);
   }
 
+  .x1b59cz5 {
+    color: var(--x9u8ejr);
+  }
+
+  .xifw4fl {
+    color: var(--xclnw48);
+  }
+
+  .xc1rks8 {
+    color: var(--xervi70);
+  }
+
+  .x15uohq4 {
+    color: var(--xh5lcut);
+  }
+
+  .xodba46 {
+    color: var(--xh8xsxd);
+  }
+
+  .xt31ejz {
+    color: var(--xhi6zkb);
+  }
+
+  .x1138u24 {
+    color: var(--xibm5mh);
+  }
+
+  .xhr7b8t {
+    color: var(--xiuxd98);
+  }
+
+  .x1uqv9wq {
+    color: var(--xjm3f38);
+  }
+
+  .x1i8ffmr {
+    color: var(--xt4yqhf);
+  }
+
+  .x74odtm {
+    color: var(--xu5wby9);
+  }
+
+  .xj8eo06 {
+    color: var(--xwl956u);
+  }
+
+  .x1lay6ol {
+    color: var(--xyheekc);
+  }
+
+  .x1jkipek {
+    color: var(--xzwo5h9);
+  }
+
   .xntwwlm {
     --lightningcss-light: ;
     --lightningcss-dark: initial;
@@ -652,6 +985,10 @@
     display: table-cell;
   }
 
+  .x5f5z56 {
+    field-sizing: content;
+  }
+
   .x117rol3 {
     fill: currentColor;
   }
@@ -804,6 +1141,10 @@
     grid-template-columns: minmax(90px, 1fr) minmax(0, 1.6fr);
   }
 
+  .x135t7h {
+    grid-template-columns: repeat(auto-fill,minmax(var(--x1hdxzrk),1fr));
+  }
+
   .xpuu00s {
     grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr));
   }
@@ -824,6 +1165,10 @@
     justify-content: space-between;
   }
 
+  .xlqzeqv {
+    justify-content: start;
+  }
+
   .x1wjjqco {
     letter-spacing: var(--xgto76l);
   }
@@ -944,6 +1289,10 @@
     overflow-wrap: anywhere;
   }
 
+  .x1h4wwuj {
+    overflow-wrap: normal;
+  }
+
   .xx67isq {
     padding-inline-end: var(--x1drqizm);
   }
@@ -992,6 +1341,10 @@
     position: sticky;
   }
 
+  .xtt52l0 {
+    resize: none;
+  }
+
   .x288g5 {
     resize: vertical;
   }
@@ -1250,7 +1603,7 @@
     align-items: stretch;
   }
 
-  .xf2ykmf[data-highlighted], .xhtu79c[data-pressed] {
+  .xf2ykmf[data-highlighted], .xgm7wsc[data-checked], .xhtu79c[data-pressed] {
     background-color: var(--x7wqmh8);
   }
 
@@ -1302,10 +1655,14 @@
     opacity: var(--x9ngs59);
   }
 
-  .x19rmrnh:focus-visible {
+  .x19rmrnh:focus-visible, .x1nvizq4:focus-within {
     outline-color: var(--xzqn2nu);
   }
 
+  .xgzwmep:focus-within {
+    outline-offset: -1px;
+  }
+
   .x1bqaal:focus-visible {
     outline-offset: -2px;
   }
@@ -1326,11 +1683,15 @@
     outline-offset: calc(0px - var(--xxx3t85));
   }
 
-  .x9v5kkp:focus-visible {
+  .xi5y0ii:focus-visible {
+    outline-style: none;
+  }
+
+  .x14xc8xn:focus-within, .x9v5kkp:focus-visible {
     outline-style: solid;
   }
 
-  .x13qnu6:focus-visible {
+  .x13qnu6:focus-visible, .x1u8w8hx:focus-within {
     outline-width: var(--xxx3t85);
   }
 
@@ -1358,6 +1719,10 @@
     display: none;
   }
 
+  .x1oqui1x:disabled {
+    background-color: #0000;
+  }
+
   .x19kzkq0:disabled {
     background-color: var(--x7wqmh8);
   }
@@ -1760,6 +2125,10 @@
     max-width: 72ch;
   }
 
+  .xe10afn {
+    max-width: 80ch;
+  }
+
   .x1usz39j {
     max-width: calc(100vw - 16px);
   }
@@ -1796,6 +2165,10 @@
     min-height: 144px;
   }
 
+  .xisnujt {
+    min-height: 20px;
+  }
+
   .xu0aao5 {
     min-height: 36px;
   }
@@ -2004,6 +2377,10 @@
     width: 32px;
   }
 
+  .x16m5f1z {
+    width: 352px;
+  }
+
   .x100vrsf {
     width: 40px;
   }
@@ -2028,6 +2405,10 @@
     width: 8px;
   }
 
+  .x14atkfc {
+    width: auto;
+  }
+
   .xeq5yr9 {
     width: fit-content;
   }
@@ -2212,6 +2593,12 @@
     }
   }
 
+  @media (pointer: coarse) {
+    .x11iowk6.x11iowk6 {
+      grid-template-columns: repeat(auto-fill,minmax(var(--x6uufy4),1fr));
+    }
+  }
+
   @media (width <= 800px) {
     .x1l31gyv.x1l31gyv {
       justify-content: flex-start;
@@ -2230,6 +2617,12 @@
     }
   }
 
+  @media (hover: hover) and (pointer: fine) {
+    .x1ac4sdd.x1ac4sdd {
+      opacity: 0;
+    }
+  }
+
   @media (prefers-reduced-motion: reduce) {
     .xdngh92.xdngh92 {
       transition-duration: 0s;
@@ -2237,6 +2630,10 @@
   }
 
   @media (hover: hover) and (pointer: fine) {
+    .xbfgl4k.xbfgl4k.xbfgl4k:where(.x-default-marker:focus-within *), .xea5s0o.xea5s0o.xea5s0o:where(.x-default-marker:hover *) {
+      opacity: 1;
+    }
+
     .xvxq6zk.xvxq6zk:hover:not([data-disabled]) {
       background-color: var(--x1im53j);
     }
@@ -2687,162 +3084,3 @@
     opacity: 1;
   }
 }
-
-:root, .x1i152zt {
-  --x1asdyoo: 4px;
-  --xz1oyae: 6px;
-}
-
-:root, .x1sjug0q {
-  --x1hdxzrk: 32px;
-  --xymjgzc: 36px;
-  --x6uufy4: 44px;
-  --x1ud0cvw: 16px;
-  --xrzkwmd: 10px;
-  --xjz2qh5: 7px;
-  --x1z0o8cd: 6px;
-  --xxx3t85: 2px;
-  --x9ngs59: .45;
-}
-
-:root, .x102x4ow {
-  --x1nlt3ga: #5178a8;
-  --x5yb4il: #568b76;
-  --x3s82iy: #9077ac;
-  --x1t7wf97: #b18843;
-  --x13umt8e: #4f9296;
-  --x1f0bn7f: #ac7186;
-  --xiumgsg: #b95d66;
-  --x1l35zjm: #46799f;
-  --x5dm89x: #e7e7e7;
-}
-
-:root, .x181h4q1 {
-  --x1t6rq9: #785ba1;
-  --x1pa6z6o: #21684f;
-  --x4crkt3: #626262;
-  --x1ih6ezv: #754c00;
-  --x1gibtqd: #1c628f;
-}
-
-:root, .xm90lv7 {
-  --x7wqmh8: #f5f5f5;
-  --x13kja51: #fff;
-  --x169lqhw: #0a0a0a;
-  --x1umbgym: #333;
-  --x1m6gvuh: #fff;
-  --x24btp3: #545454;
-  --x1x21x07: #9d9d9d;
-  --xe11pje: #ebebeb;
-  --xzqn2nu: #0a69e2;
-  --x1mu3en6: #21684f;
-  --x197nfi7: #eef6f1;
-  --x17jbh5p: #875900;
-  --xpslqxl: #fff7e6;
-  --x5peq9z: #b13838;
-  --xo9v4xm: #922d2d;
-  --x1im53j: #fff1f1;
-  --x1i8t5sg: #0006;
-}
-
-:root, .xledmcz {
-  --xax3y77: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", sans-serif;
-  --xntcpct: ui-monospace, SFMono-Regular, Menlo, monospace;
-  --x105xqs: 13px;
-  --x1eh4a5a: 20px;
-  --x1kk28mq: 1.6;
-  --xobsf79: 12px;
-  --xdvbmuj: 18px;
-  --x1af0fv0: 14px;
-  --x18ymnwu: 16px;
-  --xehpjyu: 16px;
-  --x170noae: 22px;
-  --x14wionz: 36px;
-  --x1o42vor: 44px;
-  --x3ivco5: 28px;
-  --x1q14agh: 36px;
-  --xgto76l: -.035em;
-}
-
-:root, .x1e8hs47 {
-  --xfou7vv: 0 4px 16px #00000014;
-}
-
-:root, .xi13snk {
-  --xjighox: 2px;
-  --x1xijsos: 4px;
-  --xxhyxt: 8px;
-  --x1drqizm: 12px;
-  --x1qq5i99: 16px;
-  --x1iwxfi2: 24px;
-  --x153fiic: 32px;
-}
-
-:root, .xtoz1ri {
-  --xjjzqp4: .14s;
-  --x5xz5r2: cubic-bezier(.23, 1, .32, 1);
-  --xrmqybo: .22s;
-  --xumjr7l: cubic-bezier(.32, .72, 0, 1);
-}
-
-:root, .xb205vt {
-  --xyyn5jb: 240px;
-  --xrzfcxb: 48px;
-  --x10l6e8v: 34px;
-  --xx48xrz: 8px;
-  --x1owne4c: 7px;
-  --xmfa1iy: 40px;
-  --x1ma1b3z: 14px;
-  --x7ukacq: 84%;
-  --x11mzuvh: 980px;
-  --x13hs181: 44px;
-  --x1p8em4u: 64px;
-  --xikiree: 32px;
-  --xtf6uwx: 52px;
-  --xyg5iyl: 480px;
-  --xmu2bot: 240px;
-}
-
-.x12671sc.x12671sc, .x12671sc.x12671sc:root {
-  --x1mu3en6: #8ed3b3;
-  --x197nfi7: #152b22;
-  --x7wqmh8: #191919;
-  --x5peq9z: #f59696;
-  --xo9v4xm: #ffc3c3;
-  --x1im53j: #321c1c;
-  --x1x21x07: #777;
-  --xzqn2nu: #79b3ff;
-  --x169lqhw: #f2f2f2;
-  --x1umbgym: #d6d6d6;
-  --x1m6gvuh: #0a0a0a;
-  --xe11pje: #303030;
-  --x24btp3: #b0b0b0;
-  --x1i8t5sg: #0009;
-  --x13kja51: #101010;
-  --x17jbh5p: #edc479;
-  --xpslqxl: #302511;
-}
-
-.xqsppe0.xqsppe0, .xqsppe0.xqsppe0:root {
-  --x4crkt3: #a3a3a3;
-  --x1t6rq9: #c4a1e5;
-  --x1ih6ezv: #edc479;
-  --x1pa6z6o: #8ed3b3;
-  --x1gibtqd: #84bce3;
-}
-
-.xuezpbh.xuezpbh, .xuezpbh.xuezpbh:root {
-  --x5dm89x: #363636;
-  --xiumgsg: #e0929b;
-  --x1l35zjm: #80add0;
-  --x1nlt3ga: #86a9d3;
-  --x5yb4il: #83b69f;
-  --x3s82iy: #b49bce;
-  --x1t7wf97: #cfad70;
-  --x13umt8e: #80bbc0;
-  --x1f0bn7f: #d39aad;
-}
-
-.x8g9w8d.x8g9w8d, .x8g9w8d.x8g9w8d:root {
-  --xfou7vv: 0 4px 16px #0006;
-}