build(docs): fixed fluffy build errors

Author: shairez

packages/kit-fluffy/vite.config.ts

@@ -9,15 +9,15 @@ import tsconfigPaths from 'vite-tsconfig-paths';
 
 export default defineConfig({
   plugins: [
-    macroPlugin({
-      filter: (ident, id) => {
-        return (
-          id.includes('/styled-system/') &&
-          !id.includes('/jsx') &&
-          (id.startsWith('.') || id.startsWith('~'))
-        );
-      },
-    }),
+    // macroPlugin({
+    //   filter: (ident, id) => {
+    //     return (
+    //       id.includes('/styled-system/') &&
+    //       !id.includes('/jsx') &&
+    //       (id.startsWith('.') || id.startsWith('~'))
+    //     );
+    //   },
+    // }),
     qwikNxVite(),
     qwikVite({
       vendorRoots: [join(__dirname, '../kit-headless/src')],

packages/kit-headless/src/components/autocomplete/autocomplete-listbox.tsx

@@ -12,7 +12,7 @@ import AutocompleteContextId from './autocomplete-context-id';
 
 import { KeyCode } from '../../utils/key-code.type';
 
-const listPreventedKeys = [
+const preventedKeys = [
   KeyCode.Home,
   KeyCode.End,
   KeyCode.PageDown,
@@ -31,7 +31,7 @@ export const AutocompleteListbox = component$((props: ListboxProps) => {
 
   useVisibleTask$(function preventDefaultTask({ cleanup }) {
     function keyHandler(e: KeyboardEvent) {
-      if (listPreventedKeys.includes(e.key as KeyCode)) {
+      if (preventedKeys.includes(e.key as KeyCode)) {
         e.preventDefault();
       }
     }

packages/kit-headless/src/components/checkbox/checkbox.tsx

@@ -1,5 +1,4 @@
 import {
-  Component,
   PropFunction,
   QwikChangeEvent,
   QwikIntrinsicElements,
@@ -11,7 +10,7 @@ export type LabelProps = QwikIntrinsicElements['label'] & {
   htmlFor?: string;
 };
 
-export const Label: Component<LabelProps> = component$(({ ...props }: LabelProps) => {
+export const Label = component$(({ ...props }: LabelProps) => {
   return (
     <label {...props}>
       <Slot />
@@ -32,7 +31,7 @@ export type CheckboxProps = QwikIntrinsicElements['input'] & {
   >;
 };
 
-export const Root: Component<CheckboxProps> = component$(
+export const Root = component$(
   ({
     checked,
     disabled,

packages/kit-headless/src/components/tabs/tab.tsx

@@ -27,7 +27,7 @@ export type TabProps = {
   /** @deprecated Internal use only */
 } & QwikIntrinsicElements['button'];
 
-const tabPreventedKeys = [
+const preventedKeys = [
   KeyCode.Home,
   KeyCode.End,
   KeyCode.PageDown,
@@ -57,7 +57,7 @@ export const Tab = component$(
 
     useVisibleTask$(function preventDefaultOnKeysVisibleTask({ cleanup }) {
       function handler(event: KeyboardEvent) {
-        if (tabPreventedKeys.includes(event.key as KeyCode)) {
+        if (preventedKeys.includes(event.key as KeyCode)) {
           event.preventDefault();
         }
         contextService.onTabKeyDown$(event.key as KeyCode, tabId!);