Prettier

docs/src/styles/components/badge.css

@@ -11,4 +11,4 @@
   border-radius: 6px;
   font-weight: var(--fw-2);
   color: hsl(23 100% 40%);
-}
+}

docs/src/styles/components/button.css

@@ -40,4 +40,4 @@
   outline-style: solid;
   outline-color: black;
   outline-offset: 2px;
-}
+}

docs/src/styles/components/callout.css

@@ -9,4 +9,4 @@
   border: 2px solid hsl(202 100% 50%);
   gap: var(--space-3);
   color: var(--gray-text-1);
-}
+}

docs/src/styles/components/code.css

@@ -2,18 +2,18 @@
   box-sizing: border-box;
   font-family: var(--ff-code);
   color: var(--gray-text-2);
-  font-size: .89em;
+  font-size: 0.89em;
   padding-right: var(--space-1);
   padding-bottom: 2px;
   padding-left: var(--space-1);
   white-space: break-spaces;
   border: 1px solid var(--gray-outline-1);
   border-radius: 6px;
   position: relative;
-  top: -.5px;
+  top: -0.5px;
 }
 
 .Text .Code {
   margin-left: 1px;
   margin-right: 1px;
-}
+}

docs/src/styles/components/dialog.css

@@ -19,11 +19,11 @@
   left: 50%;
   transform: translateX(-50%) translateY(-50%);
   box-shadow:
-    0 0 0 1px rgba(0, 0, 0, .025),
-    0 8px 36px -6px rgba(0, 0, 0, .025),
-    0 12px 64px -6px rgba(0, 0, 0, .1),
-    0 16px 64px -8px rgba(0, 0, 0, .1),
-    0 16px 36px -8px rgba(0, 0, 0, .1);
+    0 0 0 1px rgba(0, 0, 0, 0.025),
+    0 8px 36px -6px rgba(0, 0, 0, 0.025),
+    0 12px 64px -6px rgba(0, 0, 0, 0.1),
+    0 16px 64px -8px rgba(0, 0, 0, 0.1),
+    0 16px 36px -8px rgba(0, 0, 0, 0.1);
   border-radius: 16px;
   z-index: 2;
-}
+}

docs/src/styles/components/growing-chevron.css

@@ -41,4 +41,4 @@
   .LinkBlock:hover .GrowingChevron.direction-right .GrowingChevronTip {
     transform: translateX(0);
   }
-}
+}

docs/src/styles/components/icon-button.css

@@ -40,4 +40,4 @@
 .IconButton.size-3 {
   width: var(--space-8);
   height: var(--space-8);
-}
+}

docs/src/styles/components/icon.css

@@ -2,4 +2,4 @@
   display: block;
   vertical-align: middle;
   flex-shrink: 0;
-}
+}

docs/src/styles/components/kbd.css

@@ -11,7 +11,9 @@
   font-size: var(--fs-2);
   font-family: var(--ff-sans);
   height: var(--space-6);
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 4px -1px rgba(0, 0, 0, .05);
+  box-shadow:
+    0 1px 2px rgba(0, 0, 0, 0.05),
+    0 2px 4px -1px rgba(0, 0, 0, 0.05);
   border: 1px solid hsl(0deg 0% 0% / 5%);
   color: var(--gray-text-1);
-}
+}

docs/src/styles/components/link-block.css

@@ -33,4 +33,4 @@
 
 .LinkBlock.active {
   background-color: var(--gray-container-2);
-}
+}

docs/src/styles/components/link.css

@@ -2,7 +2,7 @@
   text-decoration-line: underline;
   text-decoration-style: solid;
   text-decoration-thickness: 1px;
-  text-underline-offset: calc(.1em + 3px);
+  text-underline-offset: calc(0.1em + 3px);
   color: inherit;
   position: relative;
   z-index: 0;
