1- import { QwikIntrinsicElements , Signal , Slot , component$ } from '@builder.io/qwik' ;
1+ import { QwikIntrinsicElements , Slot , component$ } from '@builder.io/qwik' ;
22import { StatusBanner } from '../status-banner/status-banner' ;
33import { AnatomyTable } from '../anatomy-table/anatomy-table' ;
44import { APITable } from '../api-table/api-table' ;
@@ -8,21 +8,13 @@ import { Showcase } from '../showcase/showcase';
88import { CodeSnippet } from '../code-snippet/code-snippet' ;
99import { InstallSnippet } from '../install-snippet/install-snippet' ;
1010import { Note } from '../note/note' ;
11- import { twMerge } from 'tailwind-merge ' ;
11+ import { cn } from '@qwik-ui/utils ' ;
1212
1313// eslint-disable-next-line @typescript-eslint/no-explicit-any
1414export const components : Record < string , any > = {
1515 p : component$ < QwikIntrinsicElements [ 'p' ] > ( ( { ...props } ) => {
1616 return (
17- < p
18- { ...props }
19- class = { [
20- twMerge (
21- 'mb-6 last:mb-0' ,
22- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
23- ) ,
24- ] }
25- >
17+ < p { ...props } class = { [ cn ( 'mb-6 last:mb-0' , props . class ) ] } >
2618 < Slot />
2719 </ p >
2820 ) ;
@@ -31,12 +23,7 @@ export const components: Record<string, any> = {
3123 return (
3224 < h1
3325 { ...props }
34- class = { [
35- twMerge (
36- 'mb-6 pt-6 text-3xl font-extrabold md:text-5xl' ,
37- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
38- ) ,
39- ] }
26+ class = { [ cn ( 'mb-6 pt-6 text-3xl font-extrabold md:text-5xl' , props . class ) ] }
4027 >
4128 < Slot />
4229 </ h1 >
@@ -47,9 +34,9 @@ export const components: Record<string, any> = {
4734 < h2
4835 { ...props }
4936 class = { [
50- twMerge (
37+ cn (
5138 'mb-8 mt-20 scroll-mt-32 border-b-[1px] pb-2 text-2xl font-extrabold' ,
52- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
39+ props . class ,
5340 ) ,
5441 ] }
5542 >
@@ -59,45 +46,21 @@ export const components: Record<string, any> = {
5946 } ) ,
6047 h3 : component$ < QwikIntrinsicElements [ 'h3' ] > ( ( { ...props } ) => {
6148 return (
62- < h3
63- { ...props }
64- class = { [
65- twMerge (
66- 'mb-6 mt-8 text-xl font-semibold' ,
67- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
68- ) ,
69- ] }
70- >
49+ < h3 { ...props } class = { [ cn ( 'mb-6 mt-8 text-xl font-semibold' , props . class ) ] } >
7150 < Slot />
7251 </ h3 >
7352 ) ;
7453 } ) ,
7554 h4 : component$ < QwikIntrinsicElements [ 'h4' ] > ( ( { ...props } ) => {
7655 return (
77- < h4
78- { ...props }
79- class = { [
80- twMerge (
81- 'mb-4 mt-6 text-lg font-medium' ,
82- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
83- ) ,
84- ] }
85- >
56+ < h4 { ...props } class = { [ cn ( 'mb-4 mt-6 text-lg font-medium' , props . class ) ] } >
8657 < Slot />
8758 </ h4 >
8859 ) ;
8960 } ) ,
9061 h5 : component$ < QwikIntrinsicElements [ 'h5' ] > ( ( { ...props } ) => {
9162 return (
92- < h5
93- { ...props }
94- class = { [
95- twMerge (
96- 'text-base font-[700]' ,
97- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
98- ) ,
99- ] }
100- >
63+ < h5 { ...props } class = { [ cn ( 'text-base font-[700]' , props . class ) ] } >
10164 < Slot />
10265 </ h5 >
10366 ) ;
@@ -111,30 +74,14 @@ export const components: Record<string, any> = {
11174 } ) ,
11275 ul : component$ < QwikIntrinsicElements [ 'ul' ] > ( ( { ...props } ) => {
11376 return (
114- < ul
115- { ...props }
116- class = { [
117- twMerge (
118- 'mb-4 list-disc px-6 font-medium' ,
119- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
120- ) ,
121- ] }
122- >
77+ < ul { ...props } class = { [ cn ( 'mb-4 list-disc px-6 font-medium' , props . class ) ] } >
12378 < Slot />
12479 </ ul >
12580 ) ;
12681 } ) ,
12782 li : component$ < QwikIntrinsicElements [ 'li' ] > ( ( { ...props } ) => {
12883 return (
129- < li
130- { ...props }
131- class = { [
132- twMerge (
133- 'py-2' ,
134- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
135- ) ,
136- ] }
137- >
84+ < li { ...props } class = { [ cn ( 'py-2' , props . class ) ] } >
13885 < Slot />
13986 </ li >
14087 ) ;
@@ -148,9 +95,9 @@ export const components: Record<string, any> = {
14895 < div
14996 { ...props }
15097 class = { [
151- twMerge (
98+ cn (
15299 'code-example relative -mx-6 mb-6 max-h-[31.25rem] rounded-xl bg-slate-900 lg:-mx-8' ,
153- ( props . class as Signal < string > ) ?. value ?? ( props . class as string ) ,
100+ props . class ,
154101 ) ,
155102 ] }
156103 >
0 commit comments