From 6f91682f9aed96759d885fb3c36926f2805ee3f9 Mon Sep 17 00:00:00 2001
From: andresin87 <andresin87@gmail.com>
Date: Thu, 25 Jan 2024 18:22:01 +0100
Subject: [PATCH] fix: sort dependencies

---
 .storybook/preview.jsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/.storybook/preview.jsx b/.storybook/preview.jsx
index c72dcaebf..109eda7ec 100644
--- a/.storybook/preview.jsx
+++ b/.storybook/preview.jsx
@@ -1,13 +1,13 @@
-import '../src/tailwind.css'
-import './sb-theming.css'
-import { ToC } from '@docs/helpers/ToC'
 import queryString from 'query-string'
-
 import { DocsContainer } from '@storybook/blocks'
 import { withThemeByDataAttribute } from '@storybook/addon-styling'
 import { Icon } from '@spark-ui/icon'
 import { ShareExpand } from '@spark-ui/icons/dist/icons/ShareExpand'
 
+import '../src/tailwind.css'
+import './sb-theming.css'
+import { ToC } from '@docs/helpers/ToC'
+
 const ExampleContainer = ({ children, ...props }) => {
   return (
     <DocsContainer {...props}>
@@ -52,13 +52,13 @@ export const decorators = [
     attributeName: 'data-theme',
   }),
   (storyFn, { id, viewMode }) => {
-    const {globals} = queryString.parse(window.top?.location.search)
+    const { globals } = queryString.parse(window.top?.location.search)
     return (
       <div className="relative w-full">
         {viewMode === 'docs' && (
           <div className="absolute -right-lg -top-xl">
             <a
-              href={`/iframe.html?${queryString.stringify({id, globals})}`}
+              href={`/iframe.html?${queryString.stringify({ id, globals })}`}
               target="_blank"
               className="text-basic hover:text-basic-hovered focus:text-basic-focused enabled:active:text-basic-pressed"
             >