@module-federation/playground 0.0.0-feat-ts7-20260709074021

package/dist/mf/__federation_expose_default_export.css

@@ -0,0 +1,701 @@
+.vp-root-o94tBV {
+  --vp-bg: var(--rp-c-bg, #05070c);
+  --vp-panel: var(--rp-c-bg-soft, #ffffff0a);
+  --vp-panel2: var(--rp-c-bg-mute, #ffffff0f);
+  --vp-border: var(--rp-c-divider, #ffffff1a);
+  --vp-border2: var(--rp-c-divider-light, #ffffff24);
+  --vp-text: var(--rp-c-text-1, #ffffffeb);
+  --vp-text2: var(--rp-c-text-2, #ffffffb3);
+  --vp-muted: var(--rp-c-text-3, #ffffff8c);
+  --vp-brand-tint: var(--rp-c-brand-tint, #7fa3ff29);
+  --vp-surface-strong: color-mix(in srgb, var(--vp-bg) 78%, var(--vp-panel2));
+  --vp-surface-soft: color-mix(in srgb, var(--vp-bg) 88%, var(--vp-panel));
+  --vp-surface-mute: color-mix(in srgb, var(--vp-bg) 92%, var(--vp-panel2));
+  --vp-code-bg: color-mix(in srgb, var(--vp-bg) 82%, #0d1117 18%);
+  --vp-terminal-bg: var(--vp-surface-mute);
+  --vp-placeholder: color-mix(in srgb, var(--vp-text2) 58%, transparent);
+  --vp-shadow: 0 10px 40px #0000008c;
+  --vp-glow: 0 0 0 1px #6366f140, 0 0 0 6px #6366f124;
+  --vp-radius: 14px;
+  --vp-radius-sm: 10px;
+  --vp-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  --vp-sans: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";
+  color-scheme: light dark;
+  color: var(--vp-text);
+  font-family: var(--vp-sans);
+  height: var(--vp-app-height, 100dvh);
+  min-height: 100%;
+  max-height: var(--vp-app-height, 100dvh);
+  background: radial-gradient(1200px 700px at 30% 10%, var(--vp-brand-tint), transparent 55%), radial-gradient(900px 550px at 80% 20%, color-mix(in srgb, var(--vp-brand-tint) 70%, transparent), transparent 55%), radial-gradient(1200px 650px at 45% 95%, color-mix(in srgb, var(--vp-brand-tint) 55%, transparent), transparent 60%), var(--vp-bg);
+  flex-direction: column;
+  display: flex;
+  overflow: hidden;
+}
+
+.vp-main-ukILls {
+  flex: 1;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  align-items: stretch;
+  gap: 0;
+  width: 100%;
+  height: 100%;
+  min-height: 0;
+  margin: 0;
+  padding: 0;
+  display: grid;
+  overflow: hidden;
+}
+
+.vp-left-wWIJZj {
+  min-width: 0;
+  min-height: 0;
+}
+
+.vp-splitter-C3LUiw {
+  cursor: col-resize;
+  user-select: none;
+  touch-action: none;
+  background: none;
+  width: 12px;
+  position: relative;
+}
+
+.vp-splitter-C3LUiw:before {
+  content: "";
+  background: var(--vp-border);
+  width: 2px;
+  transition: background .16s, box-shadow .16s;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+}
+
+.vp-splitter-C3LUiw:hover:before {
+  background: color-mix(in srgb, var(--vp-text2) 45%, var(--vp-border));
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--vp-brand-tint) 32%, transparent);
+}
+
+.vp-card-OxIN8P {
+  height: 100%;
+  min-height: 0;
+  box-shadow: none;
+  background: none;
+  border: 0;
+  border-radius: 0;
+  overflow: hidden;
+}
+
+.vp-cardHeader-yl8bmF {
+  border-bottom: 1px solid var(--vp-border);
+  background: none;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  padding: 9px 12px;
+  display: flex;
+}
+
+.vp-cardTitle-iRjbB2 {
+  color: var(--vp-text);
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.vp-editorTabs-P8EPHu {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+  display: flex;
+}
+
+.vp-editorTab-en3Nbi {
+  appearance: none;
+  color: var(--vp-muted);
+  font-size: 12px;
+  font-family: var(--vp-mono);
+  cursor: pointer;
+  background: none;
+  border: 1px solid #0000;
+  border-radius: 10px;
+  padding: 6px 10px;
+  transition: background .16s, border-color .16s, color .16s;
+}
+
+.vp-editorTab-en3Nbi:hover {
+  color: var(--vp-text2);
+  background: #ffffff0a;
+}
+
+.vp-editorTabActive-j1OAlc {
+  color: var(--vp-text);
+  border-color: var(--vp-border);
+  background: #ffffff14;
+}
+
+.vp-cardBody-UdVf2N {
+  box-sizing: border-box;
+  height: calc(100% - 56px);
+  min-height: 0;
+  padding: 14px;
+  overflow: auto;
+}
+
+.vp-paneActions-l5K74Q {
+  align-items: center;
+  gap: 10px;
+  display: flex;
+}
+
+.vp-collapse-VViOM4 {
+  gap: 12px;
+  display: grid;
+}
+
+.vp-collapseItem-MtDnlb {
+  border: 1px solid var(--vp-border);
+  background: none;
+  border-radius: 12px;
+  overflow: hidden;
+}
+
+.vp-collapseHeader-Y1drUL {
+  appearance: none;
+  width: 100%;
+  color: var(--vp-text);
+  cursor: pointer;
+  text-align: left;
+  background: none;
+  border: 0;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 16px;
+  transition: background .16s, color .16s;
+  display: flex;
+}
+
+.vp-collapseHeader-Y1drUL:hover {
+  background: color-mix(in srgb, var(--vp-panel2) 48%, transparent);
+}
+
+.vp-collapseHeaderActive-d5oo1z {
+  background: color-mix(in srgb, var(--vp-panel2) 42%, transparent);
+}
+
+.vp-collapseLabel-SYefMk {
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.vp-collapseArrow-s7319m {
+  width: 18px;
+  height: 18px;
+  color: var(--vp-text2);
+  justify-content: center;
+  align-items: center;
+  transition: transform .16s, color .16s;
+  display: inline-flex;
+}
+
+.vp-collapseArrow-s7319m svg {
+  width: 16px;
+  height: 16px;
+}
+
+.vp-collapseArrowOpen-NQp4Jq {
+  color: var(--vp-text);
+  transform: rotate(180deg);
+}
+
+.vp-collapseBody-ig7Trn {
+  border-top: 1px solid var(--vp-border);
+  padding: 12px 16px 16px;
+}
+
+.vp-collapseBodyCode-ACBnWh {
+  flex-direction: column;
+  height: calc(100dvh - 250px);
+  min-height: 0;
+  display: flex;
+}
+
+.vp-form-pITn1W {
+  gap: 12px;
+  display: grid;
+}
+
+.vp-fieldGrid-SR9eJh {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 12px;
+  display: grid;
+}
+
+.vp-field-NzMT8s {
+  gap: 6px;
+  display: grid;
+}
+
+.vp-labelRow-DlcEeA {
+  justify-content: space-between;
+  align-items: baseline;
+  gap: 10px;
+  display: flex;
+}
+
+.vp-label-KGpsbl {
+  color: var(--vp-text2);
+  font-size: 12px;
+}
+
+.vp-hint-fYzOU2 {
+  color: var(--vp-muted);
+  font-size: 12px;
+}
+
+.vp-input-UHKU2F, .vp-select-Tk6IhF {
+  box-sizing: border-box;
+  border: 1px solid var(--vp-border);
+  background: var(--vp-surface-soft);
+  width: 100%;
+  color: var(--vp-text);
+  border-radius: 12px;
+  outline: none;
+  padding: 10px 12px;
+  transition: box-shadow .18s, border-color .18s, background .18s;
+}
+
+.vp-input-UHKU2F::placeholder {
+  color: var(--vp-placeholder);
+}
+
+.vp-input-UHKU2F:focus-visible, .vp-select-Tk6IhF:focus-visible {
+  box-shadow: var(--vp-glow);
+  background: var(--vp-surface-strong);
+  border-color: #6366f18c;
+}
+
+.vp-codeEditor-bXbNn1 {
+  border: 1px solid var(--vp-border);
+  background: var(--vp-code-bg);
+  height: 100%;
+  min-height: 0;
+  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--vp-text) 8%, transparent);
+  border-radius: 12px;
+  flex: 1;
+  overflow: hidden;
+}
+
+.vp-editorToolbar-SVglCq {
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 12px;
+  display: flex;
+}
+
+.vp-codeEditor-bXbNn1:focus-within {
+  box-shadow: var(--vp-glow);
+  border-color: #6366f18c;
+}
+
+.vp-loadingSimple-t3py2h {
+  height: 460px;
+  color: var(--vp-text2);
+  background: color-mix(in srgb, var(--vp-code-bg) 92%, var(--vp-panel));
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+.vp-loadingSpinner-YRww21 {
+  border: 2px solid color-mix(in srgb, var(--vp-text2) 35%, transparent);
+  border-top-color: var(--vp-text);
+  border-radius: 999px;
+  width: 18px;
+  height: 18px;
+  animation: .8s linear infinite vp-spin-vqXwPJ;
+}
+
+.vp-previewFrame-K_cT99 {
+  background: none;
+  border: 0;
+  width: 100%;
+  min-height: 560px;
+}
+
+@keyframes vp-spin-vqXwPJ {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.vp-actions-kW_pM2 {
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 10px;
+  display: flex;
+}
+
+.vp-button-jQtwaB {
+  appearance: none;
+  border: 1px solid var(--vp-border);
+  color: var(--vp-text);
+  letter-spacing: .2px;
+  cursor: pointer;
+  background: #ffffff0d;
+  border-radius: 12px;
+  padding: 8px 12px;
+  font-size: 13px;
+  font-weight: 600;
+  transition: transform .12s, background .16s, border-color .16s, box-shadow .16s;
+}
+
+.vp-button-jQtwaB:disabled {
+  opacity: .55;
+  cursor: not-allowed;
+}
+
+.vp-button-jQtwaB:hover:not(:disabled) {
+  border-color: var(--vp-border2);
+  transform: translateY(-1px);
+}
+
+.vp-button-jQtwaB:active:not(:disabled) {
+  transform: translateY(0);
+}
+
+.vp-buttonGhost-wKOfIf {
+  background: #ffffff09;
+}
+
+.vp-buttonPrimary-SYnJ9I {
+  background: linear-gradient(135deg, #6366f138, #22d3ee1f);
+  border: 1px solid #6366f173;
+  position: relative;
+  overflow: hidden;
+  box-shadow: 0 0 0 1px #6366f126, 0 10px 35px #6366f12e;
+}
+
+.vp-buttonPrimary-SYnJ9I:before {
+  content: "";
+  filter: blur(.2px);
+  background: linear-gradient(120deg, #0000 0%, #ffffff2e 18%, #ffffff8c 28%, #ffffff2e 38%, #0000 56%);
+  animation: 2.2s linear infinite vpShimmer-XeNYGG;
+  position: absolute;
+  inset: -2px;
+  transform: translateX(-65%);
+}
+
+.vp-buttonPrimary-SYnJ9I > span {
+  z-index: 1;
+  position: relative;
+}
+
+@keyframes vpShimmer-XeNYGG {
+  0% {
+    transform: translateX(-65%);
+  }
+
+  100% {
+    transform: translateX(65%);
+  }
+}
+
+.vp-codeBlock-CMSobd {
+  border: 1px solid var(--vp-border);
+  background: linear-gradient(to bottom, color-mix(in srgb, var(--vp-bg) 82%, var(--vp-panel2)), color-mix(in srgb, var(--vp-bg) 90%, var(--vp-panel)));
+  font-family: var(--vp-mono);
+  color: var(--vp-text);
+  white-space: pre-wrap;
+  word-break: break-word;
+  border-radius: 12px;
+  margin: 0;
+  padding: 12px;
+  font-size: 12px;
+  line-height: 1.55;
+  position: relative;
+}
+
+.vp-emptyTitle-LUdxhN {
+  margin-bottom: 6px;
+  font-weight: 650;
+}
+
+.vp-copyBtn-rEbuE6 {
+  appearance: none;
+  border: 1px solid var(--vp-border);
+  color: var(--vp-text2);
+  cursor: pointer;
+  background: #ffffff0a;
+  border-radius: 10px;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 8px;
+  transition: background .16s, border-color .16s, transform .12s, color .16s;
+  display: inline-flex;
+}
+
+.vp-copyBtn-rEbuE6:hover {
+  background: var(--vp-panel2);
+  border-color: var(--vp-border2);
+  color: var(--vp-text);
+  transform: translateY(-1px);
+}
+
+.vp-copyBtn-rEbuE6:active {
+  transform: translateY(0);
+}
+
+.vp-copyIcon-C8ndDr {
+  opacity: .95;
+  width: 14px;
+  height: 14px;
+}
+
+.vp-right-Pdn7k6 {
+  min-width: 0;
+  height: 100%;
+  min-height: 0;
+}
+
+.vp-ide-MCK1rq {
+  height: 100%;
+  min-height: 0;
+  box-shadow: none;
+  background: none;
+  border: 0;
+  border-radius: 0;
+  overflow: hidden;
+}
+
+.vp-ideTitlebar-xV_SLu {
+  border-bottom: 1px solid var(--vp-border);
+  background: #ffffff08;
+  grid-template-columns: 80px 1fr auto;
+  align-items: center;
+  gap: 10px;
+  padding: 10px 12px;
+  display: grid;
+}
+
+.vp-ideDots-rmPPqM {
+  align-items: center;
+  gap: 7px;
+  display: flex;
+}
+
+.vp-dot-QAY3S7 {
+  border-radius: 999px;
+  width: 10px;
+  height: 10px;
+  box-shadow: 0 0 0 1px #00000059;
+}
+
+.vp-dotRed-qBSHb4 {
+  background: #ff5f57;
+}
+
+.vp-dotYellow-JiMbQd {
+  background: #febc2e;
+}
+
+.vp-dotGreen-p1oJVa {
+  background: #28c840;
+}
+
+.vp-ideTitle-pyBOAZ {
+  color: var(--vp-text2);
+  text-align: center;
+  user-select: none;
+  font-size: 12px;
+}
+
+.vp-ideMeta-IwLWqJ {
+  min-width: 0;
+  max-width: min(60vw, 58ch);
+  color: var(--vp-muted);
+  justify-self: end;
+  align-items: center;
+  gap: 8px;
+  font-size: 12px;
+  display: flex;
+}
+
+.vp-ideMetaText-hM7Yjo {
+  color: var(--vp-muted);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  max-width: 38ch;
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.vp-ideStatus-CNZYH6 {
+  border: 1px solid var(--vp-border);
+  background: color-mix(in srgb, var(--vp-panel) 84%, transparent);
+  color: var(--vp-text2);
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  border-radius: 999px;
+  flex-shrink: 0;
+  max-width: 24ch;
+  padding: 4px 8px;
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.vp-ideBody-iRMqXK {
+  box-sizing: border-box;
+  flex-direction: column;
+  height: calc(100% - 53px);
+  min-height: 0;
+  padding: 14px;
+  display: flex;
+  overflow: auto;
+}
+
+.vp-empty-WMX1Vp {
+  border: 1px dashed var(--vp-border);
+  background: var(--vp-surface-mute);
+  color: var(--vp-text2);
+  border-radius: 12px;
+  padding: 14px;
+  font-size: 13px;
+}
+
+.vp-kv-HhceUA {
+  font-family: var(--vp-mono);
+  color: var(--vp-text2);
+  margin-bottom: 10px;
+  font-size: 12px;
+}
+
+.vp-renderArea-UsEDCB {
+  border: 1px solid var(--vp-border);
+  background: var(--vp-surface-mute);
+  border-radius: 12px;
+  min-height: 260px;
+  padding: 12px;
+}
+
+.vp-terminal-F6_CEQ {
+  border: 1px solid var(--vp-border);
+  background: var(--vp-terminal-bg);
+  border-radius: 12px;
+  margin-top: 14px;
+  overflow: hidden;
+}
+
+.vp-terminalHeader-BG3x8z {
+  border-bottom: 1px solid var(--vp-border);
+  color: var(--vp-text2);
+  font-family: var(--vp-mono);
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+  padding: 9px 12px;
+  font-size: 12px;
+  display: flex;
+}
+
+.vp-terminalClear-N0wY3l {
+  appearance: none;
+  border: 1px solid var(--vp-border);
+  background: var(--vp-panel);
+  color: var(--vp-text2);
+  cursor: pointer;
+  font-family: var(--vp-mono);
+  border-radius: 8px;
+  padding: 4px 7px;
+  font-size: 11px;
+}
+
+.vp-terminalClear-N0wY3l:hover {
+  background: var(--vp-panel2);
+  color: var(--vp-text);
+}
+
+.vp-terminalBody-Fn12Co {
+  min-height: 120px;
+  max-height: 240px;
+  padding: 10px 12px;
+  overflow: auto;
+}
+
+.vp-terminalLine-V8_M04 {
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--vp-text2);
+  font-family: var(--vp-mono);
+  margin: 0 0 8px;
+  font-size: 12px;
+  line-height: 1.55;
+}
+
+.vp-terminalLine-V8_M04:last-child {
+  margin-bottom: 0;
+}
+
+.vp-terminalLineError-puKD3j {
+  color: #ffb4b4;
+}
+
+.vp-terminalLineWarn-BIZDl_ {
+  color: #ffd38a;
+}
+
+.vp-terminalEmpty-pYP34A {
+  color: var(--vp-muted);
+  font-family: var(--vp-mono);
+  font-size: 12px;
+}
+
+.vp-errorPanel-zDWm6k {
+  gap: 12px;
+  display: grid;
+}
+
+.vp-errorTitle-ykARVb {
+  color: #ffb4b4;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+@media (width <= 980px) {
+  .vp-main-ukILls {
+    grid-template-columns: 1fr;
+    height: auto;
+    min-height: auto;
+    overflow: visible;
+  }
+
+  .vp-left-wWIJZj {
+    border-bottom: 1px solid var(--vp-border);
+  }
+
+  .vp-splitter-C3LUiw {
+    display: none;
+  }
+
+  .vp-fieldGrid-SR9eJh {
+    grid-template-columns: 1fr;
+  }
+
+  .vp-ideBody-iRMqXK {
+    height: auto;
+    min-height: 420px;
+    overflow: visible;
+  }
+
+  .vp-cardBody-UdVf2N {
+    height: auto;
+    overflow: visible;
+  }
+
+  .vp-collapseBodyCode-ACBnWh {
+    height: auto;
+  }
+}
+