chore: generate

1 files changed, 172 insertions, 176 deletions

diff --git a/packages/ui/src/components/dialog.css b/packages/ui/src/components/dialog.css
index 5ff9ec595..b788945dc 100644
--- a/packages/ui/src/components/dialog.css
+++ b/packages/ui/src/components/dialog.css
@@ -1,196 +1,192 @@
 /* [data-component="dialog-trigger"] { } */
 
 [data-component="dialog-overlay"] {
-	position: fixed;
-	inset: 0;
-	z-index: 50;
-	background-color: hsl(from var(--background-base) h s l / 0.2);
-
-	animation: overlayHide var(--transition-duration) var(--transition-easing)
-		forwards;
-
-	&[data-expanded] {
-		animation: overlayShow var(--transition-duration) var(--transition-easing)
-			forwards;
-	}
-
-	@starting-style {
-		animation: none;
-	}
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  background-color: hsl(from var(--background-base) h s l / 0.2);
+
+  animation: overlayHide var(--transition-duration) var(--transition-easing) forwards;
+
+  &[data-expanded] {
+    animation: overlayShow var(--transition-duration) var(--transition-easing) forwards;
+  }
+
+  @starting-style {
+    animation: none;
+  }
 }
 
 [data-component="dialog"] {
-	position: fixed;
-	inset: 0;
-	z-index: 50;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	pointer-events: none;
-
-	[data-slot="dialog-container"] {
-		position: relative;
-		z-index: 50;
-		width: min(calc(100vw - 16px), 640px);
-		height: min(calc(100vh - 16px), 512px);
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-items: start;
-
-		[data-slot="dialog-content"] {
-			display: flex;
-			flex-direction: column;
-			align-items: flex-start;
-			align-self: stretch;
-			width: 100%;
-			max-height: 100%;
-			min-height: 280px;
-			pointer-events: auto;
-
-			/* padding: 8px; */
-			/* padding: 8px 8px 0 8px; */
-			border-radius: var(--radius-xl);
-			background: var(--surface-raised-stronger-non-alpha);
-			background-clip: padding-box;
-			box-shadow: var(--shadow-lg-border-base);
-
-			animation: contentHide var(--transition-duration) var(--transition-easing)
-				forwards;
-
-			&[data-expanded] {
-				animation: contentShow var(--transition-duration)
-					var(--transition-easing) forwards;
-			}
-
-			@starting-style {
-				animation: none;
-			}
-
-			[data-slot="dialog-header"] {
-				display: flex;
-				padding: 20px;
-				justify-content: space-between;
-				align-items: center;
-				flex-shrink: 0;
-				align-self: stretch;
-
-				[data-slot="dialog-title"] {
-					color: var(--text-strong);
-
-					/* text-16-medium */
-					font-family: var(--font-family-sans);
-					font-size: var(--font-size-large);
-					font-style: normal;
-					font-weight: var(--font-weight-medium);
-					line-height: var(--line-height-x-large); /* 150% */
-					letter-spacing: var(--letter-spacing-tight);
-				}
-				/* [data-slot="dialog-close-button"] {} */
-			}
-
-			[data-slot="dialog-description"] {
-				display: flex;
-				padding: 16px;
-				padding-left: 24px;
-				padding-top: 0;
-				margin-top: -8px;
-				justify-content: space-between;
-				align-items: center;
-				flex-shrink: 0;
-				align-self: stretch;
-
-				color: var(--text-base);
-
-				/* text-14-regular */
-				font-family: var(--font-family-sans);
-				font-size: 14px;
-				font-style: normal;
-				font-weight: var(--font-weight-regular);
-				line-height: var(--line-height-large); /* 142.857% */
-				letter-spacing: var(--letter-spacing-normal);
-			}
-
-			[data-slot="dialog-body"] {
-				width: 100%;
-				position: relative;
-				display: flex;
-				flex-direction: column;
-				flex: 1;
-				overflow: hidden;
-
-				&:focus-visible {
-					outline: none;
-				}
-			}
-			&:focus-visible {
-				outline: none;
-			}
-		}
-	}
-
-	&[data-fit] {
-		[data-slot="dialog-container"] {
-			height: auto;
-
-			[data-slot="dialog-content"] {
-				min-height: 0;
-			}
-		}
-	}
-
-	&[data-size="large"] [data-slot="dialog-container"] {
-		width: min(calc(100vw - 32px), 800px);
-		height: min(calc(100vh - 32px), 600px);
-	}
-
-	&[data-size="x-large"] [data-slot="dialog-container"] {
-		width: min(calc(100vw - 32px), 960px);
-		height: min(calc(100vh - 32px), 600px);
-	}
+  position: fixed;
+  inset: 0;
+  z-index: 50;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+
+  [data-slot="dialog-container"] {
+    position: relative;
+    z-index: 50;
+    width: min(calc(100vw - 16px), 640px);
+    height: min(calc(100vh - 16px), 512px);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-items: start;
+
+    [data-slot="dialog-content"] {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-start;
+      align-self: stretch;
+      width: 100%;
+      max-height: 100%;
+      min-height: 280px;
+      pointer-events: auto;
+
+      /* padding: 8px; */
+      /* padding: 8px 8px 0 8px; */
+      border-radius: var(--radius-xl);
+      background: var(--surface-raised-stronger-non-alpha);
+      background-clip: padding-box;
+      box-shadow: var(--shadow-lg-border-base);
+
+      animation: contentHide var(--transition-duration) var(--transition-easing) forwards;
+
+      &[data-expanded] {
+        animation: contentShow var(--transition-duration) var(--transition-easing) forwards;
+      }
+
+      @starting-style {
+        animation: none;
+      }
+
+      [data-slot="dialog-header"] {
+        display: flex;
+        padding: 20px;
+        justify-content: space-between;
+        align-items: center;
+        flex-shrink: 0;
+        align-self: stretch;
+
+        [data-slot="dialog-title"] {
+          color: var(--text-strong);
+
+          /* text-16-medium */
+          font-family: var(--font-family-sans);
+          font-size: var(--font-size-large);
+          font-style: normal;
+          font-weight: var(--font-weight-medium);
+          line-height: var(--line-height-x-large); /* 150% */
+          letter-spacing: var(--letter-spacing-tight);
+        }
+        /* [data-slot="dialog-close-button"] {} */
+      }
+
+      [data-slot="dialog-description"] {
+        display: flex;
+        padding: 16px;
+        padding-left: 24px;
+        padding-top: 0;
+        margin-top: -8px;
+        justify-content: space-between;
+        align-items: center;
+        flex-shrink: 0;
+        align-self: stretch;
+
+        color: var(--text-base);
+
+        /* text-14-regular */
+        font-family: var(--font-family-sans);
+        font-size: 14px;
+        font-style: normal;
+        font-weight: var(--font-weight-regular);
+        line-height: var(--line-height-large); /* 142.857% */
+        letter-spacing: var(--letter-spacing-normal);
+      }
+
+      [data-slot="dialog-body"] {
+        width: 100%;
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        overflow: hidden;
+
+        &:focus-visible {
+          outline: none;
+        }
+      }
+      &:focus-visible {
+        outline: none;
+      }
+    }
+  }
+
+  &[data-fit] {
+    [data-slot="dialog-container"] {
+      height: auto;
+
+      [data-slot="dialog-content"] {
+        min-height: 0;
+      }
+    }
+  }
+
+  &[data-size="large"] [data-slot="dialog-container"] {
+    width: min(calc(100vw - 32px), 800px);
+    height: min(calc(100vh - 32px), 600px);
+  }
+
+  &[data-size="x-large"] [data-slot="dialog-container"] {
+    width: min(calc(100vw - 32px), 960px);
+    height: min(calc(100vh - 32px), 600px);
+  }
 }
 
 [data-component="dialog"][data-transition] [data-slot="dialog-content"] {
-	animation: contentHide 100ms ease-in forwards;
+  animation: contentHide 100ms ease-in forwards;
 
-	&[data-expanded] {
-		animation: contentShow 150ms ease-out;
-	}
+  &[data-expanded] {
+    animation: contentShow 150ms ease-out;
+  }
 }
 
 @keyframes overlayShow {
-	from {
-		opacity: 0;
-	}
-	to {
-		opacity: 1;
-	}
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
 }
 @keyframes overlayHide {
-	from {
-		opacity: 1;
-	}
-	to {
-		opacity: 0;
-	}
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
 }
 @keyframes contentShow {
-	from {
-		opacity: 0;
-		transform: translateY(2.5%) scale(0.975);
-	}
-	to {
-		opacity: 1;
-		transform: scale(1);
-	}
+  from {
+    opacity: 0;
+    transform: translateY(2.5%) scale(0.975);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
 }
 @keyframes contentHide {
-	from {
-		opacity: 1;
-		transform: scale(1);
-	}
-	to {
-		opacity: 0;
-		transform: translateY(-2.5%) scale(0.975);
-	}
+  from {
+    opacity: 1;
+    transform: scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translateY(-2.5%) scale(0.975);
+  }
 }