lynx-console 0.2.2 → 0.3.0

package/dist/index.css

@@ -54,16 +54,8 @@
   display: flex;
   flex-direction: column;
   gap: 8px;
-  padding-top: 24px;
-  padding-bottom: 16px;
+  padding: 24px 50px 16px 16px;
   justify-content: flex-start;
-  padding-left: 16px;
-  padding-right: 50px;
-}
-
-.bs-title {
-  font-size: 1.25rem;
-  line-height: 1.6875rem;
 }
 
 .bs-body {
@@ -77,10 +69,7 @@
 .bs-footer {
   display: flex;
   flex-direction: column;
-  padding-left: 16px;
-  padding-right: 16px;
-  padding-top: 12px;
-  padding-bottom: 16px;
+  padding: 12px 16px 16px;
 }
 
 .cp-container {
@@ -96,11 +85,6 @@
   height: 100%;
 }
 
-.cp-placeholderText {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
-}
-
 .cp-logContainer {
   display: flex;
   flex-direction: column;
@@ -128,11 +112,6 @@
   border-radius: 4px;
 }
 
-.cp-filterButtonText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-filterDropdown {
   position: absolute;
   top: 100%;
@@ -155,16 +134,9 @@
 }
 
 .cp-filterCheckbox {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   width: 16px;
 }
 
-.cp-filterLabel {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-searchWrapper {
   display: flex;
   flex-direction: row;
@@ -177,36 +149,19 @@
   gap: 8px;
 }
 
-.cp-searchPrompt {
-  font-size: 1.125rem;
-  line-height: 1.5rem;
-}
-
 .cp-searchInput {
   flex: 1;
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
 }
 
 .cp-searchClear {
   padding: 2px 4px;
 }
 
-.cp-searchClearText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-clearButton {
   padding: 3px 6px;
   border-radius: 4px;
 }
 
-.cp-clearButtonText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-logList {
   flex: 1;
   padding-top: 0;
@@ -227,26 +182,15 @@
 }
 
 .cp-logLevel {
-  font-size: 0.75rem;
-  line-height: 1rem;
   margin-right: 8px;
 }
 
-.cp-logTime {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .cp-toggleIndicator {
-  font-size: 0.75rem;
-  line-height: 1rem;
   margin-left: 4px;
   align-self: flex-start;
 }
 
 .cp-logMessage {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   word-break: break-all;
 }
 
@@ -257,21 +201,6 @@
   gap: 8px;
 }
 
-.cp-logArgItem {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
-.cp-argString {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
-.cp-argPrimitive {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-argObject {
   display: flex;
   flex-direction: column;
@@ -284,11 +213,6 @@
   gap: 4px;
 }
 
-.cp-argObjectPreview {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-argObjectContent {
   margin-top: 4px;
   display: flex;
@@ -302,16 +226,6 @@
   align-items: flex-start;
 }
 
-.cp-argObjectKey {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
-.cp-argObjectJson {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .cp-replInputRow {
   display: flex;
   flex-direction: row;
@@ -322,15 +236,11 @@
 }
 
 .cp-replPrompt {
-  font-size: 1.625rem;
-  line-height: 2.1875rem;
   padding-bottom: 8px;
 }
 
 .cp-replInput {
   flex: 1;
-  font-size: 1rem;
-  line-height: 1.375rem;
   padding-bottom: 8px;
 }
 
@@ -340,11 +250,6 @@
   margin-bottom: 8px;
 }
 
-.cp-replRunButtonText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .np-container {
   display: flex;
   flex-direction: column;
@@ -361,21 +266,11 @@
   padding-bottom: 4px;
 }
 
-.np-count {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .np-clearButton {
   padding: 3px 6px;
   border-radius: 4px;
 }
 
-.np-clearButtonText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .np-list {
   flex: 1;
 }
@@ -387,11 +282,6 @@
   height: 100%;
 }
 
-.np-placeholderText {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
-}
-
 .np-item {
   padding: 8px;
   border-bottom-width: 1px;
@@ -407,43 +297,22 @@
 }
 
 .np-method {
-  font-size: 0.75rem;
-  line-height: 1rem;
   padding: 0 4px;
   border-radius: 2px;
 }
 
-.np-statusCode {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.np-time {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .np-url {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   word-break: break-all;
   margin-bottom: 4px;
 }
 
 .np-path {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   word-break: break-all;
   white-space: pre-wrap;
   overflow: visible;
   margin-bottom: 4px;
 }
 
-.np-details {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .np-detailsContainer {
   margin-top: 12px;
   padding-top: 12px;
@@ -464,11 +333,6 @@
   cursor: pointer;
 }
 
-.np-tabText {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
-}
-
 .np-tabContent {
   padding-top: 8px;
 }
@@ -478,8 +342,6 @@
 }
 
 .np-detailSectionTitle {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   margin-bottom: 8px;
 }
 
@@ -498,22 +360,16 @@
 }
 
 .np-tableKey {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   min-width: 70px;
   flex-shrink: 0;
 }
 
 .np-tableValue {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   word-break: break-all;
   flex: 1;
 }
 
 .np-bodyText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   padding: 8px;
   border-radius: 4px;
   word-break: break-all;
@@ -521,16 +377,12 @@
 }
 
 .np-errorText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   padding: 8px;
   border-radius: 4px;
   word-break: break-all;
 }
 
 .np-emptyText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   text-align: center;
   padding: 16px 0;
 }
@@ -553,21 +405,11 @@
   border-bottom-style: solid;
 }
 
-.pp-count {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .pp-clearButton {
   padding: 3px 6px;
   border-radius: 4px;
 }
 
-.pp-clearButtonText {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .pp-list {
   flex: 1;
 }
@@ -579,11 +421,6 @@
   height: 100%;
 }
 
-.pp-placeholderText {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
-}
-
 .pp-item {
   padding: 8px;
   border-bottom-width: 1px;
@@ -599,22 +436,10 @@
 }
 
 .pp-entryType {
-  font-size: 0.75rem;
-  line-height: 1rem;
   padding: 0 6px;
   border-radius: 2px;
 }
 
-.pp-entryName {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.pp-timestamp {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
 .pp-fcpMetricHeader {
   display: flex;
   flex-direction: row;
@@ -623,8 +448,6 @@
 }
 
 .pp-fcpHighlight {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   padding: 4px 8px;
   border-radius: 4px;
   margin-top: 4px;
@@ -647,15 +470,11 @@
 }
 
 .pp-metricName {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   min-width: 100px;
   flex-shrink: 0;
 }
 
 .pp-metricValue {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   flex: 1;
 }
 
@@ -672,12 +491,6 @@
   gap: 8px;
 }
 
-.pp-fcpSectionDescription {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-  margin-bottom: 4px;
-}
-
 .pp-fcpMetric {
   border-radius: 4px;
   display: flex;
@@ -685,24 +498,7 @@
   gap: 4px;
 }
 
-.pp-fcpMetricName {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.pp-fcpMetricValue {
-  font-size: 0.6875rem;
-  line-height: 0.9375rem;
-}
-
-.pp-fcpMetricDescription {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
 .pp-fcpMetricFormula {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
   font-family: monospace;
 }
 
@@ -711,15 +507,7 @@
   border-radius: 4px;
 }
 
-.pp-detailTitle {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-  margin-bottom: 8px;
-}
-
 .pp-rawEntry {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   font-family: monospace;
   white-space: pre-wrap;
   word-break: break-all;
@@ -749,26 +537,6 @@
   line-height: 1.375rem;
 }
 
-.tabs-triggerButtonText--t4 {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
-}
-
-.tabs-triggerButtonText--t3 {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
-}
-
-.tabs-triggerButtonText--t2 {
-  font-size: 0.75rem;
-  line-height: 1rem;
-}
-
-.tabs-triggerButtonText--t1 {
-  font-size: 0.6875rem;
-  line-height: 0.9375rem;
-}
-
 .tabs-triggerIndicator {
   position: absolute;
   bottom: 0;
@@ -776,7 +544,7 @@
   padding: 0 16px;
   width: 100%;
   transition: 200ms;
-  transition-timing-function: cubic-bezier(.35, 0, .35, 1);
+  transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);
 }
 
 .tabs-triggerIndicatorLine {
@@ -808,10 +576,7 @@
 .fb-button {
   position: relative;
   overflow: hidden;
-  padding-left: 8px;
-  padding-right: 8px;
-  padding-top: 4px;
-  padding-bottom: 4px;
+  padding: 4px 8px;
   border-radius: 12px;
   display: flex;
   flex-direction: column;
@@ -832,14 +597,10 @@
 }
 
 .fb-title {
-  font-size: 0.875rem;
-  line-height: 1.1875rem;
   text-align: center;
 }
 
 .fb-subtitle {
-  font-size: 0.8125rem;
-  line-height: 1.125rem;
   text-align: center;
 }
 
@@ -861,5 +622,46 @@
   text-align: center;
 }
 
+.t1 {
+  font-size: 0.6875rem;
+  line-height: 0.9375rem;
+}
+.t2 {
+  font-size: 0.75rem;
+  line-height: 1rem;
+}
+.t3 {
+  font-size: 0.8125rem;
+  line-height: 1.125rem;
+}
+.t4 {
+  font-size: 0.875rem;
+  line-height: 1.1875rem;
+}
+.t5 {
+  font-size: 1rem;
+  line-height: 1.375rem;
+}
+.t6 {
+  font-size: 1.125rem;
+  line-height: 1.5rem;
+}
+.t7 {
+  font-size: 1.25rem;
+  line-height: 1.6875rem;
+}
+.t8 {
+  font-size: 1.375rem;
+  line-height: 1.875rem;
+}
+.t9 {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+.t10 {
+  font-size: 1.625rem;
+  line-height: 2.1875rem;
+}
+
 
 /*# sourceMappingURL=index.css.map*/

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../src/components/BottomSheet.css","../src/components/ConsolePanel.css","../src/components/NetworkPanel.css","../src/components/PerformancePanel.css","../src/components/Tabs.css","../src/components/FloatingButton.css"],"sourcesContent":[".bs-overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  z-index: 9999;\n}\n\n.bs-backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 9998;\n}\n\n.bs-content {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  box-sizing: border-box;\n  word-break: break-all;\n  border-top-left-radius: 24px;\n  border-top-right-radius: 24px;\n  height: 500px;\n  overflow: hidden;\n}\n\n.bs-handleContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 48px;\n  display: flex;\n  justify-content: center;\n  z-index: 10;\n}\n\n.bs-handle {\n  width: 36px;\n  height: 4px;\n  border-radius: 9999px;\n  margin-top: 12px;\n}\n\n.bs-header {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding-top: 24px;\n  padding-bottom: 16px;\n  justify-content: flex-start;\n  padding-left: 16px;\n  padding-right: 50px;\n}\n\n.bs-title {\n  font-size: 1.25rem;\n  line-height: 1.6875rem;\n}\n\n.bs-body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 0 16px;\n  overflow: hidden;\n}\n\n.bs-footer {\n  display: flex;\n  flex-direction: column;\n  padding-left: 16px;\n  padding-right: 16px;\n  padding-top: 12px;\n  padding-bottom: 16px;\n}\n",".cp-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.cp-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.cp-placeholderText {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n\n.cp-logContainer {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.cp-logHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 3px;\n}\n\n.cp-filterWrapper {\n  position: relative;\n}\n\n.cp-filterButton {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.cp-filterButtonText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-filterDropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 8px;\n  padding: 4px 0;\n  z-index: 100;\n  min-width: 90px;\n}\n\n.cp-filterOption {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n}\n\n.cp-filterCheckbox {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  width: 16px;\n}\n\n.cp-filterLabel {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-searchWrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex: 1;\n  margin-left: 8px;\n  margin-right: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  gap: 8px;\n}\n\n.cp-searchPrompt {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n\n.cp-searchInput {\n  flex: 1;\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-searchClear {\n  padding: 2px 4px;\n}\n\n.cp-searchClearText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.cp-clearButtonText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-logList {\n  flex: 1;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.cp-logItem {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.cp-logItemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.cp-logLevel {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  margin-right: 8px;\n}\n\n.cp-logTime {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.cp-toggleIndicator {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  margin-left: 4px;\n  align-self: flex-start;\n}\n\n.cp-logMessage {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  word-break: break-all;\n}\n\n.cp-logArgsContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.cp-logArgItem {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-argString {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-argPrimitive {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-argObject {\n  display: flex;\n  flex-direction: column;\n}\n\n.cp-argObjectHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n}\n\n.cp-argObjectPreview {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-argObjectContent {\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.cp-argObjectProperty {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.cp-argObjectKey {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-argObjectJson {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.cp-replInputRow {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding-top: 0;\n  padding-bottom: 8px;\n}\n\n.cp-replPrompt {\n  font-size: 1.625rem;\n  line-height: 2.1875rem;\n  padding-bottom: 8px;\n}\n\n.cp-replInput {\n  flex: 1;\n  font-size: 1rem;\n  line-height: 1.375rem;\n  padding-bottom: 8px;\n}\n\n.cp-replRunButton {\n  padding: 4px 10px;\n  border-radius: 4px;\n  margin-bottom: 8px;\n}\n\n.cp-replRunButtonText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n",".np-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.np-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  padding-bottom: 4px;\n}\n\n.np-count {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.np-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.np-clearButtonText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.np-list {\n  flex: 1;\n}\n\n.np-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.np-placeholderText {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n\n.np-item {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.np-itemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n  gap: 8px;\n}\n\n.np-method {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.np-statusCode {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.np-time {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.np-url {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  word-break: break-all;\n  margin-bottom: 4px;\n}\n\n.np-path {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  word-break: break-all;\n  white-space: pre-wrap;\n  overflow: visible;\n  margin-bottom: 4px;\n}\n\n.np-details {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.np-detailsContainer {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top-width: 1px;\n  border-top-style: solid;\n}\n\n.np-tabs {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  padding-bottom: 6px;\n}\n\n.np-tab {\n  padding: 4px 8px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.np-tabText {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n\n.np-tabContent {\n  padding-top: 8px;\n}\n\n.np-detailSection {\n  margin-bottom: 12px;\n}\n\n.np-detailSectionTitle {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  margin-bottom: 8px;\n}\n\n.np-table {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.np-tableRow {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  padding: 4px 8px;\n  border-radius: 2px;\n}\n\n.np-tableKey {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  min-width: 70px;\n  flex-shrink: 0;\n}\n\n.np-tableValue {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  word-break: break-all;\n  flex: 1;\n}\n\n.np-bodyText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  padding: 8px;\n  border-radius: 4px;\n  word-break: break-all;\n  white-space: pre-wrap;\n}\n\n.np-errorText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  padding: 8px;\n  border-radius: 4px;\n  word-break: break-all;\n}\n\n.np-emptyText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  text-align: center;\n  padding: 16px 0;\n}\n",".pp-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.pp-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  padding-bottom: 4px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.pp-count {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.pp-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.pp-clearButtonText {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.pp-list {\n  flex: 1;\n}\n\n.pp-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.pp-placeholderText {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n\n.pp-item {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.pp-itemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n  gap: 8px;\n}\n\n.pp-entryType {\n  font-size: 0.75rem;\n  line-height: 1rem;\n  padding: 0 6px;\n  border-radius: 2px;\n}\n\n.pp-entryName {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.pp-timestamp {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.pp-fcpMetricHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.pp-fcpHighlight {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  padding: 4px 8px;\n  border-radius: 4px;\n  margin-top: 4px;\n}\n\n.pp-metrics {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pp-metric {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  border-radius: 2px;\n}\n\n.pp-metricName {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  min-width: 100px;\n  flex-shrink: 0;\n}\n\n.pp-metricValue {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  flex: 1;\n}\n\n.pp-detailsContainer {\n  margin-top: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.pp-fcpSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.pp-fcpSectionDescription {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  margin-bottom: 4px;\n}\n\n.pp-fcpMetric {\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pp-fcpMetricName {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.pp-fcpMetricValue {\n  font-size: 0.6875rem;\n  line-height: 0.9375rem;\n}\n\n.pp-fcpMetricDescription {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.pp-fcpMetricFormula {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n  font-family: monospace;\n}\n\n.pp-rawEntrySection {\n  padding: 12px;\n  border-radius: 4px;\n}\n\n.pp-detailTitle {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  margin-bottom: 8px;\n}\n\n.pp-rawEntry {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  font-family: monospace;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n",".tabs-root {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.tabs-header {\n  display: flex;\n}\n\n.tabs-triggerButton {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px 0 10px 0;\n  position: relative;\n}\n\n.tabs-triggerButtonText {\n  font-size: 1rem;\n  line-height: 1.375rem;\n}\n\n.tabs-triggerButtonText--t4 {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n\n.tabs-triggerButtonText--t3 {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n\n.tabs-triggerButtonText--t2 {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n\n.tabs-triggerButtonText--t1 {\n  font-size: 0.6875rem;\n  line-height: 0.9375rem;\n}\n\n.tabs-triggerIndicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 0 16px;\n  width: 100%;\n  transition: 200ms;\n  transition-timing-function: cubic-bezier(.35, 0, .35, 1);\n}\n\n.tabs-triggerIndicatorLine {\n  width: 100%;\n  height: 2px;\n}\n\n.tabs-contents {\n  flex: 1;\n  width: 100%;\n}\n\n.tabs-content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n",".fb-wrapper {\n  position: fixed;\n  z-index: 9999;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  overflow: visible;\n}\n\n.fb-button {\n  position: relative;\n  overflow: hidden;\n  padding-left: 8px;\n  padding-right: 8px;\n  padding-top: 4px;\n  padding-bottom: 4px;\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-shineOverlay {\n  position: absolute;\n  top: -50%;\n  left: -25%;\n  width: 150%;\n  height: 200%;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9999px;\n}\n\n.fb-title {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n  text-align: center;\n}\n\n.fb-subtitle {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n  text-align: center;\n}\n\n.fb-reloadButton {\n  overflow: visible;\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-reloadIcon {\n  font-size: 20px;\n  line-height: 32px;\n  margin-bottom: 5px;\n  text-align: center;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;ACnFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACpQA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AC5LA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AC5LA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACpEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../src/components/BottomSheet.css","../src/components/ConsolePanel.css","../src/components/NetworkPanel.css","../src/components/PerformancePanel.css","../src/components/Tabs.css","../src/components/FloatingButton.css","../src/styles/tokens.css"],"sourcesContent":[".bs-overlay {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: flex-end;\n  z-index: 9999;\n}\n\n.bs-backdrop {\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 9998;\n}\n\n.bs-content {\n  position: relative;\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n  box-sizing: border-box;\n  word-break: break-all;\n  border-top-left-radius: 24px;\n  border-top-right-radius: 24px;\n  height: 500px;\n  overflow: hidden;\n}\n\n.bs-handleContainer {\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  height: 48px;\n  display: flex;\n  justify-content: center;\n  z-index: 10;\n}\n\n.bs-handle {\n  width: 36px;\n  height: 4px;\n  border-radius: 9999px;\n  margin-top: 12px;\n}\n\n.bs-header {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  padding: 24px 50px 16px 16px;\n  justify-content: flex-start;\n}\n\n.bs-body {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding: 0 16px;\n  overflow: hidden;\n}\n\n.bs-footer {\n  display: flex;\n  flex-direction: column;\n  padding: 12px 16px 16px;\n}\n",".cp-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.cp-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.cp-logContainer {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.cp-logHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding-bottom: 3px;\n}\n\n.cp-filterWrapper {\n  position: relative;\n}\n\n.cp-filterButton {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.cp-filterDropdown {\n  position: absolute;\n  top: 100%;\n  left: 0;\n  margin-top: 4px;\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 8px;\n  padding: 4px 0;\n  z-index: 100;\n  min-width: 90px;\n}\n\n.cp-filterOption {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n  padding: 8px 12px;\n}\n\n.cp-filterCheckbox {\n  width: 16px;\n}\n\n.cp-searchWrapper {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  flex: 1;\n  margin-left: 8px;\n  margin-right: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n  gap: 8px;\n}\n\n.cp-searchInput {\n  flex: 1;\n}\n\n.cp-searchClear {\n  padding: 2px 4px;\n}\n\n.cp-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.cp-logList {\n  flex: 1;\n  padding-top: 0;\n  padding-bottom: 0;\n}\n\n.cp-logItem {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.cp-logItemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n}\n\n.cp-logLevel {\n  margin-right: 8px;\n}\n\n.cp-toggleIndicator {\n  margin-left: 4px;\n  align-self: flex-start;\n}\n\n.cp-logMessage {\n  word-break: break-all;\n}\n\n.cp-logArgsContainer {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n\n.cp-argObject {\n  display: flex;\n  flex-direction: column;\n}\n\n.cp-argObjectHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 4px;\n}\n\n.cp-argObjectContent {\n  margin-top: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.cp-argObjectProperty {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n}\n\n.cp-replInputRow {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding-top: 0;\n  padding-bottom: 8px;\n}\n\n.cp-replPrompt {\n  padding-bottom: 8px;\n}\n\n.cp-replInput {\n  flex: 1;\n  padding-bottom: 8px;\n}\n\n.cp-replRunButton {\n  padding: 4px 10px;\n  border-radius: 4px;\n  margin-bottom: 8px;\n}\n",".np-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.np-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  padding-bottom: 4px;\n}\n\n.np-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.np-list {\n  flex: 1;\n}\n\n.np-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.np-item {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.np-itemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n  gap: 8px;\n}\n\n.np-method {\n  padding: 0 4px;\n  border-radius: 2px;\n}\n\n.np-url {\n  word-break: break-all;\n  margin-bottom: 4px;\n}\n\n.np-path {\n  word-break: break-all;\n  white-space: pre-wrap;\n  overflow: visible;\n  margin-bottom: 4px;\n}\n\n.np-detailsContainer {\n  margin-top: 12px;\n  padding-top: 12px;\n  border-top-width: 1px;\n  border-top-style: solid;\n}\n\n.np-tabs {\n  display: flex;\n  flex-direction: row;\n  gap: 4px;\n  padding-bottom: 6px;\n}\n\n.np-tab {\n  padding: 4px 8px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.np-tabContent {\n  padding-top: 8px;\n}\n\n.np-detailSection {\n  margin-bottom: 12px;\n}\n\n.np-detailSectionTitle {\n  margin-bottom: 8px;\n}\n\n.np-table {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.np-tableRow {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  padding: 4px 8px;\n  border-radius: 2px;\n}\n\n.np-tableKey {\n  min-width: 70px;\n  flex-shrink: 0;\n}\n\n.np-tableValue {\n  word-break: break-all;\n  flex: 1;\n}\n\n.np-bodyText {\n  padding: 8px;\n  border-radius: 4px;\n  word-break: break-all;\n  white-space: pre-wrap;\n}\n\n.np-errorText {\n  padding: 8px;\n  border-radius: 4px;\n  word-break: break-all;\n}\n\n.np-emptyText {\n  text-align: center;\n  padding: 16px 0;\n}\n",".pp-container {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  padding-top: 4px;\n}\n\n.pp-header {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n  padding-bottom: 4px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.pp-clearButton {\n  padding: 3px 6px;\n  border-radius: 4px;\n}\n\n.pp-list {\n  flex: 1;\n}\n\n.pp-placeholder {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n}\n\n.pp-item {\n  padding: 8px;\n  border-bottom-width: 1px;\n  border-bottom-style: solid;\n}\n\n.pp-itemHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin-bottom: 4px;\n  gap: 8px;\n}\n\n.pp-entryType {\n  padding: 0 6px;\n  border-radius: 2px;\n}\n\n.pp-fcpMetricHeader {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n}\n\n.pp-fcpHighlight {\n  padding: 4px 8px;\n  border-radius: 4px;\n  margin-top: 4px;\n}\n\n.pp-metrics {\n  margin-top: 8px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pp-metric {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  padding: 4px 8px;\n  border-radius: 2px;\n}\n\n.pp-metricName {\n  min-width: 100px;\n  flex-shrink: 0;\n}\n\n.pp-metricValue {\n  flex: 1;\n}\n\n.pp-detailsContainer {\n  margin-top: 12px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.pp-fcpSection {\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.pp-fcpMetric {\n  border-radius: 4px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.pp-fcpMetricFormula {\n  font-family: monospace;\n}\n\n.pp-rawEntrySection {\n  padding: 12px;\n  border-radius: 4px;\n}\n\n.pp-rawEntry {\n  font-family: monospace;\n  white-space: pre-wrap;\n  word-break: break-all;\n}\n",".tabs-root {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n}\n\n.tabs-header {\n  display: flex;\n}\n\n.tabs-triggerButton {\n  flex: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 12px 0 10px 0;\n  position: relative;\n}\n\n.tabs-triggerButtonText {\n  font-size: 1rem;\n  line-height: 1.375rem;\n}\n\n.tabs-triggerIndicator {\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  padding: 0 16px;\n  width: 100%;\n  transition: 200ms;\n  transition-timing-function: cubic-bezier(0.35, 0, 0.35, 1);\n}\n\n.tabs-triggerIndicatorLine {\n  width: 100%;\n  height: 2px;\n}\n\n.tabs-contents {\n  flex: 1;\n  width: 100%;\n}\n\n.tabs-content {\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n}\n",".fb-wrapper {\n  position: fixed;\n  z-index: 9999;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n  overflow: visible;\n}\n\n.fb-button {\n  position: relative;\n  overflow: hidden;\n  padding: 4px 8px;\n  border-radius: 12px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 2px;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-shineOverlay {\n  position: absolute;\n  top: -50%;\n  left: -25%;\n  width: 150%;\n  height: 200%;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9999px;\n}\n\n.fb-title {\n  text-align: center;\n}\n\n.fb-subtitle {\n  text-align: center;\n}\n\n.fb-reloadButton {\n  overflow: visible;\n  width: 32px;\n  height: 32px;\n  border-radius: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n}\n\n.fb-reloadIcon {\n  font-size: 20px;\n  line-height: 32px;\n  margin-bottom: 5px;\n  text-align: center;\n}\n",".t1 {\n  font-size: 0.6875rem;\n  line-height: 0.9375rem;\n}\n.t2 {\n  font-size: 0.75rem;\n  line-height: 1rem;\n}\n.t3 {\n  font-size: 0.8125rem;\n  line-height: 1.125rem;\n}\n.t4 {\n  font-size: 0.875rem;\n  line-height: 1.1875rem;\n}\n.t5 {\n  font-size: 1rem;\n  line-height: 1.375rem;\n}\n.t6 {\n  font-size: 1.125rem;\n  line-height: 1.5rem;\n}\n.t7 {\n  font-size: 1.25rem;\n  line-height: 1.6875rem;\n}\n.t8 {\n  font-size: 1.375rem;\n  line-height: 1.875rem;\n}\n.t9 {\n  font-size: 1.5rem;\n  line-height: 2rem;\n}\n.t10 {\n  font-size: 1.625rem;\n  line-height: 2.1875rem;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;ACxEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AChLA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACvIA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC5HA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AChDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;ACzDA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCpFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCnFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCpFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/types.ts","../src/index.tsx"],"mappings":";;;;;UAIiB,SAAA;EACf,GAAA;EACA,KAAA;EACA,aAAA,QAAqB,SAAA;AAAA;AAAA,KAKX,QAAA;AAAA,UAEK,QAAA;EACf,EAAA;EACA,KAAA,EAAO,QAAA;EACP,OAAA;EACA,SAAA;EACA,IAAA;AAAA;AAAA,KAIU,aAAA;AAAA,UAEK,YAAA;EACf,EAAA;EACA,GAAA;EACA,MAAA;EACA,MAAA,EAAQ,aAAA;EACR,UAAA;EACA,UAAA;EACA,SAAA;EACA,OAAA;EACA,QAAA;EACA,cAAA,GAAiB,MAAA;EACjB,WAAA;EACA,eAAA,GAAkB,MAAA;EAClB,YAAA;EACA,KAAA;AAAA;AAAA,KAIU,oBAAA;AAAA,UAEK,iBAAA;EACf,IAAA;EACA,QAAA;EACA,kBAAA;EACA,cAAA;EACA,gBAAA;EACA,YAAA;AAAA;AAAA,UAGe,oBAAA;EACf,EAAA;EACA,SAAA,EAAW,oBAAA;EACX,IAAA;EACA,SAAA;EACA,OAAA,GAAU,iBAAA;EACV,QAAA;AAAA;AAAA,QAIM,MAAA;EAAA,IACF,aAAA;IACF,KAAA;IAAA,CACC,GAAA;EAAA;EAAA,IAGC,gBAAA;IAGE,eAAA;MACE,GAAA,MAAS,IAAA;MACT,IAAA,MAAU,IAAA;MACV,KAAA,MAAW,IAAA;MACX,IAAA,MAAU,IAAA;IAAA;IAIZ,KAAA;MACE,IAAA,GAAO,QAAA;MACP,YAAA,GAAe,GAAA,EAAK,KAAA,EAAO,QAAA;MAC3B,YAAA,IAAgB,QAAA,GAAW,KAAA,EAAO,QAAA;MAElC,QAAA,GAAW,YAAA;MACX,WAAA,GAAc,GAAA,SAAY,YAAA;MAC1B,gBAAA,GAAmB,GAAA,EAAK,KAAA,EAAO,YAAA;MAC/B,gBAAA,IACE,QAAA,GAAW,KAAA,EAAO,YAAA;MAGpB,YAAA,GAAe,oBAAA;MACf,oBAAA,GAAuB,GAAA,EAAK,KAAA,EAAO,oBAAA;MACnC,oBAAA,IACE,QAAA,GAAW,KAAA,EAAO,oBAAA;IAAA;IAItB,qBAAA;EAAA;AAAA;;;UCnFS,iBAAA;EACf,IAAA;EACA,KAAA;EACA,MAAA;AAAA;AAAA,UAGe,gBAAA;EACf,KAAA;EACA,mBAAA;EACA,UAAA,GAAa,SAAA;AAAA;AAAA,cAcT,WAAA,EAAW,KAAA,CAAA,yBAAA,CAAA,gBAAA,GAAA,KAAA,CAAA,aAAA,CAAA,iBAAA"}