some more bumps

Author: andrei9669

apps/website/src/components/header/header.tsx

@@ -38,19 +38,19 @@ export default component$(({ showVersion = false }: HeaderProps) => {
     .sidebar-mobile::backdrop {
       background: rgba(0,0,0,0.5);
     }
-  
+
     .sidebar-mobile {
       animation: sidebarOpen 0.75s forwards cubic-bezier(0.6, 0.6, 0, 1);
     }
-  
+
     .sidebar-mobile::backdrop {
       animation: sidebarFadeIn 0.75s forwards cubic-bezier(0.6, 0.6, 0, 1);
     }
-  
+
     .sidebar-mobile.modal-closing {
       animation: sidebarClose 0.35s forwards cubic-bezier(0.6, 0.6, 0, 1);
     }
-  
+
     .sidebar-mobile.modal-closing::backdrop {
       animation: sidebarFadeOut 0.35s forwards cubic-bezier(0.6, 0.6, 0, 1);
     }
@@ -65,7 +65,7 @@ export default component$(({ showVersion = false }: HeaderProps) => {
         transform: translateX(0%);
       }
     }
-  
+
     @keyframes sidebarClose {
       from {
         opacity: 1;
@@ -76,7 +76,7 @@ export default component$(({ showVersion = false }: HeaderProps) => {
         transform: translateX(100%);
       }
     }
-  
+
     @keyframes sidebarFadeIn {
       from {
         opacity: 0;
@@ -85,7 +85,7 @@ export default component$(({ showVersion = false }: HeaderProps) => {
         opacity: 1;
       }
     }
-  
+
     @keyframes sidebarFadeOut {
       from {
         opacity: 1;
@@ -239,12 +239,12 @@ const DarkModeToggle = component$<PropsOf<typeof Button>>(({ ...props }) => {
         (themeSig.value = await switchLightDark(themeSig.value || 'light'))
       }
     >
-      <div class="hidden dark:block">
+      <span class="hidden dark:block">
         <LuMoon class="h-6 w-6" />
-      </div>
-      <div class="block dark:hidden">
+      </span>
+      <span class="block dark:hidden">
         <LuSun class="h-6 w-6" />
-      </div>
+      </span>
     </Button>
   );
 });

apps/website/src/components/info-popup/info-popup.tsx

@@ -12,20 +12,20 @@ export const InfoPopup = component$((props: InfoProps) => {
     transition-behavior: allow-discrete;
     opacity: 0;
   }
-  
+
   .fade-info.popover-showing {
     opacity: 1;
   }
-  
+
   .fade-info.popover-closing {
     opacity: 0;
-  }  
+  }
   `);
 
   return (
     <Popover.Root flip={false} floating="top" gutter={4}>
       <Popover.Trigger class="flex items-center justify-center">
-        <div class="hover:bg-opacity-50 rounded-full p-1 hover:bg-slate-300">
+        <span class="hover:bg-opacity-50 rounded-full p-1 hover:bg-slate-300">
           <svg
             width="16"
             height="16"
@@ -42,7 +42,7 @@ export const InfoPopup = component$((props: InfoProps) => {
               clip-rule="evenodd"
             ></path>
           </svg>
-        </div>
+        </span>
       </Popover.Trigger>
 
       <Popover.Panel class="fade-info listbox rounded-base bg-transparent">

apps/website/src/components/search/search.tsx

@@ -5,8 +5,8 @@ import {
   useOnWindow,
   useSignal,
   useTask$,
+  isServer,
 } from '@qwik.dev/core';
-import { isServer } from '@qwik.dev/core/build';
 import { Combobox, Modal } from '@qwik-ui/styled';
 import { buttonVariants } from '@qwik-ui/styled';
 import { cn } from '@qwik-ui/utils';
@@ -128,6 +128,8 @@ export const Search = component$(({ isOpen }: { isOpen: Signal<boolean> }) => {
       class="w-full"
       mode="inline"
       filter={false}
+      multiple={false}
+      // @ts-expect-error -- weird type resolution
       onChange$={$((value: string | string[]) => {
         if (typeof value === 'string') {
           window.location.href = value;

apps/website/src/routes/docs/headless/select/auto-api/api.ts

@@ -1,55 +1,55 @@
 export const api = {
-  select: [
+  "select": [
     {
-      'hidden-select-option': [],
+      "hidden-select-option": []
     },
     {
-      'hidden-select': [],
+      "hidden-select": []
     },
     {
-      'select-description': [],
+      "select-description": []
     },
     {
-      'select-display-value': [],
+      "select-display-value": []
     },
     {
-      'select-error-message': [],
+      "select-error-message": []
     },
     {
-      'select-group-label': [],
+      "select-group-label": []
     },
     {
-      'select-group': [],
+      "select-group": []
     },
     {
-      'select-inline': [],
+      "select-inline": []
     },
     {
-      'select-item-indicator': [],
+      "select-item-indicator": []
     },
     {
-      'select-item-label': [],
+      "select-item-label": []
     },
     {
-      'select-item': [],
+      "select-item": []
     },
     {
-      'select-label': [],
+      "select-label": []
     },
     {
-      'select-listbox': [],
+      "select-listbox": []
     },
     {
-      'select-popover': [],
+      "select-popover": []
     },
     {
-      'select-root': [],
+      "select-root": []
     },
     {
-      'select-trigger': [],
+      "select-trigger": []
     },
     {
-      'use-select': [],
-    },
-  ],
-};
+      "use-select": []
+    }
+  ]
+};

apps/website/src/routes/docs/styled/carousel/index.mdx

@@ -9,7 +9,7 @@ import { ShowcaseHero, ShowcaseHeroVertical, ShowcasePagination, ShowcaseStepper
 
 Display and navigate through multiple content items.
 
-<ShowcaseHero />    
+<ShowcaseHero />
 
 ## Installation
 

apps/website/vite.config.ts

@@ -6,12 +6,15 @@ import { recmaProvideComponents } from './recma-provide-components';
 import autoAPI from './auto-api';
 import { ShikiTransformer } from 'shiki';
 import tailwindcss from '@tailwindcss/vite';
-import { qwikInsights } from '@qwik.dev/core-labs/vite';
+// import { qwikInsights } from '@builder.io/qwik-labs/vite';
 
 export default defineConfig(async () => {
   const { default: shikiRehype } = await import('@shikijs/rehype');
   return {
     root: 'apps/website',
+    ssr: {
+      noExternal: ['@qwikest/icons','@builder.io/qwik-city'],
+    },
     plugins: [
       autoAPI(),
       qwikRouter({
@@ -48,10 +51,14 @@ export default defineConfig(async () => {
       tsconfigPaths({ root: '../../' }),
       // Uncomment for debugging preview with http2 via https
       tailwindcss(),
-      qwikInsights({ publicApiKey: 'j748wqs70n' }),
+      // qwikInsights({ publicApiKey: 'j748wqs70n' }),
       // basicSsl(),
     ],
-
+    optimizeDeps: {
+      // Put problematic deps that break bundling here, mostly those with binaries.
+      // For example ['better-sqlite3'] if you use that in server functions.
+      // exclude: ['@builder.io/qwik-city','@qwikest/icons','@modular-forms/qwik'],
+    },
     server: {
       fs: {
         // Allow serving files from the project root

packages/kit-styled/package.json

@@ -21,7 +21,7 @@
   "license": "MIT",
   "scripts": {},
   "peerDependencies": {
-    "@builder.io/qwik": ">=1.3.1"
+    "@qwik.dev/core": "2.0.0-beta.13"
   },
   "devDependencies": {
     "@qwik-ui/headless": "^0.7.3",

packages/kit-styled/src/components/accordion/accordion.tsx

@@ -1,4 +1,4 @@
-import { component$, Slot, type PropsOf } from '@builder.io/qwik';
+import { component$, Slot, type PropsOf } from '@qwik.dev/core';
 
 import { Accordion as HeadlessAccordion } from '@qwik-ui/headless';
 import { cn } from '@qwik-ui/utils';

packages/kit-styled/src/components/alert/alert.tsx

@@ -1,4 +1,4 @@
-import { component$, Slot, type PropsOf } from '@builder.io/qwik';
+import { component$, Slot, type PropsOf } from '@qwik.dev/core';
 import { cn } from '@qwik-ui/utils';
 
 import { cva, type VariantProps } from 'class-variance-authority';

packages/kit-styled/src/components/avatar/avatar.tsx

@@ -1,4 +1,4 @@
-import { type PropsOf, Slot, component$ } from '@builder.io/qwik';
+import { type PropsOf, Slot, component$ } from '@qwik.dev/core';
 import { cn } from '@qwik-ui/utils';
 
 const Root = component$<PropsOf<'div'>>(({ ...props }) => {