@@ -14,7 +14,7 @@
   }
 
   .Link:hover::after {
-    content: "";
+    content: '';
     width: calc(100% + 6px);
     height: calc(100% + 8px);
     top: -4px;
@@ -36,6 +36,6 @@
   background-color: var(--gray-container-2);
 }
 
-a[href^="#"] {
+a[href^='#'] {
   text-decoration: none;
-}
+}

docs/src/styles/components/list.css

@@ -3,4 +3,4 @@
   padding: 0;
   padding-left: var(--space-8);
   font-family: var(--ff-sans);
-}
+}

docs/src/styles/components/pre.css

@@ -9,4 +9,4 @@
   line-height: 20px;
   white-space: pre;
   color: var(--gray-text-1);
-}
+}

docs/src/styles/components/search-button.css

@@ -20,8 +20,9 @@
   padding-left: var(--space-2);
   padding-right: var(--space-1);
   background-color: var(--gray-container-1);
-  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .025),
-    inset 0 1px 4px -2px rgba(0, 0, 0, .025),
+  box-shadow:
+    inset 0 1px 2px rgba(0, 0, 0, 0.025),
+    inset 0 1px 4px -2px rgba(0, 0, 0, 0.025),
     0 1px 0 white;
   border: 1px solid hsl(0deg 0% 0% / 8%);
   border-top: 1px solid hsl(0deg 0% 0% / 13%);
@@ -32,4 +33,4 @@
   outline-style: solid;
   outline-color: black;
   outline-offset: 2px;
-}
+}

docs/src/styles/components/select.css

@@ -14,22 +14,23 @@
   background-color: white;
   border-width: 1px;
   border-style: solid;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .05),
-      0 2px 4px -1px rgba(0, 0, 0, .05),
-      0 4px 8px -2px rgba(0, 0, 0, .05);
+  box-shadow:
+    0 1px 2px rgba(0, 0, 0, 0.05),
+    0 2px 4px -1px rgba(0, 0, 0, 0.05),
+    0 4px 8px -2px rgba(0, 0, 0, 0.05);
   border: 1px solid hsl(0deg 0% 0% / 5%);
   border-radius: 6px;
   color: var(--gray-text-2);
 }
 .SelectTrigger::after {
-  content: "efew";
-    position: absolute;
-    top: 50%;
-    right: 10px;
-    transform: translateY(-50%);
-    height: 20px;
-    width: 20px;
-    pointer-events: none;
+  content: 'efew';
+  position: absolute;
+  top: 50%;
+  right: 10px;
+  transform: translateY(-50%);
+  height: 20px;
+  width: 20px;
+  pointer-events: none;
 }
 
 .SelectTrigger:focus-visible {
@@ -57,4 +58,4 @@
   padding-left: var(--space-3);
   padding-right: var(--space-6);
   font-size: var(--fs-3);
-}
+}

docs/src/styles/components/separator.css

@@ -5,4 +5,4 @@
   height: 16px;
   background-color: var(--gray-outline-2);
   flex-shrink: 0;
-}
+}

docs/src/styles/components/table.css

@@ -33,8 +33,8 @@
   padding-right: var(--space-4);
   padding-bottom: var(--space-3);
   padding-left: var(--space-4);
-  }
-  
+}
+
 .TableRowHeader,
 .TableCell {
   border-top: 1px solid var(--gray-outline-2);
@@ -44,4 +44,4 @@
 .TableColumnHeader {
   background-color: var(--gray-surface-2);
   font-weight: var(--fw-2);
-}
+}

docs/src/styles/components/text.css

@@ -30,28 +30,28 @@
   font-size: var(--fs-5);
   line-height: 23px;
   font-weight: 500;
-  letter-spacing: -.012em;
+  letter-spacing: -0.012em;
 }
 
 .Text.size-6 {
   font-size: var(--fs-6);
   line-height: 24px;
   font-weight: 500;
-  letter-spacing: -.018em;
+  letter-spacing: -0.018em;
 }
 
 .Text.size-7 {
   font-size: var(--fs-7);
   line-height: 28px;
   font-weight: 500;
-  letter-spacing: -.031em;
+  letter-spacing: -0.031em;
 }
 
 .Text.size-8 {
   font-size: var(--fs-8);
   line-height: 37px;
   font-weight: 500;
-  letter-spacing: -.042em;
+  letter-spacing: -0.042em;
   text-indent: -1.1px;
 }
 
