@warmio/ui 1.5.2 → 2.0.0

package/dist/entries/sidebar.css

@@ -0,0 +1,2108 @@
+/* ../ui/src/warmio/fluid-menu-highlight/fluid-menu-highlight.css */
+[data-slot=fluid-menu-highlight] {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  list-style: none;
+  pointer-events: none;
+  border-radius: var(--radius-lg);
+  background-color: var(--sidebar-accent);
+}
+[data-slot=fluid-menu-highlight][data-kind=sidebar][data-selected=true] {
+  border-radius: var(--radius-full);
+}
+[data-slot=fluid-menu-highlight][data-kind=select]:not([data-destructive=true]) {
+  background-color: var(--accent);
+}
+[data-slot=fluid-menu-highlight][data-destructive=true] {
+  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+}
+.dark [data-slot=fluid-menu-highlight][data-destructive=true] {
+  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+}
+
+/* ../ui/src/warmio/sidebar/sidebar.css */
+[data-slot=sidebar-account-label] {
+  font-size: var(--type-size-body);
+}
+[data-slot=sidebar-menu-button] {
+  font-size: var(--type-size-body);
+}
+[data-slot=sidebar-menu-button][data-active] {
+  font-weight: 500;
+}
+[data-slot=sidebar-menu-button][data-size=sm] {
+  font-size: var(--type-size-caption);
+}
+[data-slot=sidebar-menu-button][data-size=lg] {
+  font-size: var(--type-size-body);
+}
+[data-slot=sidebar-menu-badge] {
+  font-size: var(--type-size-caption);
+  font-weight: 500;
+}
+[data-slot=sidebar-menu-sub-button][data-size=md] {
+  font-size: var(--type-size-body);
+}
+[data-slot=sidebar-menu-sub-button][data-size=sm] {
+  font-size: var(--type-size-caption);
+}
+[data-slot=sidebar-account-avatar],
+[data-slot=sidebar-account-label],
+[data-slot=sidebar-group-label] {
+  font-weight: 500;
+}
+[data-slot=sidebar-account-avatar],
+[data-slot=sidebar-account-email],
+[data-slot=sidebar-group-label] {
+  font-size: var(--type-size-caption);
+}
+[data-slot=sidebar-group-label][data-presentation=navigation],
+[data-slot=sidebar-group-label][data-presentation=mockup] {
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+[data-slot=sidebar-wrapper] {
+  display: flex;
+  min-height: 100svh;
+  width: 100%;
+}
+[data-slot=sidebar-wrapper]:has([data-variant=inset]) {
+  background-color: var(--sidebar);
+}
+[data-slot=sidebar-wrapper][data-presentation=shell] {
+  height: 100svh;
+  min-height: 0;
+  gap: 0;
+  overflow: auto;
+}
+[data-slot=sidebar-wrapper][data-presentation=mockup] {
+  min-height: 0;
+  --sidebar-width: 16rem;
+}
+[data-slot=sidebar-wrapper][data-presentation=preview] {
+  min-height: 100%;
+}
+[data-slot=sidebar]:not([data-state]) {
+  display: flex;
+  height: 100%;
+  width: var(--sidebar-width);
+  flex-direction: column;
+  background-color: var(--sidebar);
+  color: var(--foreground);
+}
+[data-slot=sidebar][data-state] {
+  display: none;
+  color: var(--foreground);
+}
+@media (width >= 48rem) {
+  [data-slot=sidebar][data-state] {
+    display: block;
+  }
+}
+[data-slot=sidebar-gap] {
+  position: relative;
+  width: var(--sidebar-width);
+  background-color: transparent;
+}
+[data-slot=sidebar][data-variant=floating] [data-slot=sidebar-gap],
+[data-slot=sidebar][data-variant=inset] [data-slot=sidebar-gap] {
+  width: calc(var(--sidebar-width) + (var(--spacing) * 4));
+}
+[data-slot=sidebar][data-collapsible=icon]:not([data-variant=floating]):not([data-variant=inset]) [data-slot=sidebar-gap] {
+  width: var(--sidebar-width-icon);
+}
+[data-slot=sidebar][data-collapsible=icon][data-variant=floating] [data-slot=sidebar-gap],
+[data-slot=sidebar][data-collapsible=icon][data-variant=inset] [data-slot=sidebar-gap] {
+  width: calc(var(--sidebar-width-icon) + (var(--spacing) * 8));
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-gap] {
+  width: 0;
+}
+[data-slot=sidebar][data-side=right] [data-slot=sidebar-gap] {
+  transform: rotate(180deg);
+}
+[data-slot=sidebar][data-expand-on-hover=true] [data-slot=sidebar-gap] {
+  width: var(--sidebar-width-icon);
+}
+[data-slot=sidebar][data-motion=toggle] [data-slot=sidebar-gap] {
+  transition-property: width;
+  transition-duration: var(--motion-duration-slow);
+  transition-timing-function: linear;
+}
+[data-slot=sidebar-container] {
+  position: fixed;
+  inset-block: 0;
+  z-index: 10;
+  display: none;
+  height: 100svh;
+  width: var(--sidebar-width);
+}
+[data-slot=sidebar-container][data-side=left] {
+  left: 0;
+}
+[data-slot=sidebar-container][data-side=right] {
+  right: 0;
+}
+@media (width >= 48rem) {
+  [data-slot=sidebar-container] {
+    display: flex;
+  }
+}
+[data-slot=sidebar][data-variant=floating] [data-slot=sidebar-container],
+[data-slot=sidebar][data-variant=inset] [data-slot=sidebar-container] {
+  width: calc(var(--sidebar-width) + (var(--spacing) * 4));
+  padding: calc(var(--spacing) * 4);
+}
+[data-slot=sidebar][data-collapsible=icon]:not([data-variant=floating]):not([data-variant=inset]) [data-slot=sidebar-container] {
+  width: var(--sidebar-width-icon);
+}
+[data-slot=sidebar][data-side=left]:not([data-variant=floating]):not([data-variant=inset]) [data-slot=sidebar-container] {
+  border-right: 1px solid var(--border);
+}
+[data-slot=sidebar][data-side=right]:not([data-variant=floating]):not([data-variant=inset]) [data-slot=sidebar-container] {
+  border-left: 1px solid var(--border);
+}
+[data-slot=sidebar][data-collapsible=icon][data-variant=floating] [data-slot=sidebar-container],
+[data-slot=sidebar][data-collapsible=icon][data-variant=inset] [data-slot=sidebar-container] {
+  width: calc(var(--sidebar-width-icon) + (var(--spacing) * 8) + 2px);
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-container][data-side=left] {
+  left: calc(var(--sidebar-width) * -1);
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-container][data-side=right] {
+  right: calc(var(--sidebar-width) * -1);
+}
+[data-slot=sidebar][data-collapsible=offcanvas][data-variant=floating] [data-slot=sidebar-container][data-side=left],
+[data-slot=sidebar][data-collapsible=offcanvas][data-variant=inset] [data-slot=sidebar-container][data-side=left] {
+  left: calc((var(--sidebar-width) + (var(--spacing) * 4)) * -1);
+}
+[data-slot=sidebar][data-collapsible=offcanvas][data-variant=floating] [data-slot=sidebar-container][data-side=right],
+[data-slot=sidebar][data-collapsible=offcanvas][data-variant=inset] [data-slot=sidebar-container][data-side=right] {
+  right: calc((var(--sidebar-width) + (var(--spacing) * 4)) * -1);
+}
+[data-slot=sidebar][data-expand-on-hover=true] [data-slot=sidebar-container] {
+  z-index: var(--z-sidebar-overlay);
+}
+[data-slot=sidebar][data-motion=hover] [data-slot=sidebar-container] {
+  transition-property: width;
+  transition-duration: var(--motion-duration-slow);
+  transition-timing-function: var(--motion-easing);
+}
+[data-slot=sidebar][data-motion=toggle] [data-slot=sidebar-container] {
+  transition-property:
+    left,
+    right,
+    width;
+  transition-duration: var(--motion-duration-slow);
+  transition-timing-function: linear;
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-slot=sidebar][data-motion] [data-slot=sidebar-container],
+  [data-slot=sidebar][data-motion] [data-slot=sidebar-gap] {
+    transition: none;
+  }
+}
+[data-slot=sidebar-inner] {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  flex-direction: column;
+  background-color: var(--sidebar);
+}
+[data-slot=sidebar][data-variant=floating] [data-slot=sidebar-inner] {
+  overflow: hidden;
+  border-radius: var(--radius-xl);
+  corner-shape: squircle;
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--warm-inset-border);
+  background-color: var(--warm-inset-frame);
+  --card-background: var(--warm-inset-frame);
+  --card-edge-border: var(--warm-inset-border);
+  box-shadow: var(--shadow-card-edge);
+}
+.dark [data-slot=sidebar][data-variant=floating] [data-slot=sidebar-inner] {
+  box-shadow: none;
+  border-top-color: color-mix(in oklab, var(--warm-inset-border) 95%, var(--gray-0));
+}
+[data-sidebar=mobile-body] {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  flex-direction: column;
+}
+[data-slot=sidebar-rail] {
+  position: absolute;
+  inset-block: 0;
+  z-index: 20;
+  display: none;
+  width: calc(var(--spacing) * 4);
+  transform: translateX(-50%);
+  transition-property:
+    opacity,
+    transform,
+    background-color;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: linear;
+}
+[data-slot=sidebar-rail]::after {
+  content: "";
+  position: absolute;
+  inset-block: 0;
+  inset-inline-start: 50%;
+  width: 2px;
+}
+[data-slot=sidebar-rail]:hover::after {
+  background-color: var(--border);
+}
+@media (width >= 40rem) {
+  [data-slot=sidebar-rail] {
+    display: flex;
+  }
+}
+[data-slot=sidebar][data-side=left] [data-slot=sidebar-rail] {
+  right: calc(var(--spacing) * -4);
+  cursor: w-resize;
+}
+[data-slot=sidebar][data-side=right] [data-slot=sidebar-rail] {
+  left: 0;
+  cursor: e-resize;
+}
+[data-slot=sidebar][data-side=left][data-state=collapsed] [data-slot=sidebar-rail] {
+  cursor: e-resize;
+}
+[data-slot=sidebar][data-side=right][data-state=collapsed] [data-slot=sidebar-rail] {
+  cursor: w-resize;
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-rail] {
+  transform: translateX(0);
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-rail]:hover {
+  background-color: var(--sidebar);
+}
+[data-slot=sidebar][data-collapsible=offcanvas] [data-slot=sidebar-rail]::after {
+  left: 100%;
+}
+[data-slot=sidebar][data-side=left][data-collapsible=offcanvas] [data-slot=sidebar-rail] {
+  right: calc(var(--spacing) * -2);
+}
+[data-slot=sidebar][data-side=right][data-collapsible=offcanvas] [data-slot=sidebar-rail] {
+  left: calc(var(--spacing) * -2);
+}
+[data-slot=sidebar-inset] {
+  position: relative;
+  display: flex;
+  min-height: 0;
+  width: 100%;
+  flex: 1;
+  flex-direction: column;
+}
+[data-slot=sidebar-inset][data-presentation=product] {
+  min-width: 0;
+  overflow: auto;
+}
+@media (width >= 48rem) {
+  [data-slot=sidebar][data-variant=inset] ~ [data-slot=sidebar-inset] {
+    margin-block: calc(var(--spacing) * 2);
+    margin-inline-start: 0;
+    margin-inline-end: calc(var(--spacing) * 2);
+    border-radius: var(--radius-xl);
+    box-shadow: var(--shadow-sm);
+  }
+  [data-slot=sidebar][data-variant=inset][data-state=collapsed] ~ [data-slot=sidebar-inset] {
+    margin-inline-start: calc(var(--spacing) * 2);
+  }
+}
+[data-slot=sidebar-header],
+[data-slot=sidebar-footer] {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--spacing) * 2);
+  padding: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-header][data-presentation=product] {
+  height: var(--header-height);
+  justify-content: flex-end;
+}
+[data-slot=sidebar-header][data-presentation=mockup] {
+  height: calc(var(--spacing) * 14);
+  justify-content: center;
+  border-bottom: 1px solid var(--border);
+}
+[data-slot=sidebar-content] {
+  display: flex;
+  min-height: 0;
+  flex: 1;
+  flex-direction: column;
+  gap: calc(var(--spacing) * 2);
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+[data-slot=sidebar-content]::-webkit-scrollbar {
+  display: none;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-content] {
+  overflow: hidden;
+}
+[data-slot=sidebar-content][data-presentation=product] {
+  padding-bottom: 0;
+}
+[data-slot=sidebar-content][data-presentation=mockup] {
+  padding-inline: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 4);
+}
+[data-slot=sidebar-group] {
+  position: relative;
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  flex-direction: column;
+  padding: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-group] {
+  align-items: center;
+  padding-inline: 0;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu] {
+  align-items: center;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-item] {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+[data-slot=sidebar-group][data-presentation=navigation][data-collapsed=true],
+[data-slot=sidebar-group][data-presentation=navigation-primary][data-collapsed=true] {
+  align-items: center;
+}
+[data-slot=sidebar-group-label] {
+  display: flex;
+  height: calc(var(--spacing) * 8);
+  flex-shrink: 0;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 2);
+  color: color-mix(in oklab, var(--foreground) 80%, transparent);
+  outline-style: none;
+  transition-property: margin, opacity;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: linear;
+}
+[data-slot=sidebar-group-label]:focus-visible {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-slot=sidebar-group-label] > svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  flex-shrink: 0;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-group-label] {
+  margin-top: 0;
+  opacity: 0;
+}
+[data-slot=sidebar-group-label][data-presentation=navigation] {
+  font-family: var(--font-mono);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: normal;
+  color: color-mix(in oklab, var(--foreground) 50%, transparent);
+}
+[data-slot=sidebar-group-action] {
+  position: absolute;
+  top: calc(var(--spacing) * 3.5);
+  right: calc(var(--spacing) * 3);
+  display: flex;
+  aspect-ratio: 1;
+  width: calc(var(--spacing) * 5);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  padding: 0;
+  color: var(--foreground);
+  outline-style: none;
+  transition-property: transform;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+}
+[data-slot=sidebar-group-action]::after {
+  content: "";
+  position: absolute;
+  inset: calc(var(--spacing) * -2);
+}
+[data-slot=sidebar-group-action]:hover {
+  background-color: var(--sidebar-accent);
+  color: var(--foreground);
+}
+[data-slot=sidebar-group-action]:focus-visible {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-slot=sidebar-group-action] > svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  flex-shrink: 0;
+}
+@media (width >= 48rem) {
+  [data-slot=sidebar-group-action]::after,
+  [data-slot=sidebar-menu-action]::after {
+    display: none;
+  }
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-group-action] {
+  display: none;
+}
+[data-slot=sidebar-group-content] {
+  width: 100%;
+}
+[data-slot=sidebar-menu] {
+  position: relative;
+  isolation: isolate;
+  display: flex;
+  width: 100%;
+  min-width: 0;
+  flex-direction: column;
+  gap: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-menu][data-spacing=collapsed] {
+  gap: 0;
+}
+[data-slot=sidebar-menu] [data-fluid-menu-item]:is(:hover, :active, :focus-visible, [data-active], [data-open], [data-popup-open]) {
+  background-color: transparent !important;
+}
+[data-slot=sidebar-menu-item],
+[data-slot=sidebar-menu-sub-item] {
+  position: relative;
+}
+[data-slot=sidebar-menu-button] {
+  display: flex;
+  width: 100%;
+  height: calc(var(--spacing) * 8);
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  padding: calc(var(--spacing) * 2);
+  text-align: left;
+  outline-style: none;
+  transition-property:
+    width,
+    height,
+    padding,
+    background-color,
+    color,
+    box-shadow;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+}
+[data-slot=sidebar-menu-button]:has(> [data-slot=notification-dot]) {
+  position: relative;
+}
+[data-slot=sidebar-menu-button]:not([data-presentation=account]) {
+  border-radius: var(--radius-full);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-slot=sidebar-menu-button] {
+    transition: none;
+  }
+}
+[data-slot=sidebar-menu-button]:hover,
+[data-slot=sidebar-menu-button]:active,
+[data-slot=sidebar-menu-button][data-open]:hover {
+  background-color: var(--sidebar-accent);
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-button]:focus-visible {
+  box-shadow: inset 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-slot=sidebar-menu-button]:disabled,
+[data-slot=sidebar-menu-button][aria-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+[data-slot=sidebar-menu-item]:has([data-sidebar=menu-action]) [data-slot=sidebar-menu-button] {
+  padding-right: calc(var(--spacing) * 4);
+}
+[data-slot=sidebar-menu-button] > span:last-child:not([data-slot=sidebar-menu-label]) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-slot=sidebar-menu-button] > [data-slot=sidebar-menu-label] {
+  position: relative;
+  min-width: 0;
+  overflow: visible;
+}
+[data-slot=sidebar-menu-label-text] {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-slot=sidebar-menu-button] svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  flex-shrink: 0;
+  transition-property: color, stroke-width;
+  transition-duration: var(--motion-duration-fast);
+}
+[data-slot=sidebar-menu-item]:hover [data-slot=sidebar-menu-button] svg,
+[data-slot=sidebar-menu-item]:focus-within [data-slot=sidebar-menu-button] svg {
+  stroke-width: 2;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-button] {
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+  padding: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-menu-button][data-size=default] {
+  height: calc(var(--spacing) * 8);
+}
+[data-slot=sidebar-menu-button][data-size=sm] {
+  height: calc(var(--spacing) * 7);
+}
+[data-slot=sidebar-menu-button][data-size=lg] {
+  height: calc(var(--spacing) * 12);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-button][data-size=lg] {
+  padding: 0;
+}
+[data-slot=sidebar-menu-button][data-variant=outline] {
+  background-color: var(--background);
+  box-shadow: 0 0 0 1px var(--border);
+}
+[data-slot=sidebar-menu-button][data-variant=outline]:hover {
+  background-color: var(--sidebar-accent);
+  color: var(--foreground);
+  box-shadow: 0 0 0 1px var(--sidebar-accent);
+}
+[data-slot=sidebar-menu-button][data-active] {
+  background-color: var(--button-primary-bg);
+  background-image: var(--button-primary-gradient);
+  color: var(--button-primary-foreground);
+  box-shadow: var(--button-primary-shadow);
+}
+[data-slot=sidebar-menu-button][data-active]:hover {
+  background-color: var(--button-primary-hover);
+  background-image: var(--button-primary-gradient-hover);
+  color: var(--button-primary-foreground);
+}
+[data-slot=sidebar-menu-button][data-collapsed=true],
+[data-slot=sidebar-menu-button][data-presentation=previewCollapsed] {
+  margin-inline: auto;
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+  gap: 0;
+  padding: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-menu-button][data-presentation=sidebarIcon] {
+  margin-inline: auto;
+  width: calc(var(--spacing) * 9);
+  height: calc(var(--spacing) * 9);
+  justify-content: center;
+  gap: 0;
+  overflow: visible;
+  padding: 0;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-button][data-presentation=sidebarIcon] {
+  width: calc(var(--spacing) * 9);
+  height: calc(var(--spacing) * 9);
+  padding: 0;
+}
+[data-slot=sidebar-menu-button][data-presentation=sidebarIcon] > span:last-child {
+  display: none;
+}
+[data-slot=sidebar-menu-button][data-presentation=sidebarIcon][data-active] {
+  background-color: var(--sidebar-accent);
+  background-image: none;
+  box-shadow: var(--button-ghost-shadow);
+}
+[data-slot=sidebar-menu-button][data-presentation=account] {
+  height: calc(var(--spacing) * 12);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-button][data-presentation=account] {
+  margin-inline: auto;
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+  justify-content: center;
+  gap: 0;
+  padding: 0;
+}
+[data-slot=sidebar-menu-button][data-presentation=navigation] {
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-button][data-presentation=navigation]:hover,
+[data-slot=sidebar-menu-button][data-presentation=navigation]:active,
+[data-slot=sidebar-menu-button][data-presentation=navigation][data-open]:hover {
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-button][data-presentation=navigation][data-active],
+[data-slot=sidebar-menu-button][data-presentation=navigation][data-active]:hover {
+  color: var(--button-primary-foreground);
+}
+[data-slot=sidebar-menu-button][data-muted] {
+  color: color-mix(in oklab, var(--muted-foreground) 50%, transparent);
+}
+[data-slot=sidebar-menu-action] {
+  position: absolute;
+  top: calc(var(--spacing) * 1.5);
+  right: var(--spacing);
+  display: flex;
+  aspect-ratio: 1;
+  width: calc(var(--spacing) * 5);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  padding: 0;
+  color: var(--foreground);
+  outline-style: none;
+  transition-property: transform;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+}
+[data-slot=sidebar-menu-action]::after {
+  content: "";
+  position: absolute;
+  inset: calc(var(--spacing) * -2);
+}
+[data-slot=sidebar-menu-action]:hover,
+[data-slot=sidebar-menu-button]:hover ~ [data-slot=sidebar-menu-action] {
+  background-color: var(--sidebar-accent);
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-button]:hover ~ [data-slot=sidebar-menu-action] {
+  background-color: transparent;
+}
+[data-slot=sidebar-menu-action]:focus-visible {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-slot=sidebar-menu-action] > svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  flex-shrink: 0;
+}
+[data-slot=sidebar-menu-button][data-size=sm] ~ [data-slot=sidebar-menu-action],
+[data-slot=sidebar-menu-button][data-size=sm] ~ [data-slot=sidebar-menu-badge] {
+  top: var(--spacing);
+}
+[data-slot=sidebar-menu-button][data-size=default] ~ [data-slot=sidebar-menu-action],
+[data-slot=sidebar-menu-button][data-size=default] ~ [data-slot=sidebar-menu-badge] {
+  top: calc(var(--spacing) * 1.5);
+}
+[data-slot=sidebar-menu-button][data-size=lg] ~ [data-slot=sidebar-menu-action],
+[data-slot=sidebar-menu-button][data-size=lg] ~ [data-slot=sidebar-menu-badge] {
+  top: calc(var(--spacing) * 2.5);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-action],
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-badge],
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-sub],
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-menu-sub-button] {
+  display: none;
+}
+@media (width >= 48rem) {
+  [data-slot=sidebar-menu-action][data-show-on-hover=true] {
+    opacity: 0;
+  }
+}
+[data-slot=sidebar-menu-item]:focus-within [data-slot=sidebar-menu-action][data-show-on-hover=true],
+[data-slot=sidebar-menu-item]:hover [data-slot=sidebar-menu-action][data-show-on-hover=true],
+[data-slot=sidebar-menu-action][data-show-on-hover=true][aria-expanded=true] {
+  opacity: 1;
+}
+[data-slot=sidebar-menu-button][data-active] ~ [data-slot=sidebar-menu-action][data-show-on-hover=true] {
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-badge] {
+  pointer-events: none;
+  position: absolute;
+  right: var(--spacing);
+  display: flex;
+  height: calc(var(--spacing) * 5);
+  min-width: calc(var(--spacing) * 5);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 2);
+  color: var(--foreground);
+  font-family: var(--font-mono);
+  font-variant-numeric: tabular-nums;
+  letter-spacing: normal;
+  user-select: none;
+}
+[data-slot=sidebar-menu-button]:hover ~ [data-slot=sidebar-menu-badge] {
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-button][data-active] ~ [data-slot=sidebar-menu-badge] {
+  color: var(--button-primary-foreground);
+}
+[data-slot=sidebar-menu-badge][data-presentation=attention] {
+  animation: warm-sidebar-badge-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+}
+@keyframes warm-sidebar-badge-pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+[data-slot=sidebar-menu-skeleton] {
+  display: flex;
+  height: calc(var(--spacing) * 8);
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-menu-sub] {
+  display: flex;
+  min-width: 0;
+  transform: translateX(1px);
+  flex-direction: column;
+  gap: calc(var(--spacing) * 2);
+  margin-inline: calc(var(--spacing) * 4);
+  border-left: 1px solid var(--border);
+  padding: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-menu-sub-button] {
+  display: flex;
+  height: calc(var(--spacing) * 7);
+  min-width: 0;
+  transform: translateX(-1px);
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+  overflow: hidden;
+  border-radius: var(--radius-lg);
+  padding-inline: calc(var(--spacing) * 2);
+  color: var(--foreground);
+  outline-style: none;
+}
+[data-slot=sidebar-menu-sub-button]:hover,
+[data-slot=sidebar-menu-sub-button]:active,
+[data-slot=sidebar-menu-sub-button][data-active] {
+  background-color: var(--sidebar-accent);
+  color: var(--foreground);
+}
+[data-slot=sidebar-menu-sub-button]:focus-visible {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-slot=sidebar-menu-sub-button]:disabled,
+[data-slot=sidebar-menu-sub-button][aria-disabled=true] {
+  pointer-events: none;
+  opacity: 0.5;
+}
+[data-slot=sidebar-menu-sub-button] > span:last-child {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-slot=sidebar-menu-sub-button] > svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+  flex-shrink: 0;
+  color: var(--foreground);
+}
+[data-slot=sidebar-icon] {
+  display: inline-flex;
+  width: calc(var(--spacing) * 3.5);
+  height: calc(var(--spacing) * 3.5);
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+[data-slot=sidebar-icon] svg {
+  width: calc(var(--spacing) * 3.5);
+  height: calc(var(--spacing) * 3.5);
+  flex-shrink: 0;
+}
+[data-slot=sidebar-icon][data-tone=warning] {
+  color: var(--warning);
+}
+[data-sidebar-hide-when-collapsed=true] {
+  display: inline-flex;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-hide-when-collapsed=true] {
+  display: none;
+}
+[data-slot=sidebar-brand] {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: space-between;
+  gap: calc(var(--spacing) * 2);
+  padding-inline: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-brand] {
+  justify-content: center;
+  padding-inline: 0;
+}
+[data-sidebar-brand-mark=true] {
+  position: relative;
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  border-radius: var(--radius-lg);
+  outline-style: none;
+}
+[data-sidebar-brand-mark=true]:focus-within {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--ring);
+}
+[data-sidebar-brand-mark=true] > :first-child {
+  display: flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--foreground);
+  transition-property: color;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+}
+[data-sidebar-brand-mark=true] > :first-child:hover {
+  color: var(--foreground);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-brand-mark=true],
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-brand-mark=true] > :first-child {
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-brand-mark=true] > :first-child {
+  opacity: 0;
+}
+[data-sidebar-brand-collapsed=true] {
+  pointer-events: none;
+  position: absolute;
+  inset: 0;
+  display: none;
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-lg);
+  color: var(--foreground);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-brand-collapsed=true] {
+  display: flex;
+}
+[data-sidebar-brand-collapsed=true] > * {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  align-items: center;
+  justify-content: center;
+}
+[data-slot=sidebar-brand] > [data-sidebar-hide-when-collapsed=true] {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--spacing) * 2);
+}
+[data-slot=sidebar-account-avatar] {
+  display: grid;
+  width: calc(var(--spacing) * 8);
+  height: calc(var(--spacing) * 8);
+  flex-shrink: 0;
+  place-items: center;
+  border-radius: var(--radius-lg);
+  background-color: var(--primary);
+  color: var(--primary-foreground);
+}
+[data-slot=sidebar][data-collapsible=icon] [data-slot=sidebar-account-avatar] {
+  border-radius: var(--radius-full);
+}
+[data-slot=sidebar-account-avatar] svg {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+}
+[data-sidebar=account-details] {
+  min-width: 0;
+  flex: 1;
+  text-align: left;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar=account-details],
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-account-chevron=true] {
+  display: none;
+}
+[data-slot=sidebar-account-label],
+[data-slot=sidebar-account-email] {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+[data-slot=sidebar-account-email] {
+  color: color-mix(in oklab, var(--foreground) 50%, transparent);
+}
+[data-sidebar-account-chevron=true] {
+  margin-left: auto;
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 4);
+}
+[data-sidebar-navigation-collapsed] {
+  display: none;
+}
+[data-sidebar-account-collapsed=true] {
+  display: none;
+}
+[data-sidebar-account-expanded=true] {
+  display: flex;
+  min-height: calc(var(--spacing) * 12);
+  flex-shrink: 0;
+  align-items: center;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-account-collapsed=true] {
+  display: flex;
+  justify-content: center;
+}
+[data-slot=sidebar][data-collapsible=icon] [data-sidebar-account-expanded=true] {
+  display: none;
+}
+@media (width >= 48rem) and (width < 80rem) {
+  [data-force-icon-at-tablet=true] [data-sidebar-navigation-expanded] {
+    display: none;
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-navigation-collapsed] {
+    display: block;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar][data-variant=floating] [data-slot=sidebar-gap],
+  [data-force-icon-at-tablet=true] [data-slot=sidebar][data-variant=inset] [data-slot=sidebar-gap] {
+    width: calc(var(--sidebar-width-icon) + (var(--spacing) * 8) + 2px);
+    transition: width var(--motion-duration-slow) linear;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar][data-variant=floating] [data-slot=sidebar-container],
+  [data-force-icon-at-tablet=true] [data-slot=sidebar][data-variant=inset] [data-slot=sidebar-container] {
+    width: calc(var(--sidebar-width-icon) + (var(--spacing) * 8) + 2px);
+    padding: calc(var(--spacing) * 4);
+    transition: width var(--motion-duration-slow) linear;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-content] {
+    overflow: hidden;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-group] {
+    align-items: center;
+    padding-inline: calc(var(--spacing) * 2);
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-group-label] {
+    display: none;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu] {
+    gap: calc(var(--spacing) * 2);
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-item] {
+    display: flex;
+    width: 100%;
+    justify-content: center;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-button]:not([data-presentation=sidebarIcon]) {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    margin-inline: auto;
+    justify-content: center;
+    gap: 0;
+    padding: calc(var(--spacing) * 2);
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-button] > span:not([aria-hidden=true]),
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-button] [data-slot=sidebar-account-label],
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-button] [data-slot=sidebar-account-email],
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-button] > svg,
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-menu-badge] {
+    display: none;
+  }
+  [data-force-icon-at-tablet=true] [data-slot=sidebar-brand] {
+    justify-content: center;
+    padding-inline: 0;
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-brand-mark] {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-brand-mark] > :first-child {
+    width: calc(var(--spacing) * 8);
+    height: calc(var(--spacing) * 8);
+    opacity: 0;
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-brand-collapsed] {
+    display: flex;
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-utility-controls] {
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    gap: calc(var(--spacing) * 2);
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-account-collapsed] {
+    display: flex;
+    justify-content: center;
+  }
+  [data-force-icon-at-tablet=true] [data-sidebar-account-expanded] {
+    display: none;
+  }
+}
+
+/* ../ui/src/warmio/button/button.css */
+[data-warm-button] {
+  position: relative;
+  isolation: isolate;
+  border: 0 solid;
+  background: transparent;
+  background-clip: padding-box;
+  padding: 0;
+  margin: 0;
+  font: inherit;
+  color: inherit;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--radius-full);
+  font-size: var(--type-size-body);
+  font-weight: 400;
+  line-height: 1.25;
+  white-space: nowrap;
+  transition-property: var(--button-transition-property);
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: ease-out;
+  outline: none;
+  user-select: none;
+  box-sizing: border-box;
+  flex-shrink: 0;
+}
+[data-warm-button]::before {
+  content: "";
+  position: absolute;
+  z-index: -1;
+  inset: 0;
+  border-radius: inherit;
+  background-color: transparent;
+  background-image: none;
+  background-clip: inherit;
+  box-shadow: none;
+  pointer-events: none;
+  transition-property: var(--button-surface-transition-property);
+  transition-duration:
+    var(--motion-duration-normal),
+    var(--motion-duration-fast),
+    var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+}
+[data-warm-button]:focus-visible {
+  box-shadow: 0 0 0 var(--focus-ring-width) var(--focus);
+}
+[data-warm-button][data-width=full] {
+  width: 100%;
+}
+[data-warm-button]:not(:disabled):not([aria-disabled=true]):hover {
+  filter: brightness(var(--button-hover-brightness));
+}
+[data-slot=toggle-group][data-appearance=segmented]:has([data-slot=toggle-group-item][data-pressed]:hover:not(:disabled):not([aria-disabled=true])) [data-slot=toggle-group-indicator] {
+  filter: brightness(var(--button-hover-brightness));
+}
+[data-warm-button]:not(:disabled):not([aria-disabled=true]):not([data-variant=arrow]):active::before {
+  inset: var(--button-press-inset);
+  transition-duration: var(--motion-duration-fast);
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-warm-button],
+  [data-warm-button]::before {
+    transition: none;
+  }
+  [data-warm-button]:not(:disabled):not([aria-disabled=true]):not([data-variant=arrow]):active::before {
+    inset: 0;
+  }
+}
+[data-warm-button][data-variant=default] {
+  color: var(--button-primary-foreground);
+}
+[data-warm-button][data-variant=default]::before {
+  background-color: var(--button-primary-bg);
+  background-image: var(--button-primary-gradient);
+  box-shadow: var(--button-primary-shadow);
+}
+[data-warm-button][data-variant=default]:hover::before {
+  background-color: var(--button-primary-hover);
+  background-image: var(--button-primary-gradient-hover);
+}
+[data-warm-button][data-variant=default]:active::before {
+  background-color: var(--button-primary-active);
+}
+[data-warm-button][data-variant=outline] {
+  border-style: none;
+  color: var(--background);
+}
+[data-warm-button][data-variant=outline]::before {
+  background-color: var(--background);
+  background-image: var(--button-outline-fill-image);
+  box-shadow: var(--button-outline-shadow);
+}
+[data-warm-button][data-variant=outline]:hover {
+  color: var(--background);
+}
+[data-warm-button][data-variant=outline]:hover::before {
+  background-color: var(--muted);
+  background-image: var(--button-outline-fill-image-hover);
+}
+[data-warm-button][data-variant=outline]:active::before {
+  background-color: var(--muted);
+}
+[data-warm-button][data-variant=ghost]::before {
+  background-color: transparent;
+  box-shadow: var(--button-ghost-shadow);
+}
+[data-warm-button][data-variant=ghost]:hover {
+  color: var(--foreground);
+}
+[data-warm-button][data-variant=ghost]:hover::before {
+  background-color: var(--muted);
+}
+.dark [data-warm-button][data-variant=ghost]:hover::before {
+  background-color: color-mix(in oklab, var(--muted) 50%, transparent);
+}
+[data-warm-button][data-variant=destructive] {
+  color: var(--destructive);
+}
+[data-warm-button] [data-slot=loader-spinner] {
+  color: inherit;
+}
+[data-warm-button][data-variant=destructive]::before {
+  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
+}
+[data-warm-button][data-variant=destructive]:hover::before {
+  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+}
+.dark [data-warm-button][data-variant=destructive]::before {
+  background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
+}
+[data-warm-button][data-variant=apple] {
+  color: var(--apple-button-foreground) !important;
+}
+[data-warm-button][data-variant=apple]::before {
+  background-color: var(--apple-button-background) !important;
+  box-shadow: none;
+}
+button[data-warm-button][data-variant=apple] {
+  appearance: button;
+  background-clip: padding-box;
+}
+[data-warm-button][data-variant=apple]:hover {
+  color: var(--apple-button-foreground);
+}
+[data-warm-button][data-variant=apple]:hover::before {
+  background-color: var(--apple-button-background) !important;
+}
+[data-warm-button][data-variant=arrow] {
+  border-width: 0;
+  text-decoration: underline;
+}
+[data-warm-button][data-variant=arrow] svg {
+  width: var(--icon-size);
+  height: var(--icon-size);
+  transition: transform var(--motion-duration-normal);
+}
+[data-warm-button][data-variant=arrow]:hover svg {
+  transform: translate(calc(var(--motion-distance) / 2), calc(-1 * var(--motion-distance) / 2));
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-warm-button][data-variant=arrow]:hover svg {
+    transform: none;
+    transition: none;
+  }
+}
+[data-warm-button][data-size=compact] {
+  height: var(--control-height-sm);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+  gap: var(--spacing-sm);
+}
+[data-warm-button][data-size=default] {
+  height: var(--control-height);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+  gap: var(--spacing-sm);
+}
+[data-warm-button][data-size=jumbo] {
+  height: var(--control-height-lg);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+  font-size: var(--type-size-body);
+  font-weight: 500;
+  line-height: 1.25;
+  gap: var(--spacing-sm);
+}
+[data-warm-button][data-size=icon] {
+  width: var(--control-height);
+  height: var(--control-height);
+}
+[data-warm-button][data-size=default][data-explicit-size] {
+  padding-top: var(--spacing-sm);
+  padding-bottom: var(--spacing-sm);
+  background-clip: border-box;
+}
+[data-warm-button][data-presentation=assistantIcon]:not([data-explicit-size]) {
+  width: var(--control-height-sm);
+  height: var(--control-height-sm);
+  padding: var(--spacing-sm);
+}
+[data-warm-button][data-presentation=assistantRoundIcon]:not([data-explicit-size]) {
+  width: var(--control-height);
+  height: var(--control-height);
+}
+[data-warm-button][data-presentation=composerIcon]:not([data-explicit-size]) {
+  width: var(--control-height-sm);
+  height: var(--control-height-sm);
+  padding: var(--spacing-sm);
+}
+[data-warm-button][data-presentation=editPill]:not([data-explicit-size]) {
+  height: var(--control-height-sm);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+}
+[data-warm-button][data-presentation=hero]:not([data-explicit-size]) {
+  height: var(--control-height-lg);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+  padding-top: var(--spacing-sm);
+  padding-bottom: var(--spacing-sm);
+  font-size: var(--type-size-body);
+  font-weight: 500;
+  line-height: 1.25;
+  background-clip: border-box;
+}
+[data-warm-button][data-presentation=promptCategory]:not([data-explicit-size]) {
+  height: var(--control-height);
+  gap: var(--spacing-sm);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+  font-size: var(--type-size-body);
+  font-weight: 400;
+  color: var(--foreground);
+  transition-property: var(--button-transition-property-colors);
+}
+[data-warm-button][data-presentation=promptCategory]:not([data-explicit-size])::before {
+  background-color: var(--background);
+}
+[data-warm-button][data-presentation=promptCategory][data-variant=default]::before {
+  box-shadow: var(--shadow-sm) !important;
+}
+[data-warm-button][data-presentation=promptCategory]:not([data-explicit-size]):not([data-variant=arrow])::before {
+  box-shadow: var(--shadow-sm) !important;
+}
+[data-warm-button][data-presentation=promptCategory]:hover::before {
+  background-color: var(--muted);
+}
+[data-warm-button][data-presentation=promptOption]:not([data-explicit-size]) {
+  height: auto;
+  min-height: calc(var(--spacing) * 16);
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-lg);
+  font-size: var(--type-size-body);
+}
+[data-warm-button][data-presentation=sidebarIcon]:not([data-explicit-size]) {
+  color: var(--foreground);
+  background-clip: border-box;
+}
+[data-warm-button][data-presentation=sidebarIcon]:hover {
+  color: var(--foreground);
+}
+[data-warm-button][data-presentation=sidebarIcon]:hover::before {
+  background-color: var(--sidebar-accent);
+}
+[data-warm-button][data-presentation=tableHeader]:not([data-explicit-size]) {
+  height: auto;
+  min-height: 0;
+  width: 100%;
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  padding: 0;
+  font-weight: 400;
+  line-height: 1.25;
+  color: var(--muted-foreground);
+}
+[data-warm-button][data-presentation=tableHeader]:hover {
+  color: var(--foreground);
+}
+[data-warm-button][data-presentation=tableHeader]:hover::before {
+  background-color: transparent;
+}
+[data-warm-button][data-presentation=tableHeaderLink]:not([data-explicit-size]) {
+  height: auto;
+  min-height: 0;
+  width: 100%;
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  padding: 0;
+  border-radius: 0;
+  font-weight: 400;
+  line-height: 1.25;
+  color: var(--muted-foreground);
+  text-decoration: underline;
+  text-decoration-thickness: var(--button-underline-thickness);
+  text-underline-offset: var(--button-underline-offset);
+}
+[data-warm-button][data-presentation=tableHeaderLink]::before {
+  background-image: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+[data-warm-button][data-presentation=tableHeaderLink]:focus-visible {
+  box-shadow: none;
+}
+[data-warm-button][data-presentation=tableHeaderLink]:hover {
+  color: var(--foreground);
+}
+[data-warm-button][data-presentation=tableHeaderLink]:hover::before {
+  background-image: none;
+  background-color: transparent;
+  box-shadow: none;
+}
+[data-warm-button][data-presentation=touch]:not([data-explicit-size]) {
+  min-height: var(--control-height-lg);
+}
+[data-warm-button][data-presentation=headerAction]:not([data-explicit-size]) {
+  width: auto;
+  height: var(--control-height-sm);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+}
+[data-warm-button][data-presentation=threadMore]:not([data-explicit-size]) {
+  width: var(--control-height-sm);
+  height: var(--control-height-sm);
+  padding: 0;
+}
+[data-warm-button][data-presentation=threadNew]:not([data-explicit-size]) {
+  height: var(--control-height-sm);
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  padding-left: var(--spacing-sm);
+  padding-right: var(--spacing-sm);
+  font-size: var(--type-size-body);
+  font-weight: 400;
+}
+[data-warm-button][data-presentation=threadNew]:hover::before {
+  background-color: var(--muted);
+}
+[data-warm-button][data-presentation=compact]:not([data-explicit-size]) {
+  height: var(--control-height-sm);
+  padding-left: var(--spacing-lg);
+  padding-right: var(--spacing-lg);
+}
+[data-warm-button][data-presentation=default]:not([data-explicit-size]),
+[data-warm-button][data-presentation=controlPeer]:not([data-explicit-size]) {
+  padding-top: var(--spacing-sm);
+  padding-bottom: var(--spacing-sm);
+  background-clip: border-box;
+}
+[data-warm-button][data-presentation=menuOption]:not([data-explicit-size]) {
+  height: auto;
+  min-height: calc(var(--spacing) * 16);
+  align-items: flex-start;
+  justify-content: flex-start;
+  gap: var(--spacing-sm);
+  padding: var(--spacing-lg);
+}
+[data-warm-button][data-variant=arrow][data-variant=arrow] {
+  height: auto;
+  padding: 0;
+  gap: var(--spacing-sm);
+  border-radius: 0;
+  color: var(--foreground);
+  font-size: var(--type-size-body);
+  line-height: 1.25;
+  font-weight: 500;
+}
+[data-warm-button][data-variant=arrow][data-variant=arrow]::before {
+  background-color: transparent;
+  background-image: none;
+  box-shadow: none;
+}
+[data-warm-button] svg {
+  pointer-events: none;
+  flex-shrink: 0;
+}
+[data-warm-button] svg:not([class*=size-]) {
+  width: var(--icon-size);
+  height: var(--icon-size);
+}
+[data-warm-button][data-presentation=assistantIcon]:not([data-explicit-size]) svg:not([class*=size-]),
+[data-warm-button][data-presentation=threadMore]:not([data-explicit-size]) svg:not([class*=size-]) {
+  width: var(--icon-size-sm);
+  height: var(--icon-size-sm);
+}
+[data-warm-button][aria-invalid] {
+  box-shadow: 0 0 0 var(--focus-ring-width) color-mix(in oklab, var(--destructive) 20%, transparent);
+}
+.dark [data-warm-button][aria-invalid] {
+  box-shadow: 0 0 0 var(--focus-ring-width) color-mix(in oklab, var(--destructive) 50%, transparent);
+}
+[data-warm-button][data-variant=ghost][aria-expanded=true] {
+  color: var(--foreground);
+}
+[data-warm-button][data-variant=ghost][aria-expanded=true]::before {
+  background-color: var(--muted);
+}
+[data-warm-button]:disabled {
+  pointer-events: none;
+  opacity: 0.5;
+}
+[data-warm-button][data-variant=apple]:disabled {
+  opacity: 1;
+}
+[data-warm-button][data-presentation=cardTitle]:not([data-explicit-size]) {
+  height: auto;
+  min-height: 0;
+  min-width: 0;
+  justify-content: flex-start;
+  padding: 0;
+  border-radius: var(--radius-sm);
+  color: inherit;
+  font: inherit;
+  text-align: left;
+}
+[data-warm-button][data-presentation=cardTitle]::before {
+  display: none;
+}
+
+/* ../ui/src/warmio/form-autofill.css */
+:is(input[data-slot=input]:not([type=file]):not([type=hidden]), input[data-slot=input-group-control], input[data-slot=mask-input], textarea[data-slot=textarea]):is(:autofill, :-webkit-autofill) {
+  background-color: var(--background);
+  color: var(--foreground);
+  caret-color: var(--foreground);
+  -webkit-text-fill-color: var(--foreground);
+  transition: background-color 600000s 0s;
+}
+.dark :is(input[data-slot=input]:not([type=file]):not([type=hidden]), input[data-slot=input-group-control], input[data-slot=mask-input], textarea[data-slot=textarea]):is(:autofill, :-webkit-autofill) {
+  background-color: var(--input);
+}
+
+/* ../ui/src/warmio/input/input.css */
+[data-slot=input],
+[data-slot=input-group-control],
+[data-slot=sidebar-input] {
+  --field-inset: 0 0 transparent;
+  --field-ring: 0 0 transparent;
+  --field-shadow: inset 0 1px 1px var(--shadow-color);
+  width: 100%;
+  min-width: 0;
+  height: var(--control-height);
+  appearance: none;
+  border-radius: var(--radius-full);
+  border: 1px solid var(--input);
+  background-color: var(--background);
+  padding-inline: calc(var(--spacing) * 2);
+  color: var(--foreground);
+  font-size: var(--type-size-body);
+  box-shadow:
+    var(--field-ring),
+    var(--field-shadow),
+    var(--field-inset);
+  transition-property: color, box-shadow;
+  transition-duration: var(--motion-duration-normal);
+  transition-timing-function: var(--motion-easing);
+  outline: none;
+}
+[data-slot=input][type=password]::-ms-reveal,
+[data-slot=input-group-control][type=password]::-ms-reveal {
+  display: none;
+}
+[data-slot=input] {
+  --field-inset: 0 0 0 1px var(--black-20);
+}
+[data-slot=input]::file-selector-button,
+[data-slot=input-group-control]::file-selector-button,
+[data-slot=sidebar-input]::file-selector-button {
+  display: inline-flex;
+  height: calc(var(--spacing) * 7);
+  border-style: solid;
+  border-width: 0;
+  background-color: transparent;
+  color: var(--foreground);
+  font-size: var(--type-size-body);
+  font-weight: 400;
+  line-height: 1.25;
+}
+[data-slot=input]::placeholder,
+[data-slot=input-group-control]::placeholder,
+[data-slot=sidebar-input]::placeholder {
+  color: var(--muted-foreground);
+}
+[data-slot=input]:focus-visible,
+[data-slot=sidebar-input]:focus-visible {
+  border-color: var(--ring);
+  --field-ring: 0 0 0 var(--focus-ring-width) var(--focus);
+}
+[data-slot=input]:disabled,
+[data-slot=input-group-control]:disabled,
+[data-slot=sidebar-input]:disabled {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 50%;
+}
+[data-slot=input][aria-invalid=true],
+[data-slot=sidebar-input][aria-invalid=true] {
+  border-color: var(--destructive);
+  --field-ring: 0 0 0 var(--focus-ring-width) color-mix(in oklab, var(--destructive) 20%, transparent);
+}
+.dark [data-slot=input],
+.dark [data-slot=sidebar-input] {
+  background-color: var(--input);
+}
+.dark [data-slot=input][aria-invalid=true],
+.dark [data-slot=sidebar-input][aria-invalid=true] {
+  border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
+  --field-ring: 0 0 0 var(--focus-ring-width) color-mix(in oklab, var(--destructive) 50%, transparent);
+}
+[data-slot=input][data-text-style=code] {
+  font-family: var(--font-mono);
+  font-variant-numeric: tabular-nums;
+}
+[data-slot=input][data-text-style=tabular] {
+  font-variant-numeric: tabular-nums;
+}
+[data-slot=input-group-control] {
+  flex: 1;
+  border-radius: 0;
+  border-width: 0;
+  background-color: transparent;
+  padding-block: calc(var(--spacing) * 2);
+  --field-shadow: 0 0 transparent;
+  --field-ring: 0 0 transparent;
+}
+[data-slot=input-group-control]:disabled {
+  opacity: 100%;
+}
+.dark [data-slot=input-group-control] {
+  background-color: transparent;
+}
+[data-slot=sidebar-input] {
+  height: calc(var(--spacing) * 8);
+  border-radius: var(--radius-md);
+  padding-block: calc(var(--spacing) * 2);
+  --field-shadow: 0 0 transparent;
+}
+
+/* ../ui/src/warmio/separator/separator.css */
+[data-slot=separator],
+[data-slot=sidebar-separator],
+[data-slot=field-separator-rule] {
+  flex-shrink: 0;
+  background-color: var(--border);
+}
+[data-slot=separator][data-orientation=horizontal],
+[data-slot=sidebar-separator][data-orientation=horizontal],
+[data-slot=field-separator-rule][data-orientation=horizontal] {
+  height: 1px;
+  width: 100%;
+}
+[data-slot=separator][data-orientation=vertical],
+[data-slot=sidebar-separator][data-orientation=vertical],
+[data-slot=field-separator-rule][data-orientation=vertical] {
+  width: 1px;
+  align-self: stretch;
+}
+[data-slot=sidebar-separator] {
+  margin-inline: calc(var(--spacing) * 2);
+  background-color: var(--border);
+}
+[data-slot=sidebar-separator][data-orientation=horizontal] {
+  width: auto;
+}
+[data-slot=field-separator-rule] {
+  position: absolute;
+  inset: calc(var(--spacing) * 0);
+  top: calc(1 / 2 * 100%);
+}
+[data-slot=warm-divider-label] {
+  position: relative;
+  font-size: var(--type-size-caption);
+  letter-spacing: 0.05em;
+  text-transform: uppercase;
+}
+[data-slot=warm-divider-label-rule] {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+}
+[data-slot=warm-divider-label-center] {
+  position: relative;
+  display: flex;
+  justify-content: center;
+}
+[data-slot=warm-divider-label-text] {
+  padding-inline: calc(var(--spacing) * 2);
+  color: var(--muted-foreground);
+}
+[data-slot=warm-divider-label-text][data-surface=background] {
+  background-color: var(--background);
+}
+[data-slot=warm-divider-label-text][data-surface=card] {
+  background-color: var(--card);
+}
+
+/* ../ui/src/warmio/sheet/sheet.css */
+[data-slot=sheet-overlay] {
+  position: fixed;
+  inset: 0;
+  z-index: var(--z-overlay-backdrop);
+  background-color: var(--black-50);
+}
+@supports (backdrop-filter: blur(2px)) {
+  [data-slot=sheet-overlay] {
+    -webkit-backdrop-filter: blur(2px);
+    backdrop-filter: blur(2px);
+  }
+}
+[data-visually-hidden] {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip-path: inset(50%);
+  white-space: nowrap;
+  border-width: 0;
+}
+[data-slot=sheet-content] {
+  --sheet-inset-top: max(1rem, var(--safe-area-inset-top));
+  --sheet-inset-right: max(1rem, var(--safe-area-inset-right));
+  --sheet-inset-bottom: max(1rem, var(--safe-area-inset-bottom));
+  --sheet-inset-left: max(1rem, var(--safe-area-inset-left));
+  position: fixed;
+  z-index: calc(var(--z-overlay-backdrop) + 1);
+  display: flex;
+  min-height: 0;
+  flex-direction: column;
+  gap: 0;
+  border-radius: var(--radius-xl);
+  border-style: solid;
+  border-width: 1px;
+  border-color: var(--border);
+  background-color: var(--popover);
+  background-clip: padding-box;
+  color: var(--foreground);
+  box-shadow: var(--shadow-lg);
+}
+[data-slot=sheet-content][data-side=bottom],
+[data-slot=sheet-content][data-side=responsive] {
+  top: auto;
+  right: var(--sheet-inset-right);
+  bottom: var(--sheet-inset-bottom);
+  left: var(--sheet-inset-left);
+  width: auto;
+  height: auto;
+  max-height: calc(100dvh - var(--sheet-inset-top) - var(--sheet-inset-bottom));
+}
+[data-slot=sheet-content][data-side=right] {
+  top: var(--sheet-inset-top);
+  right: var(--sheet-inset-right);
+  bottom: var(--sheet-inset-bottom);
+  left: auto;
+  width: 75%;
+  height: auto;
+}
+[data-slot=sheet-content][data-side=left] {
+  top: var(--sheet-inset-top);
+  right: auto;
+  bottom: var(--sheet-inset-bottom);
+  left: var(--sheet-inset-left);
+  width: 75%;
+  height: auto;
+}
+@media (width >= 40rem) {
+  [data-slot=sheet-content][data-side=left],
+  [data-slot=sheet-content][data-side=right] {
+    max-width: 24rem;
+  }
+}
+[data-slot=sheet-content][data-side=top] {
+  top: var(--sheet-inset-top);
+  right: var(--sheet-inset-right);
+  bottom: auto;
+  left: var(--sheet-inset-left);
+  width: auto;
+  height: auto;
+  max-height: calc(100dvh - var(--sheet-inset-top) - var(--sheet-inset-bottom));
+}
+@media (width >= 64rem) {
+  [data-slot=sheet-content][data-side=responsive][data-side=responsive] {
+    top: var(--sheet-inset-top);
+    right: var(--sheet-inset-right);
+    bottom: var(--sheet-inset-bottom);
+    left: auto;
+    width: 75%;
+    max-width: 24rem;
+    height: auto;
+    max-height: none;
+  }
+}
+[data-slot=sheet-content][data-mobile=true] {
+  width: var(--sidebar-width-mobile);
+  padding: 0;
+  background-color: var(--sidebar);
+  color: var(--foreground);
+}
+.dark [data-slot=sheet-content][data-mobile=true] {
+  background-color: var(--card);
+}
+[data-slot=sheet-header] {
+  display: grid;
+  flex: 0 0 auto;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: start;
+  column-gap: calc(var(--spacing) * 4);
+  row-gap: calc(var(--spacing) * 2);
+  padding: calc(var(--spacing) * 4);
+}
+[data-slot=sheet-header] > [data-slot=sheet-title] {
+  grid-column: 1;
+  grid-row: 1;
+  align-self: center;
+  min-width: 0;
+  color: var(--foreground);
+}
+[data-slot=sheet-header] > [data-slot=sheet-description] {
+  grid-column: 1;
+  grid-row: 2;
+  color: var(--muted-foreground);
+}
+[data-slot=sheet-header] > [data-slot=sheet-close] {
+  grid-column: 2;
+  grid-row: 1;
+  align-self: center;
+  justify-self: end;
+}
+[data-slot=sheet-header] > :not([data-slot=sheet-title]):not([data-slot=sheet-description]):not([data-slot=sheet-close]) {
+  grid-column: 1 / -1;
+}
+[data-slot=sheet-footer] {
+  display: flex;
+  flex: 0 0 auto;
+  flex-flow: row wrap;
+  align-items: center;
+  justify-content: flex-end;
+  width: 100%;
+  gap: calc(var(--spacing) * 2);
+  margin-top: auto;
+  border-top: 1px solid var(--border);
+  padding: calc(var(--spacing) * 4);
+}
+[data-slot=sheet-footer] > :first-child {
+  margin-inline-end: auto;
+}
+[data-slot=sheet-footer] > :only-child {
+  margin-inline-end: 0;
+}
+[data-slot=sheet-content][data-presentation=navigation] {
+  gap: 0;
+  overflow: hidden;
+  border-color: var(--border);
+  padding: 0;
+  background-color: var(--sidebar);
+  color: var(--foreground);
+}
+@media (width < 64rem) {
+  [data-slot=sheet-content][data-presentation=navigation] {
+    width: auto;
+  }
+}
+@media (width >= 64rem) {
+  [data-slot=sheet-content][data-presentation=navigation] {
+    width: var(--sidebar-width-mobile);
+  }
+}
+@media (width >= 48rem) {
+  [data-slot=sheet-content][data-presentation=navigation][data-responsive=mobileOnly] {
+    display: none;
+  }
+}
+[data-slot=sheet-content][data-width=full][data-side=left],
+[data-slot=sheet-content][data-width=full][data-side=right],
+[data-slot=sheet-content][data-width=full][data-side=responsive] {
+  width: 100%;
+  max-width: none;
+}
+[data-slot=sheet-content][data-width=wide] {
+  width: 100%;
+}
+@media (width >= 40rem) {
+  [data-slot=sheet-content][data-width=wide][data-side=left],
+  [data-slot=sheet-content][data-width=wide][data-side=right] {
+    max-width: 32rem;
+  }
+}
+@media (width >= 64rem) {
+  [data-slot=sheet-content][data-width=wide][data-side=responsive] {
+    max-width: 32rem;
+  }
+}
+[data-slot=sheet-header][data-presentation=navigation] {
+  border-bottom: 1px solid var(--border);
+  padding: 0;
+  background-color: var(--background);
+}
+[data-slot=sheet-title] {
+  font-family: var(--font-sans);
+  font-size: var(--type-size-large);
+  font-weight: 500;
+}
+[data-slot=sheet-title][data-presentation=navigation] {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  color: var(--foreground);
+}
+[data-slot=sheet-content] > :not([data-slot=sheet-header]):not([data-slot=sheet-footer]) {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+}
+
+/* ../ui/src/warmio/skeleton/skeleton.css */
+[data-slot=skeleton] {
+  animation: warm-skeleton-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+  background-color: var(--muted);
+  border-radius: var(--radius-md);
+}
+@keyframes warm-skeleton-pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+[data-slot=skeleton][data-shape=line]:not([data-preset]),
+[data-slot=skeleton][data-shape=block]:not([data-preset]),
+[data-slot=skeleton][data-shape=card]:not([data-preset]) {
+  width: 100%;
+}
+[data-slot=skeleton][data-shape=line]:not([data-preset]),
+[data-slot=skeleton][data-shape=block]:not([data-preset]) {
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-shape=avatar]:not([data-preset]),
+[data-slot=skeleton][data-preset=donutChart],
+[data-slot=skeleton][data-preset=onboardingAvatar],
+[data-slot=skeleton][data-preset=listBadge],
+[data-slot=skeleton][data-preset=progressTrack] {
+  border-radius: var(--radius-full);
+}
+[data-slot=skeleton][data-shape=card]:not([data-preset]),
+[data-slot=skeleton][data-preset=pagePanel],
+[data-slot=skeleton][data-preset=onboardingAction] {
+  border-radius: var(--radius-xl);
+}
+[data-slot=skeleton][data-shape=line][data-size=default]:not([data-preset]) {
+  height: 1rem;
+}
+[data-slot=skeleton][data-shape=block][data-size=default]:not([data-preset]) {
+  height: 4rem;
+}
+[data-slot=skeleton][data-shape=avatar][data-size=default]:not([data-preset]) {
+  width: 2rem;
+  height: 2rem;
+}
+[data-slot=skeleton][data-shape=card][data-size=default]:not([data-preset]) {
+  height: 12rem;
+}
+[data-slot=skeleton][data-shape=line][data-size=chart]:not([data-preset]),
+[data-slot=skeleton][data-shape=block][data-size=chart]:not([data-preset]),
+[data-slot=skeleton][data-shape=card][data-size=chart]:not([data-preset]) {
+  height: 11rem;
+}
+[data-slot=skeleton][data-shape=avatar][data-size=chart]:not([data-preset]) {
+  width: 16rem;
+  height: 16rem;
+}
+@media (min-width: 48rem) {
+  [data-slot=skeleton][data-shape=line][data-size=chart]:not([data-preset]),
+  [data-slot=skeleton][data-shape=block][data-size=chart]:not([data-preset]),
+  [data-slot=skeleton][data-shape=card][data-size=chart]:not([data-preset]) {
+    height: 18rem;
+  }
+}
+[data-slot=skeleton][data-preset=pageHeading],
+[data-slot=skeleton][data-preset=legendText],
+[data-slot=skeleton][data-preset=listPrimary] {
+  height: 1.25rem;
+  width: 100%;
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-preset=pagePanel] {
+  height: 24rem;
+  width: 100%;
+}
+[data-slot=skeleton][data-preset=cardHeading],
+[data-slot=skeleton][data-preset=listBadge] {
+  height: 1.5rem;
+}
+[data-slot=skeleton][data-preset=cardHeading],
+[data-slot=skeleton][data-preset=cardAction],
+[data-slot=skeleton][data-preset=filterAction],
+[data-slot=skeleton][data-preset=legendText],
+[data-slot=skeleton][data-preset=compactMetricValue],
+[data-slot=skeleton][data-preset=compactMetricMeta],
+[data-slot=skeleton][data-preset=listPrimary],
+[data-slot=skeleton][data-preset=listSecondary],
+[data-slot=skeleton][data-preset=formControl],
+[data-slot=skeleton][data-preset=formRow],
+[data-slot=skeleton][data-preset=formAction],
+[data-slot=skeleton][data-preset=onboardingAction] {
+  width: 100%;
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-preset=cardAction],
+[data-slot=skeleton][data-preset=filterAction],
+[data-slot=skeleton][data-preset=compactMetricValue],
+[data-slot=skeleton][data-preset=filterChip] {
+  height: 2rem;
+}
+[data-slot=skeleton][data-preset=donutChart] {
+  width: 12rem;
+  height: 12rem;
+}
+[data-slot=skeleton][data-preset=legendIcon] {
+  width: 0.75rem;
+  height: 0.75rem;
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-preset=compactMetricMeta],
+[data-slot=skeleton][data-preset=listSecondary] {
+  height: 0.75rem;
+}
+[data-slot=skeleton][data-preset=progressTrack] {
+  height: 0.625rem;
+  width: 100%;
+}
+[data-slot=skeleton][data-preset=listBadge] {
+  width: 3.5rem;
+}
+[data-slot=skeleton][data-preset=formControl] {
+  height: var(--control-height);
+}
+[data-slot=skeleton][data-preset=formRow],
+[data-slot=skeleton][data-preset=onboardingAction] {
+  height: 3.5rem;
+}
+[data-slot=skeleton][data-preset=formAction] {
+  height: var(--control-height-lg);
+}
+[data-slot=skeleton][data-preset=onboardingAvatar] {
+  width: 5rem;
+  height: 5rem;
+}
+[data-slot=skeleton][data-preset=filterChip] {
+  width: 2rem;
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-preset=dateRangeOption] {
+  height: 1.5rem;
+  width: 2.25rem;
+  border-radius: var(--radius-lg);
+}
+[data-slot=skeleton][data-width=xs] {
+  width: 3rem;
+}
+[data-slot=skeleton][data-width=sm] {
+  width: 4rem;
+}
+[data-slot=skeleton][data-width=md] {
+  width: 5rem;
+}
+[data-slot=skeleton][data-width=lg] {
+  width: 6rem;
+}
+[data-slot=skeleton][data-width=xl] {
+  width: 7rem;
+}
+[data-slot=skeleton][data-width=title] {
+  width: 10rem;
+}
+[data-slot=skeleton][data-width=wide] {
+  width: 12rem;
+}
+[data-slot=skeleton][data-width=full] {
+  width: 100%;
+}
+[data-slot=skeleton][data-width=fluid] {
+  flex: 1;
+}
+[data-sidebar=menu-skeleton-icon] {
+  width: 1rem;
+  height: 1rem;
+  border-radius: var(--radius-lg);
+}
+[data-sidebar=menu-skeleton-text] {
+  height: 1rem;
+  flex: 1;
+  max-width: var(--skeleton-width);
+}
+
+/* ../ui/src/warmio/tooltip/tooltip.css */
+[data-slot=tooltip-positioner] {
+  isolation: isolate;
+  z-index: var(--z-popover);
+}
+[data-slot=tooltip-content] {
+  display: inline-flex;
+  width: fit-content;
+  min-width: 140px;
+  max-width: 20rem;
+  transform-origin: var(--transform-origin);
+  border-radius: var(--radius-lg);
+  background-color: var(--chart-tooltip-background);
+  color: var(--chart-tooltip-foreground);
+  box-shadow: var(--shadow-md);
+  font-size: var(--type-size-caption);
+  pointer-events: none;
+  z-index: var(--z-popover);
+}
+:is([data-slot=tooltip-content], [data-slot=recharts-tooltip], [data-slot=chart-tooltip-content], [data-slot=chart-tooltip-panel], [data-slot=chart-date-ticker], [data-slot=bklit-time-series-tooltip], [data-slot=bklit-active-x-axis-pill]),
+:is([data-slot=tooltip-content], [data-slot=recharts-tooltip], [data-slot=chart-tooltip-content], [data-slot=chart-tooltip-panel], [data-slot=chart-date-ticker], [data-slot=bklit-time-series-tooltip], [data-slot=bklit-active-x-axis-pill]) :where(*),
+:is([data-slot=tooltip-content], [data-slot=recharts-tooltip], [data-slot=chart-tooltip-content], [data-slot=chart-tooltip-panel], [data-slot=chart-date-ticker], [data-slot=bklit-time-series-tooltip], [data-slot=bklit-active-x-axis-pill]) [data-text-variant],
+:is([data-slot=tooltip-content], [data-slot=recharts-tooltip], [data-slot=chart-tooltip-content], [data-slot=chart-tooltip-panel], [data-slot=chart-date-ticker], [data-slot=bklit-time-series-tooltip], [data-slot=bklit-active-x-axis-pill]) [data-text-variant][data-text-element] {
+  font-size: var(--type-size-caption);
+  line-height: 1.25;
+}
+[data-slot=tooltip-content] [data-slot=kbd] {
+  position: relative;
+  isolation: isolate;
+  z-index: calc(var(--z-popover) + 1);
+  border-radius: var(--radius-lg);
+}
+[data-slot=tooltip-body] {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--spacing) * 2);
+  padding-block: calc(var(--spacing) * 2);
+  padding-inline: calc(var(--spacing) * 4);
+  font-size: var(--type-size-caption);
+  line-height: 1.25;
+}
+[data-slot=tooltip-arrow] {
+  width: calc(var(--spacing) * 4);
+  height: calc(var(--spacing) * 2);
+  background-color: var(--chart-tooltip-background);
+}
+[data-slot=tooltip-arrow][data-side=top] {
+  top: 100%;
+  translate: 0 -1px;
+  clip-path: polygon(0 0, 100% 0, 50% 100%);
+}
+[data-slot=tooltip-arrow][data-side=bottom] {
+  bottom: 100%;
+  translate: 0 1px;
+  clip-path: polygon(50% 0, 100% 100%, 0 100%);
+}
+[data-slot=tooltip-arrow][data-side=left],
+[data-slot=tooltip-arrow][data-side=inline-start] {
+  left: 100%;
+  width: calc(var(--spacing) * 2);
+  height: calc(var(--spacing) * 4);
+  translate: -1px 0;
+  clip-path: polygon(0 0, 100% 50%, 0 100%);
+}
+[data-slot=tooltip-arrow][data-side=right],
+[data-slot=tooltip-arrow][data-side=inline-end] {
+  right: 100%;
+  width: calc(var(--spacing) * 2);
+  height: calc(var(--spacing) * 4);
+  translate: 1px 0;
+  clip-path: polygon(100% 0, 100% 100%, 0 50%);
+}
+[data-slot=tooltip-disabled-child] {
+  display: inline-flex;
+}