@@ -71,4 +71,4 @@
 
 .Text.color-gray {
   color: var(--gray-text-1);
-}
+}

docs/src/styles/components/textarea.css

@@ -24,4 +24,4 @@
 
 .Textarea::placeholder {
   color: var(--gray-text-1);
-}
+}

docs/src/styles/components/toggle.css

@@ -29,15 +29,16 @@
   font-size: var(--fs-2);
   color: var(--gray-text-2);
   width: var(--space-9);
-  letter-spacing: .18px;
+  letter-spacing: 0.18px;
   text-transform: uppercase;
 }
 
-.Toggle[data-state="active"] {
+.Toggle[data-state='active'] {
   background-color: white;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .05),
-    0 2px 4px -1px rgba(0, 0, 0, .05),
-    0 4px 8px -2px rgba(0, 0, 0, .05);
+  box-shadow:
+    0 1px 2px rgba(0, 0, 0, 0.05),
+    0 2px 4px -1px rgba(0, 0, 0, 0.05),
+    0 4px 8px -2px rgba(0, 0, 0, 0.05);
   border: 1px solid hsl(0deg 0% 0% / 5%);
 }
 
@@ -46,4 +47,4 @@
   outline-style: solid;
   outline-color: black;
   outline-offset: 2px;
-}
+}

docs/src/styles/mdx.css

@@ -24,4 +24,4 @@ main h3 {
 main .TableRoot {
   margin-top: var(--space-5) !important;
   margin-bottom: var(--space-5) !important;
-}
+}

docs/src/styles/reset.css

@@ -6,4 +6,4 @@ body {
 
 ::selection {
   background: var(--gray-container-3);
-}
+}

docs/src/styles/theme.css

@@ -11,12 +11,12 @@
 
   --grayA-surface-2: hsl(0 0% 97% / 86%);
 
-  --code-1: #CC4E00;
-  --code-2: #7D5E54;
-  --code-3: #CB1D63;
-  --code-4: #8145B5;
-  --code-5: #9E6C00;
-  --code-6: #00749E;
+  --code-1: #cc4e00;
+  --code-2: #7d5e54;
+  --code-3: #cb1d63;
+  --code-4: #8145b5;
+  --code-5: #9e6c00;
+  --code-6: #00749e;
 
   --space-1: 4px;
   --space-2: 8px;
@@ -44,20 +44,8 @@
   --br-circle: 50%;
   --br-pill: 9999px;
 
-  --ff-sans: graphik, -apple-system,
-      BlinkMacSystemFont,
-      "Segoe UI",
-      "Noto Sans",
-      Helvetica,
-      Arial,
-      sans-serif,
-      "Apple Color Emoji",
-      "Segoe UI Emoji";
-  --ff-code: Söhne mono, ui-monospace,
-    SFMono-Regular,
-    "SF Mono",
-    Menlo,
-    Consolas,
-    "Liberation Mono",
+  --ff-sans: graphik, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial,
+    sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --ff-code: Söhne mono, ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono',
     monospace;
-}
+}

docs/src/styles/utilities/align-items.css

@@ -16,4 +16,4 @@
 
 .ai-baseline {
   align-items: baseline;
-}
+}

docs/src/styles/utilities/align-self.css

@@ -16,4 +16,4 @@
 
 .as-baseline {
   align-self: baseline;
-}
+}

docs/src/styles/utilities/display.css

@@ -28,4 +28,4 @@
 
 .d-n {
   display: none;
-}
+}

docs/src/styles/utilities/flex-direction.css

@@ -12,4 +12,4 @@
 
 .fd-cr {
   flex-direction: column-reverse;
-}
+}